Dentro del loop siempre haremos dos tareas esenciales:

1. Actualizar la información del juego (personaje, enemigos, objetos, físicas, etc).
2. Dibujar la escena con esos datos actualizados.

🟩 1. Actualizar información

Supongamos que tenemos un personaje ubicado en la posición (100, 100):

Si el jugador presiona la tecla hacia abajo, lo normal es que el personaje se desplace hacia abajo en pantalla:

La forma más intuitiva de lograrlo es sumar un valor a la coordenada Y.

Por ejemplo, si sumamos +3, la posición pasaría a ser:

Y = 100 + 3 = 103

🟪 2. Dibujar con la nueva información

Una vez actualizamos la posición del personaje, el siguiente paso es dibujarlo de nuevo en la pantalla utilizando esas coordenadas actualizadas.

El Game Loop se basa en repetir este proceso:

actualizar → dibujar → actualizar → dibujar…

Es lo que hace que el juego se vea fluido y responda a las acciones del jugador.

<aside> 💡

Para este juego estableceremos los fps a 30

</aside>