Sobre

Experiencia de desenho em realidade aumentada com efeito neon. A tela se divide em duas metades: embaixo voce ve sua camera com rastreamento de maos em tempo real, e em cima uma lousa preta onde seu desenho aparece. Aponte o dedo indicador para desenhar — o sistema rastreia a ponta do seu dedo e mapeia o movimento para a lousa acima. Escolha entre 6 cores neon vibrantes (cyan, rosa, verde, amarelo, laranja, roxo) no menu lateral. Quando terminar, abra as duas maos e o sistema renderiza seu desenho em neon brilhante com animacao de trace progressivo, brilho pulsante e particulas sparkle. Feche os dois punhos para apagar e comecar de novo. Usa MediaPipe Hands para rastreamento preciso com deteccao de gestos (apontar, mao aberta, punho). Suavizacao de traço com bezier quadratico para linhas fluidas. Tudo roda no navegador sem servidor.

AR MediaPipe Hand Tracking Canvas 2D Desenho Neon Gestos Tempo Real

💬 Prompt Claude

▼

Crie uma experiencia AR de desenho com neon. Divida a tela em 2: metade de cima e uma lousa preta, metade de baixo mostra a camera frontal com hand tracking (MediaPipe Hands, 2 maos). Quando o usuario aponta o dedo indicador (index up, outros down), rastreie a ponta do dedo e desenhe na lousa de cima mapeando as coordenadas proporcionalmente. Suavize o traco com lerp (alpha=0.45) e bezier quadratico. Menu de 6 cores neon no lado direito (cyan #00e5ff, rosa #ff2d9b, verde #39ff14, amarelo #ffe600, laranja #ff6600, roxo #bf40ff). Quando o usuario abre as duas maos (debounce 8 frames), renderize o desenho em neon: animacao de trace progressivo (2.5s) com shadowBlur forte (25-50px), brilho duplo, sparkles na ponta do trace. Apos completar, efeito pulsante com glow oscilando e sparkles aleatorios ao longo dos tracos. Quando fecha os dois punhos (debounce 8 frames), apaga tudo. Mostre esqueleto sutil das maos no lado da camera. Indicador de gesto no HUD inferior. Grid sutil na lousa. Divider neon entre as duas metades. Splash screen com instrucoes.

Neon Draw

Sobre

💬 Prompt Claude