Trato de pensar cómo el cuadro puede moverse hacia atrás cuando llega a 1000px (canvas.width), pero no sé cómo se resuelve después de la condición If, así que ahí está mi script, ¿alguien puede ayudarme?
var canvas = document.querySelector("canvas"); var canvasCT = canvas.getContext("2d"); var x = 50; function draw() { canvas.width = canvas.width; canvasCT.fillStyle = "blue"; canvasCT.fillRect(x, 50, 100, 100); } function run() { draw(); x += 5 ; if (x > 1000) { ...... } } setInterval(run, 10); var canvas = document.querySelector("canvas"); var canvasCT = canvas.getContext("2d"); var x = 50; var speed = 5; function draw() { canvas.width = canvas.width; canvasCT.fillStyle = "blue"; canvasCT.fillRect(x, 50, 100, 100); } function run() { draw(); x += speed; if (x > 1000 || x < 0) { speed = -speed; } } setInterval(run, 10); <canvas width=1000></canvas>