​

function setup() {

  createCanvas(647, 400);

  pos = createVector(200, 200);

  velocity = createVector(random(-3, 3), random(-3, 3));

  colorMode(HSB);

}

​

function draw() {

  background("lightblue"); 

  pos.add(velocity);

  if(pos.x > width - 50 || pos.x < 50){

    velocity.mult(-random(0.9, 1.1), random(0.9, 1.1));

  }

  if(pos.y > height || pos.y < 30){

    velocity.mult(random(0.9, 1.1), -random(0.9, 1.1));

  }

  textAlign(CENTER);

  textSize(40);

  textFont('Times New Roman');

  fill(map(pos.x , 0, 647, 0, 255), map(pos.y , 0, 647, 0, 255), 100);

  text("Name", pos.x, pos.y)

  // circle(pos.x, pos.y, r*2);

}