var ypos = 1;

var rectSize = 45;

var dirx = 1;

var diry = 1;

var xspeed = 2;

var yspeed = 2;

function setup() {

  createCanvas(400,100);

    rectMode(CENTER)

    frameRate(60);

}

​

function mousePressed() {

  if (mouseX > 0 && mouseX < 1000 && mouseY > 0 && mouseY < 1000) {

    var fs = fullscreen();

    fullscreen(!fs);

  }

}

​

function draw() {

    translate(width/2, height/2)

  background(0);

    fill(255,0,0, 120)

    textSize(50);

    if (xpos > ((width/2)-(rectSize/2)) || xpos < -((width/2)-(rectSize/2)) ){

        dirx = dirx * -1;

    }

    if (ypos > ((height/2)-(rectSize/2)) || ypos < -((height/2)-(rectSize/2)) ){

        diry = diry * -1;

    }

​

    xpos = xpos + (xspeed * dirx);

    ypos = ypos + (yspeed * diry);

//  rect(xpos,ypos, rectSize,rectSize);

    strokeWeight(4);

    stroke(255,0,0);

    fill(200);

    textAlign(CENTER,CENTER);

    text("YO", xpos, ypos);

​

}