Uma máquina caça-níquel desenvolvida em HTML, SCSS e JavaScript, com um personagem animado que reage à vitória ou derrota.
Este projeto é uma versão simples de uma slot machine:
- Interface responsiva feita em HTML5
- Estilização moderna com SCSS, incluindo animações de giro e efeitos visuais
- Lógica do jogo implementada em JavaScript, controlando símbolos, apostas e resultados
- Um personagem animado que entra em cena ao ganhar (celebração) ou perder (reação de frustração)
- HTML5 – estrutura semântica da interface
- SCSS – estilos organizados e animados em preprocessor
- JavaScript (Vanilla) – lógica do jogo, randomização e interatividade
- Geração aleatória de símbolos nos rolos
- Sistema de apostas simples, com feedback de vitória/derrota
- Animações CSS/JavaScript durante o giro dos rolos
- Reações do personagem conforme o resultado do giro
Clone o projeto com:
git clone https://github.com/Caio-Sc/Slot-Machine.git
Abra o arquivo index.html no seu navegador ou use um servidor local (ex: Live Server no VS Code) para testar.
O JavaScript controla cada giro, sorteando símbolos e comparando combinações.
O SCSS define as animações dos rolos e do personagem conforme o resultado.
Ao ganhar, o personagem dança/comemora; ao perder, reage com decepção.
Projetos similares que serviram de referência ao desenvolvimento:
- Exemplos leves de slot‑machine em HTML/CSS/JS
- Tutoriais sobre criação de slot machines “retro” usando front‑end puro
Contribuições são bem‑vindas! Você pode:
- Adicionar novas combinações vencedoras
- Melhorar as animações do personagem
- Implementar placar, sistema de créditos ou som
- Otimizar o SCSS ou torná-lo mais modular
Processo sugerido:
- Fork este repositório
- Crie uma branch com sua feature: git checkout -b feature-nome
- Faça alterações e commit: git commit -m 'Adiciona feature X'
- Envie para o seu fork: git push origin feature-nome
- Abra um Pull Request para este projeto