Jogo educativo em labirinto com quiz sobre Engenharia de Software. Explore mini-labirintos, colete fragmentos, evite riscos e desbloqueie portais respondendo perguntas.
A campanha tem 10 fases, cada uma com:
- Labirinto procedural gerado por fase
- Fragmentos azuis obrigatórios para liberar o portal
- Riscos vermelhos e sentinelas que drenam foco
- Uma pergunta de checkpoint ao alcançar o portal
Modos visuais:
- 2D clássico — visão top-down
- FPS 2.5D — raycasting retrô (estilo Wolfenstein/Doom)
- Clique em Iniciar campanha (ou Continuar se houver save).
- Leia o briefing e entre no labirinto.
- Use setas/WASD ou o D-pad touch para se mover.
- No modo FPS, esquerda/direita giram o jogador; no 2D, movem.
- Colete os fragmentos para liberar o portal roxo.
- Evite riscos e sentinelas — eles reduzem foco e score.
- No portal, responda ao quiz (clique ou teclas 1–4).
- Complete as 10 fases para ver a tela final.
Atalhos: ESC volta ao menu (progresso salvo permanece em localStorage).
- Faixa: BlueBeat 01 [loop] por ERH (OpenGameArt, licença CC-BY 3.0)
- Créditos:
CREDITS.md - Inicia após gesto do usuário (política de autoplay dos navegadores)
- Volume reduzido automaticamente durante o quiz
- Botão Som: ON/OFF — preferência em
localStorage - Efeitos de acerto/erro via Web Audio API
Texto para apresentação escolar:
Trilha sonora: BlueBeat 01 [loop] por ERH, disponibilizada sob licença Creative Commons BY em OpenGameArt.org.
10 perguntas fixas (uma por fase), cobrindo temas como dia a dia, lógica, arquitetura, carreira, produto, qualidade, equipe, web, segurança e futuro da profissão.
npm install
npm run devBuild de produção:
npm run build
npm run previewO Vite separa o Phaser em chunk próprio para melhorar cache e carregamento.
- Importe o repositório na Vercel.
- Framework Preset: Vite (ou Other com build
npm run build). - Output Directory:
dist. - Deploy.
Via CLI:
npm run build
npx vercelcyber-maze-v2/
├── public/
│ └── audio/
│ ├── bgm-gameplay.ogg
│ └── CREDITS.txt
├── src/
│ └── main.js # Jogo (Phaser 3 + UI HTML)
├── index.html
├── style.css
├── vite.config.js
├── package.json
├── vercel.json
└── CREDITS.md
Os arquivos app.js e maze/ são de uma versão anterior (Quiz Clássico em vanilla JS). A entrada atual é index.html → src/main.js via Vite.
- 10 fases com labirintos, fragmentos, riscos e portais
- Modo 2D e FPS 2.5D com raycasting
- Quiz por portal com feedback educativo
- Save de campanha, modo visual e mute em
localStorage - Controles touch com rótulos adaptados ao modo
prefers-reduced-motionrespeitado- Quiz acessível:
aria-live, foco no primeiro botão, teclas 1–4
| Chave | Conteúdo |
|---|---|
cyberMazeV2Progress |
Fase, score e foco |
cyberMazeV2ViewMode |
2d ou 3d |
cyberMazeV2Mute |
true / false |
Chaves antigas (cyberMazeViewMode, cyberMazeMute) são migradas automaticamente na primeira carga.
Edite o array questions em src/main.js (uma pergunta por fase em levels).
Altere shards, hazards, sentries e speed no array levels em src/main.js.
MIT License — use, modifique e distribua livremente.
Desenvolvido para educar e inspirar novos talentos na área de tecnologia.
