👨💻JOGO DO TETRIS COM HTML, CSS E JS.
Tetris é um clássico jogo de quebra-cabeça onde peças (ou "tetriminos") de diferentes formas caem de cima para baixo na tela. O objetivo é girar e mover essas peças para preencher linhas horizontais inteiras. Quando uma linha é preenchida, ela desaparece, e o jogador ganha pontos. O jogo continua até que as peças se acumulam até o topo da tela, resultando em um game over.
-
Iniciar o Jogo:
- O jogo começa quando você pressiona a tecla Espaço. Isso inicia o jogo e faz com que as peças comecem a cair.
-
Movimentação e Controle das Peças:
- Seta para a Esquerda (←): Move a peça ativa para a esquerda.
- Seta para a Direita (→): Move a peça ativa para a direita.
- Seta para Baixo (↓): Acelera a queda da peça ativa.
- Seta para Cima (↑): Gira a peça ativa para a próxima orientação.
-
Objetivo:
- Tente preencher linhas horizontais inteiras com os blocos. Quando uma linha está completa, ela desaparece e você ganha pontos.
- Continue preenchendo linhas para aumentar sua pontuação e evitar que a tela se encha com as peças.
-
Pontuação e Linhas:
- Pontuação: A pontuação atual é exibida no canto superior direito da tela.
- Linhas: O número total de linhas completas é mostrado ao lado da pontuação.
-
Game Over:
- O jogo termina quando uma nova peça não pode ser colocada na tela porque a pilha de peças já preenchida atinge o topo da área de jogo. Nesse ponto, o menu de início é exibido novamente, e o jogo pode ser reiniciado.
- Entendemos que para manipular arquivos em
HTML
,CSS
e outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis: