Um jogo de caça-níquel inspirado no Fortune Tiger, desenvolvido com JavaScript puro e Canvas.
Este projeto foi desenvolvido exclusivamente para fins educacionais, com o objetivo de:
- Estudo de animações usando Canvas
- Prática de JavaScript moderno (ES6+)
- Implementação de efeitos visuais e sonoros
- Gerenciamento de estados em JavaScript puro
- Otimização de performance em Canvas
Nota: Este é um projeto acadêmico e não deve ser usado para fins comerciais ou de apostas reais.
- Sistema de slots com 6 símbolos diferentes
- Animações suaves de giro
- Efeitos visuais para vitórias
- Sistema de pontuação
- Design responsivo
- Efeitos sonoros
- Partículas e efeitos especiais
- HTML5 Canvas
- JavaScript (ES6+)
- CSS3 com Animações
- Sprite Sheets para os símbolos
teste/
│
├── index.html # Página principal
├── style.css # Estilos do jogo
├── slot.js # Lógica principal do slot
├── slotEffects.js # Efeitos visuais e animações
├── icons_preto.png # Sprite sheet dos símbolos
│
├── assets/ # Pasta de recursos
│ ├── spin.mp3 # Som de giro
│ ├── win.mp3 # Som de vitória
│ └── multiplier.mp3 # Som de multiplicador
│
└── screenshots/ # Pasta para imagens do README
└── preview.png # Preview do jogo
- Clone o repositório:
git clone https://github.com/Advansoftware/slot-game.git-
Você pode rodar o projeto de duas formas:
- Instale a extensão "Live Server"
- Clique com botão direito no arquivo
index.html - Selecione "Open with Live Server"
python -m http.server 8000
-
Acesse em:
- Live Server:
http://127.0.0.1:5500 - Python:
http://localhost:8000
- Live Server:
Os símbolos são definidos em slot.js:
const symbols = [
{ name: 'tiger', sx: 0, sy: 0 },
{ name: 'rabbitW', sx: 1, sy: 0 },
// ...
];Ajuste os valores em slotEffects.js:
const symbolValues = {
tiger: 2.00,
rabbitW: 1.50,
// ...
};O jogo se adapta automaticamente a diferentes tamanhos de tela:
Para adicionar os sons, coloque os arquivos de áudio na pasta assets/:
spin.mp3: Som de girowin.mp3: Som de vitóriamultiplier.mp3: Som do multiplicador
Para adicionar screenshots ao README:
- Crie uma pasta
screenshotsno projeto - Adicione suas imagens
- Referencie usando markdown:
- Faça um Fork
- Crie uma Branch (
git checkout -b feature/AmazingFeature) - Commit suas mudanças (
git commit -m 'Add some AmazingFeature') - Push para a Branch (
git push origin feature/AmazingFeature) - Abra um Pull Request
Distribuído sob a licença MIT. Veja LICENSE para mais informações.


