← ARFX 🧱 Tetris Neon
🧱

Tetris Neon

Tetris AR com duas maos — esqueletos neon, raios eletricos, blocos com energia e musica Korobeiniki

Jogar →

Sobre

Tetris completo jogado com duas maos usando MediaPipe Hands. A camera do celular captura ambas as maos em tempo real — a mao direita controla a posicao horizontal da peca (ela segue seus movimentos com raios eletricos conectando mao e peca), enquanto a mao esquerda rotaciona a peca quando voce faz o gesto de pinca (polegar + indicador). Feche o punho direito para hard drop instantaneo. Ambas as maos sao renderizadas como esqueletos neon brilhantes — mao direita em cyan, mao esquerda em magenta — com todas as 21 articulacoes e conexoes visiveis. Raios eletricos (lightning bolts) conectam a mao direita a peca ativa, com orbe de energia e faiscas. Os blocos tem visual de energia liquida com plasma animado, raios de energia fluindo e pulso central brilhante. Trilha sonora: tema Korobeiniki (classico do Tetris) programado com Web Audio API, com melodia em onda quadrada e baixo em onda triangular — o tempo aumenta conforme sobe de nivel. Efeitos sonoros retro para cada acao: mover, rotacionar, travar, dropar, limpar linhas e level up. Grid com proporcoes classicas de Tetris, linhas neon sutis, scanlines retro e camera AR de fundo com overlay escuro. Inclui 7 pecas classicas com cores neon individuais, 7-bag randomizer, ghost piece, niveis progressivos e pontuacao por linhas. Fallback por teclado e touch.

Como Jogar

1. Abra o jogo — permita o acesso a camera e aguarde o MediaPipe carregar. A musica Korobeiniki comeca automaticamente.

2. Mao direita: mova a peca — a peca segue a posicao horizontal da sua mao direita. Raios eletricos neon conectam sua mao a peca ativa.

3. Mao esquerda: pinca para rotacionar — junte o polegar e o indicador da mao esquerda (gesto de pinca). Cada pinca rotaciona a peca 90 graus.

4. Punho direito: hard drop — feche a mao direita completamente. A peca desce instantaneamente ate o fundo.

5. Complete linhas — preencha linhas horizontais para elimina-las com flash neon e ganhar pontos. 4 linhas de uma vez = Tetris!

6. Suba de nivel — a cada 10 linhas o nivel sobe, as pecas caem mais rapido e a musica acelera.

Fallback: Teclado (← → ↑ ↓ Espaco) ou toque (arraste lados, toque centro = rotacionar, swipe baixo = drop).

AR Tetris MediaPipe Hands Duas Maos Esqueleto Neon Lightning Rays Blocos Energia Korobeiniki BGM Web Audio API Canvas 2D 7-Bag Ghost Piece Camera AR
Crie um Tetris AR controlado por duas maos com estilo neon retro e efeitos visuais avancados. Use MediaPipe Hands (maxNumHands:2, 21 landmarks cada) para rastrear ambas as maos em tempo real. A camera do celular e o fundo do jogo com overlay escuro (78% opacidade). Grid 10x20 com proporcoes classicas de Tetris (H*0.88/ROWS, W*0.62/COLS) centralizado, deixando espaco para painel lateral com SCORE/LEVEL/LINES/NEXT. Controles com duas maos: mao DIREITA — posicao X da palma (landmark 9, espelhada) mapeia para coluna com lerp 0.4 e range expandido [0.08-0.92] para alcance total. Punho direito (4 pontas dos dedos a menos de 0.08 da palma) faz hard drop. Mao ESQUERDA — pinca (distancia polegar tip 4 + indicador tip 8 menor que 0.06) rotaciona a peca com wall kicks [0,+1,-1,+2,-2]. Ambos com edge detection e cooldown de 14 frames. Renderizar esqueletos neon das maos: 21 landmarks conectados (thumb, index, middle, ring, pinky chains + palm base), mao direita cyan, mao esquerda magenta, com 2 camadas de glow (shadowBlur 14px + 4px) e circulos nas pontas dos dedos (4px branco). Raios eletricos (lightning bolts) da mao direita ate cada celula da peca ativa — subdividir segmentos com jitter perpendicular aleatorio (18%). Orbe de energia na mao com glow externo, anel medio e nucleo branco + arcos rotativos. Blocos com visual de energia liquida: base escura, 3 blobs de plasma animados (createRadialGradient com posicoes via sin/cos), 2 raios de energia fluindo (quadraticCurveTo), pulso central brilhante (branco→cor→transparente), highlight de vidro no topo e glow na base. Musica de fundo: tema Korobeiniki completo (Parte A + B) programado com Web Audio API — melodia em onda quadrada + linha de baixo em onda triangular, loop infinito, tempo aumenta com nivel (BPM base + min(nivel-1,8)*4). Sons retro para cada acao: mover (square 180Hz), rotacionar (square 300+500Hz), travar (triangle 100Hz + noise), dropar (square 60Hz + triangle 45Hz + noise), limpar linhas (tons ascendentes, bonus para Tetris), level up (escala C5-E5-G5-C6), game over (descendente E4-C4-A3-E3). 7 pecas classicas (I=cyan, O=amarelo, T=magenta, S=verde, Z=vermelho, L=laranja, J=azul) com 7-bag randomizer. Ghost piece semi-transparente. Niveis progressivos: velocidade = max(80ms, 1000-(nivel-1)*75). Pontuacao: 100/300/500/800 por 1/2/3/4 linhas × nivel. Scanlines retro, flash branco ao limpar linhas. Fallback por teclado (setas + espaco) e touch. Tudo em um unico arquivo HTML.