← ARFX 👻 Ghost Maze
👻

Ghost Maze

Pac-Man controlado pelas suas maos — labirinto neon retro com camera AR de fundo

Jogar →

Sobre

Pac-Man reimaginado com controle por gestos usando MediaPipe Hands (21 landmarks). A camera frontal do celular rastreia sua mao em tempo real — a posicao da mao relativa ao Pac-Man determina a direcao: mova a mao para a esquerda do personagem e ele vira para la, mova para cima e ele sobe. Feche o punho para ativar um boost de velocidade temporario. Sua mao e renderizada como esqueleto neon cyan brilhante com todas as articulacoes e conexoes visiveis. O labirinto e o classico do Pac-Man (28x31) renderizado em Canvas 2D com paredes neon azuis brilhantes, dots amarelos com glow, power pellets pulsantes e ghost door magenta. Os 4 fantasmas classicos estao presentes com IA individual: Blinky (vermelho) persegue diretamente, Pinky (rosa) embosca 4 celulas a frente, Inky (ciano) e imprevisivel, e Clyde (laranja) alterna entre perseguir e fugir. Power pellets deixam os fantasmas vulneraveis — coma-os para pontuar! Efeitos sonoros retro com Web Audio API para cada acao: chomp, power-up, comer fantasma, morte e level up. Siren de fundo que muda de tom durante power mode. Visual neon com scanlines retro sobre camera AR. Fallback por teclado (setas + espaco) e touch (swipe + tap).

Como Jogar

1. Abra o jogo — permita o acesso a camera e aguarde o MediaPipe Hands carregar.

2. Mova a mao — posicione sua mao na direcao que quer ir. Se a mao estiver a esquerda do Pac-Man, ele vira para a esquerda. Sua mao aparece como esqueleto neon.

3. Mude de direcao — mova a mao para cima, baixo, esquerda ou direita do personagem para mudar o rumo.

4. Punho para boost — feche a mao completamente para ativar um boost de velocidade temporario.

5. Coma os dots — passe por todos os dots amarelos do labirinto para completar o nivel.

6. Power pellets — os dots grandes nos cantos deixam os fantasmas vulneraveis (azuis). Coma-os para ganhar 200 pontos!

7. Cuidado com os fantasmas — cada um tem estrategia diferente. Blinky persegue, Pinky embosca, Inky surpreende, Clyde e timido.

Fallback: Teclado (setas + espaco para boost) ou toque (swipe para direcao, tap para boost).

AR Pac-Man Hand Tracking MediaPipe Hands Esqueleto Neon Neon Retro Canvas 2D Ghost AI Web Audio API Camera AR Fist Detection
Crie um Pac-Man com vista aerea controlado pelas maos com estilo neon retro e camera AR de fundo. Use MediaPipe Hands (21 landmarks, maxNumHands:1) para rastrear a mao em tempo real. A posicao da palma (landmark 9, espelhada) relativa a posicao do Pac-Man no grid determina a direcao: se a mao esta a esquerda do personagem, ele vira para a esquerda. Dead zone de 0.06 para evitar mudancas acidentais. Suavize com lerp 0.4. Punho fechado (4 pontas dos dedos a menos de 0.08 da palma) ativa boost de velocidade temporario (90 frames) com cooldown de 14 frames. Renderize a mao como esqueleto neon cyan — 21 landmarks conectados com 2 camadas de glow (shadowBlur 14px + 4px), circulos brancos nas pontas dos dedos (4px). Labirinto classico Pac-Man 28x31: 0=parede, 1=dot, 2=vazio, 3=power pellet, 4=ghost house, 5=ghost door. Pac-Man com boca animada (sin*0.35), olho, glow amarelo pulsante. 4 fantasmas classicos com IA individual: Blinky (vermelho, persegue diretamente), Pinky (rosa, embosca 4 tiles a frente), Inky (ciano, vetor blinky-pacman dobrado), Clyde (laranja, persegue se longe, foge se perto de 8 tiles). Modos scatter/chase com timing classico (7s scatter, 20s chase, alternando). Power pellets ativam modo frightened (6s) — fantasmas ficam azuis/brancos piscando, comestiveis por 200 pontos. Paredes neon azuis com glow nas bordas adjacentes a caminhos. Dots amarelos com glow, power pellets pulsantes. Ghost door magenta. Sons retro com Web Audio API: chomp, power-up, comer fantasma, morte, level up. Siren de fundo com oscilador sine que muda durante power mode. Scanlines retro. Velocidade progressiva por nivel. Tunnel wrap na linha 14. Fallback por teclado (setas + espaco) e touch (swipe + tap). Camera de fundo com overlay escuro 82%. Tudo em um unico arquivo HTML.