Skip to content

Diseño y publicación de una animación educativa utilizando HTML5 Canvas y eXeLearning.

# Evaluación

# 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.

Comprobar

¡Correcto!

No es correcto... La respuesta correcta es:

Creado con eXeLearning (nueva ventana)