https://github.com/vilhalva/jogo-do-mario
☑️JOGO EM HTML/CSS/JS.
https://github.com/vilhalva/jogo-do-mario
codigo css html html-game javascript jogo projeto
Last synced: 4 months ago
JSON representation
☑️JOGO EM HTML/CSS/JS.
- Host: GitHub
- URL: https://github.com/vilhalva/jogo-do-mario
- Owner: VILHALVA
- Created: 2024-03-08T21:29:16.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-20T16:26:11.000Z (over 1 year ago)
- Last Synced: 2024-12-29T18:42:05.453Z (over 1 year ago)
- Topics: codigo, css, html, html-game, javascript, jogo, projeto
- Language: JavaScript
- Homepage:
- Size: 2.17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JOGO DO MARIO
☑️JOGO EM HTML/CSS/JS.
## DESCRIÇÃO:
Este é um jogo simples em que um personagem (representado por uma imagem de Mario) deve pular sobre um obstáculo (representado por um cano) enquanto avança automaticamente para a direita.
- `startGame()`: Inicia o jogo, adicionando a animação ao cano, escondendo o botão de início e iniciando a reprodução do áudio de início.
- `restartGame()`: Reinicia o jogo, escondendo a tela de game over, reposicionando o Mario e o cano, e reiniciando a reprodução do áudio de início.
- `loop()`: Define um intervalo para verificar continuamente a posição do cano e do Mario. Se houver colisão entre o Mario e o cano, a reprodução do áudio é alterada para o de game over, a animação é interrompida, e a tela de game over é exibida.
- Adiciona ouvintes de eventos de pressionamento de tecla e toque para permitir que o jogador controle o Mario. Pressionar a barra de espaço ou tocar na tela faz com que o Mario pule, enquanto pressionar a tecla Enter inicia o jogo.
## NÃO SABE?
- 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:
* [CURSO DE HTML E CSS](https://github.com/VILHALVA/CURSO-DE-HTML-E-CSS)
* [CURSO DE JAVASCRIPT](https://github.com/VILHALVA/CURSO-DE-JAVASCRIPT)
* [CONFIRA MAIS CURSOS](https://github.com/VILHALVA?tab=repositories&q=+topic:CURSO)
## CREDITOS:
- [PROJETO CRIADO PELO "EvanderInacio"](https://github.com/EvanderInacio/Mario)
- [PROJETO EDITADO PELO VILHALVA](https://github.com/VILHALVA)