// ball's variable let xball = 300; let yball = 200; let diameter = 15; let speedxball = 5; let speedyball = 5; let ray = diameter/2;
// variable of left rect let xleftrect = 5 let yleftrect = 150 let widthleftrect = 10 let heightleftrect = 90
function setup() { createCanvas(600, 400); }
function draw() { background(0); showtheball(); ballmovement(); verifyballtouch(); rect(xleftrect,yleftrect,widthleftrect,heightleftrect) leftrectmovement() }
function showtheball(){ circle(xball,yball,diameter) }
function ballmovement(){ xball += speedxball yball += speedyball }
function verifyballtouch(){ if (xball + ray > width || xball - ray <0){ speedxball *= -1; } if (yball + ray > height || yball - ray<0){ speedyball *= -1 } }
function leftrectmovement(){ if (keyIsDown(UP_ARROW)){ yleftrect -= 50; } if (keyIsDown(DOWN_ARROW)){ yleftrect += 50; }
}