Creando el juego de las torres de Hanoi con Angular 🎮

Aprende a crear con Angular el juego de las torres de Hanoi sin librerías

05.11.2022 a las 18:52

Creando el juego de las torres de Hanoi con Angular 🎮

⚫ ¿Qué son las torres de Hanoi?

⚫ ¿Cómo se juega a las torres de Hanoi?

⚫ A Juegar 🎮

⚫ Al código 👨‍💻

Creando el juego de las torres de Hanoi con Angular 🎮


Esta semana he tenido una tutoria en el cole de mi hija y vi un juego de torres de Hanoi y se me ocurrió crear uno digital para posteriormente crear un algoritmo que lo resuelva en el menor número de pasos posible.


He creado el juego a pelo, sin librerías.

¿Qué son las torres de Hanoi?

Las torres de Hanoi es un juego o rompecabezas matemático.


Consta de tres varillas y un número de discos de diferentes tamaños, que pueden deslizarse sobre cualquier varilla.


El rompecabezas comienza con los discos en una pila ordenada en orden ascendente de tamaño en una varilla, el más pequeño en la parte superior, haciendo así una forma cónica.


El objetivo del rompecabezas es mover toda la pila a otra varilla, obedeciendo las siguientes reglas simples:

¿Cómo se juega a las torres de Hanoi?

  • Sólo se puede mover un disco a la vez.
  • Cada movimiento consiste en tomar el disco superior de una de las pilas y colocarlo encima de otra pila o en una barra vacía.
  • No se puede colocar ningún disco encima de otro más pequeño.

A jugar 🎮

0
1
2
3
4

Al código 👨‍💻

En esta primera versión funcional, puedes jugar con 5 discos, quiero ampliarlo a poder elegir el número de discos y calcular el número de movimientos mínimos necesarios para resolverlo.


Para dibujar la interfaz he usado sólo HTML y CSS, nada de canvas.


Ello me ha obligado ha estudiar a fondo la propiedad position de CSS que tiene su miga.


De hecho, haré un artículo porque tiene sus cosillas.


👉 Aquí puedes encontrar el repositorio con el código actual, todas las pull request serán bienvenidas 😉


Hasta luego 🖖

Servicios

Software

IoT

Digitalización

Aplicaciones móviles

Consultoría

fjmduran.com v0.1.2