https://github.com/vilhalva/jogo-do-canvas
☑️JOGO EM HTML/CSS/JS.
https://github.com/vilhalva/jogo-do-canvas
canvas codigo css html javascript jogo projeto
Last synced: 4 months ago
JSON representation
☑️JOGO EM HTML/CSS/JS.
- Host: GitHub
- URL: https://github.com/vilhalva/jogo-do-canvas
- Owner: VILHALVA
- Created: 2024-03-08T20:56:09.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-26T00:09:42.000Z (almost 2 years ago)
- Last Synced: 2024-12-29T18:42:13.387Z (over 1 year ago)
- Topics: canvas, codigo, css, html, javascript, jogo, projeto
- Language: JavaScript
- Homepage:
- Size: 694 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JOGO DO CANVAS
☑️JOGO EM HTML/CSS/JS.
## DESCRIÇÃO:
Este é um jogo simples usando o elemento canvas do HTML5 e JavaScript. Aqui está uma visão geral:
- O jogo tem três estados principais: "jogar", "jogando" e "perdeu", que são definidos no objeto `estados`.
- O jogo começa no estado "jogar", onde é exibida uma tela de início.
- Quando o jogador clica no canvas, o evento de clique é capturado e manipulado pela função `clique()`.
- Dependendo do estado atual do jogo, diferentes ações são realizadas quando o jogador clica.
- O jogo é atualizado e renderizado continuamente em um loop usando a função `roda()` e `window.requestAnimationFrame()`.
- Os objetos do jogo, como o personagem (samurai), as pedras (pedras), o chão (chao) e o fundo (bg), são desenhados na tela de acordo com o estado atual do jogo.
- A pontuação do jogador é exibida na tela e atualizada conforme o jogo progride.
## 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 CANVAS](https://github.com/VILHALVA/CURSO-DE-CANVAS)
* [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 "gustavoSoriano"](https://github.com/gustavoSoriano/game-canvas)
- [PROJETO EDITADO PELO VILHALVA](https://github.com/VILHALVA)