https://williamphk.github.io/USUSELY-Web/
Este código JavaScript faz parte de um simples jogo de cobra, onde a cobra se move pela tela, comendo comida e crescendo em comprimento. O código define o comportamento da cobra, lida com a entrada das teclas de seta e exibe o status do jogo na tela.
gameBoard
, score1
, score2
é selecionado usando seus respectivos IDs DOM. As dimensões da placa do jogo são calculadas com base no tamanho da tela, divididas em células de 30 px. Uma grade é criada percorrendo as dimensões, com cada célula representada por uma entrada de caixa de seleção. O quadro de jogos é então preenchido com linhas e células.
A direction
da cobra, length
, starting position
, speed
e outras variáveis necessárias são definidas. Um mapeamento de instruções para matar índices e operações também é criado para fácil movimento de cobras. Verificando a posição inicial da cobra:
A posição inicial da cobra é verificada no quadro de jogos.
A função checkRandomCellAsFood
coloca alimentos em locais aleatórios no quadro de jogos, garantindo que a comida não apareça na própria cobra.
O botão 'Iniciar' inicia o jogo. A função updatePosition
atualiza a posição visual da cobra e lida com a lógica quando a cobra come comida ou encontra várias outras condições de jogo. Movimento de cobras e mudança de cor:
O movimento da cobra é controlado pelas teclas de seta. Uma cor aleatória é gerada usando a função getRandomColor
para fins de estilo.
Se a cobra sair dos limites ou corre em si, o jogo termina. A função gameOver
é chamada para lidar com o jogo em cenários.
A função uncheckAll
desmarca todas as células, limpando a placa. O printGameOverWithCheckbox
Function imprime "Game Over" no quadro de jogos usando caixas de seleção verificadas.
Não são necessárias bibliotecas ou dependências externas para este código. Ele é executado puramente em JavaScript de baunilha.