Uma experiência visual inspirada em Alice no País das Maravilhas, construída como portfólio criativo com HTML, CSS e JavaScript.
🔗 Veja ao vivo: merit-alice.netlify.app
Você cai. A tela escurece. Algo espera no escuro.
Alice é um projeto de narrativa interativa onde cada clique revela um novo momento da história, com animações, efeitos de luz, sons e transições contadas em código.
| Dispositivo | Ação |
|---|---|
| Desktop | Mouse move a lanterna, seta ↑ aproxima da porta, clique na maçaneta |
| Celular / tablet | Toque e arraste move a lanterna, swipe para cima aproxima da porta, toque na maçaneta |
Dica: use fones de ouvido. 🎧
| Fase | Descrição | Status |
|---|---|---|
| 0 | Setup do projeto | ✅ |
| 1 | A Queda | ✅ |
| 2 | Tela escura + interação | ✅ |
| 3 | Efeito de lanterna | ✅ |
| 4 | Sons | ✅ |
| 5 | A Porta | ✅ |
| 6 | O Buraco da Fechadura | ✅ |
| 7 | Deploy | ✅ |
- HTML, CSS e JavaScript (sem frameworks)
- Flask (Python): servidor local de desenvolvimento
- Web Audio API: sons ambiente gerados por código (gotas e arrasto)
- Áudios (
.wav): as vozes da experiência - Artes originais desenhadas por mim
- Deploy: Netlify (site estático)
pip install -r requirements.txt
python app.pyDepois abra http://localhost:5000.


