Máquina de estados de un jugador

Una máquina de estados es un modelo donde un personaje está siempre en un solo estado y cambia cuando ocurre un evento. Es la forma más clara de decidir qué puede hacer un jugador en cada momento.

Al final sabrás dibujar los estados de un jugador y decir a cuál pasa con cada evento. Un jugador que salta no puede saltar otra vez en el aire, y esta lección explica cómo se escribe esa regla.

Un juego no pregunta en cada fotograma si el jugador pulsó una tecla. El navegador avisa con un evento cuando se pulsa o se suelta una tecla.

El código solo anota lo que pasó, y el bucle lo lee después. En este juego, el diccionario keys recuerda si la flecha izquierda o la derecha está pulsada en este momento.

var keys = { left: false, right: false };

document.addEventListener("keydown", function (event) {
  if (event.key === "ArrowLeft") { keys.left = true; }
  if (event.key === "ArrowRight") { keys.right = true; }
});

document.addEventListener("keyup", function (event) {
  if (event.key === "ArrowLeft") { keys.left = false; }
  if (event.key === "ArrowRight") { keys.right = false; }
});

Imagina un juego de plataformas. El jugador puede estar quieto, corriendo, saltando o caído. En cada estado, unos eventos valen y otros no.

Un jugador que salta ignora otro salto hasta que aterriza. Un jugador caído no hace nada hasta que se reinicia. Cada regla es una transición: un estado, un evento y el estado nuevo.

Catch the stars no es una máquina de cuatro estados. Tiene solo dos: se está jugando o ha terminado la partida. Lo recuerda una bandera, gameOver, que vale falso o verdadero.

El primer comando busca esa palabra en game.js. Escribe seis líneas con su número. Dicen dónde se declara, se pone en falso, se comprueba, se activa, se dibuja el mensaje y se lee la tecla Espacio.

docker exec jupyter grep -n "gameOver" game/game.js

Cada addEventListener es un oyente: espera un evento y ejecuta una función. El segundo comando cuenta las líneas que lo contienen en game.js.

Escribe solo un número: 6. Son los dos de las teclas, los tres de los botones en pantalla (pulsar, soltar y salir) y el del botón de reiniciar.

docker exec jupyter grep -c "addEventListener" game/game.js