{"id":23681742,"url":"https://github.com/vilhalva/jogo-do-canvas","last_synced_at":"2026-01-03T03:30:15.743Z","repository":{"id":229203087,"uuid":"769338758","full_name":"VILHALVA/JOGO-DO-CANVAS","owner":"VILHALVA","description":"☑️JOGO EM HTML/CSS/JS.","archived":false,"fork":false,"pushed_at":"2024-07-26T00:09:42.000Z","size":711,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-29T18:42:13.387Z","etag":null,"topics":["canvas","codigo","css","html","javascript","jogo","projeto"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VILHALVA.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-08T20:56:09.000Z","updated_at":"2024-08-19T23:12:58.000Z","dependencies_parsed_at":"2024-03-22T19:07:24.296Z","dependency_job_id":"ce4bf1a7-186b-4f9f-b157-5c3fbdacb139","html_url":"https://github.com/VILHALVA/JOGO-DO-CANVAS","commit_stats":null,"previous_names":["vilhalva/jogo-do-canvas"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FJOGO-DO-CANVAS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FJOGO-DO-CANVAS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FJOGO-DO-CANVAS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FJOGO-DO-CANVAS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/JOGO-DO-CANVAS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239728536,"owners_count":19687361,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","codigo","css","html","javascript","jogo","projeto"],"created_at":"2024-12-29T18:41:33.072Z","updated_at":"2026-01-03T03:30:15.712Z","avatar_url":"https://github.com/VILHALVA.png","language":"JavaScript","readme":"# JOGO DO CANVAS\r\n☑️JOGO EM HTML/CSS/JS.\r\n\r\n\u003cimg src=\"FOTO.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\r\n## DESCRIÇÃO:\r\nEste é um jogo simples usando o elemento canvas do HTML5 e JavaScript. Aqui está uma visão geral:\r\n\r\n- O jogo tem três estados principais: \"jogar\", \"jogando\" e \"perdeu\", que são definidos no objeto `estados`.\r\n- O jogo começa no estado \"jogar\", onde é exibida uma tela de início.\r\n- Quando o jogador clica no canvas, o evento de clique é capturado e manipulado pela função `clique()`.\r\n- Dependendo do estado atual do jogo, diferentes ações são realizadas quando o jogador clica.\r\n- O jogo é atualizado e renderizado continuamente em um loop usando a função `roda()` e `window.requestAnimationFrame()`.\r\n- 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.\r\n- A pontuação do jogador é exibida na tela e atualizada conforme o jogo progride.\r\n\r\n## NÃO SABE?\r\n- 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:\r\n* [CURSO DE CANVAS](https://github.com/VILHALVA/CURSO-DE-CANVAS)\r\n* [CURSO DE HTML E CSS](https://github.com/VILHALVA/CURSO-DE-HTML-E-CSS)\r\n* [CURSO DE JAVASCRIPT](https://github.com/VILHALVA/CURSO-DE-JAVASCRIPT)\r\n* [CONFIRA MAIS CURSOS](https://github.com/VILHALVA?tab=repositories\u0026q=+topic:CURSO)\r\n\r\n## CREDITOS:\r\n- [PROJETO CRIADO PELO \"gustavoSoriano\"](https://github.com/gustavoSoriano/game-canvas)\r\n- [PROJETO EDITADO PELO VILHALVA](https://github.com/VILHALVA)\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fjogo-do-canvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Fjogo-do-canvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fjogo-do-canvas/lists"}