Skip to content
devmirellaPublic

About

Experiência interativa inspirada em Alice no País das Maravilhas. JavaScript puro, Web Audio API e artes autorais.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

21 Commits

Folders and files

Repository files navigation

✦ Alice — Portfólio Interativo

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

Alice mensagem A lanterna no escuro A fechadura


🕳️ A experiência

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.


🎮 Controles

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. 🎧


🚧 Fases do projeto

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 ✅

🛠 Tecnologias

  • 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)

💻 Rodando localmente

pip install -r requirements.txt
python app.py

Depois abra http://localhost:5000.


✦ por Mirella

About

Experiência interativa inspirada em Alice no País das Maravilhas. JavaScript puro, Web Audio API e artes autorais.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages