para un proyecto, necesito hacer, usando ctx, un cuadrado que comienza desde una y aleatoria (35 o 105), se mueve desde y = 0 hasta el final del lienzo y vuelve al principio, una vez más, 35 o 105 al azar.

Necesita moverse a 20 píxeles en cada cuadro.

Creé una función que dibuja un cuadrado:

 function drawSquareBlue() { ctx.beginPath(); ctx.fillRect(squareX, squareY, squareSize2, squareSize2); }

luego, en la función principal, intenté iniciar el código que mueve el cuadrado:

 if (squareX <= 0) diffY = -diffY; squareX = squareX + diffY;

Y yo no sabía qué hacer a continuación. Intenté establecer squareX en 0, pero el cuadrado se atasca. Tampoco sé qué hacer para que funcione a 20 píxeles/fotograma.