Joguinho em HTML, CSS e JavaScript onde o jogador conecta uma carteira EVM, coleta moedas na tela e envia a pontuacao para um contrato na Binance Smart Chain.
O projeto tambem tem uma tabela de ranking que busca os jogadores no contrato e mostra a pontuacao registrada na blockchain.
O jogo roda em um canvas. As moedas caem pela tela, o jogador clica para coletar e cada acerto soma pontos. Depois de algumas tentativas perdidas, a partida termina e o score pode ser confirmado na carteira.
A integracao com a blockchain usa ethers.js direto pelo navegador. Para jogar do jeito certo, e necessario usar uma carteira como MetaMask e estar conectado na Binance Smart Chain Mainnet.
- HTML
- CSS
- JavaScript
- Canvas API
- Ethers.js
- Solidity
- Binance Smart Chain
index.html: tela principal do jogo e tabela de ranking.script.js: logica do jogo, conexao da carteira e envio do score.ranking.js: leitura do ranking no contrato.styles.css: estilos da pagina.- contrato Solidity: guarda scores e libera recompensas.
assets/: imagens usadas no jogo.
Instale as dependencias:
npm installDepois rode o servidor local:
npm startAbra no navegador:
http://localhost:8080
Para testar a parte da blockchain, abra o projeto em um navegador com MetaMask ou outra carteira EVM instalada.
O jogo espera a Binance Smart Chain Mainnet. Se a carteira estiver em outra rede, ele tenta adicionar a BSC automaticamente.
O contrato usado no front-end esta configurado neste endereco:
0xE14FC8f7Bbaa04d8D3BeBb5b4f9e87bC32745dbA
Antes de publicar ou reutilizar o projeto, confira se esse contrato ainda e o endereco certo para a versao que voce quer manter online.
Como o front-end e estatico, da para publicar em GitHub Pages, Netlify, Vercel ou qualquer hospedagem que sirva arquivos HTML, CSS e JavaScript.
No GitHub Pages, normalmente basta subir o repositorio e ativar o Pages apontando para a branch principal.
ISC