let redY = 225;

​

let blueX = 210;

let blueY = 225;

​

let redMove = false;

let blueMove = false;

​

function setup() {

  createCanvas(300, 450);

}

​

function draw() {

  background(255);

  fill(0);

  rect(20,20,260,380);

  stroke(0);

  line(20,415, 280, 415);

  text('THE MATRIX', 20, 430);

  text('RaDiNaG', 220, 430);

​

  // left circle

  fill("red");

  circle(redX, redY, 100);

​

  // right circle

  fill(91, 216, 235);

  circle(blueX, blueY, 100);

  if(blueMove === true){

    blueY = blueY - 1;

  }

  if(redMove === true){

    redX = redX -1;

  }

}

​

function keyPressed() {

  if (key === "b") {

    blueMove = true;

  }

  if (key === "r") {

    redMove = true;

  }

}

​