𝗗𝗶𝗮 𝟯𝟮 𝗱𝗲 𝗔𝗽𝗿𝗲𝗻𝗱𝗶𝘇𝗮𝗴𝗲𝗺 𝗱𝗮 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸
Hoje eu construí um jogo de Cobras e Escadas.
Este projeto exigiu manipulação de arrays e lógica complexas. Usei HTML5, CSS3 e Vanilla JavaScript.
Ontem eu construí o Jogo de Pedra, Papel e Tesoura. Hoje passei para uma grade de 100 células. Isso exigiu o rastreamento de posições através de um layout matemático.
Aqui está como eu o construí:
- Usei um loop para criar a grade. Não fiz o hardcode de 100 divs.
- Usei CSS Grid para criar um layout 10x10.
- Usei um objeto JavaScript para gerenciar as escadas e as cobras.
O mapeamento do objeto vincula uma casa de gatilho a uma casa de destino. Isso evita longas instruções if-else.
Exemplo de mapa:
- Escadas: 4 para 14, 9 para 31, 28 para 84.
- Cobras: 17 para 7, 54 para 34, 98 para 79.
Gerenciar transições espaciais em uma interface dinâmica me ensinou muito sobre gerenciamento de estado.
Fonte: https://dev.to/ali_hamza_589ec7b3eb6688d/day-32-of-learning-mern-stack-15o1