Lista desordenada
"Para que la pelota se mueva correctamente sin dejar rastro y rebote, el código debe seguir un orden lógico. Arrastra los pasos para ponerlos en el orden correcto de ejecución."
- Limpiar el Canvas: Borrar el dibujo del frame anterior para que no se vea una línea continua.
- Dibujar la pelota: Dibujar el círculo en las coordenadas actuales ($x, y$).
- Actualizar posición: Sumar la velocidad a las coordenadas actuales para el siguiente paso.
- Comprobar colisión: Verificar si la pelota tocó un borde para invertir la dirección.
- Solicitar nuevo frame: Llamar a la función requestAnimationFrame para repetir el ciclo.