← ARFX 💀 Neon Silhouette
💀

Neon Silhouette

Seu corpo inteiro desenhado em neon — rosto, maos e esqueleto controlados por gestos

Abrir Experiencia →

Sobre

Experiencia AR completa que desenha seu corpo inteiro em neon brilhante usando MediaPipe Holistic — combinando rastreamento corporal (33 landmarks), facial (468 pontos + iris) e das maos (21 pontos cada). No modo camera, voce ve apenas sua imagem limpa sem nenhum overlay. Ao bater palma, o fundo escurece e seu esqueleto completo aparece como tubos de neon: ombros, bracos, maos articuladas com todos os 5 dedos, coluna, pernas e pes. O rosto e desenhado com contorno oval, olhos que piscam, sobrancelhas, nariz e labios que mostram seu sorriso — tudo em neon. Para voltar ao modo camera, faca um V com os dedos (indicador e medio abertos, anelar e mindinho fechados). Cada junta e desenhada como ponto luminoso com 4 camadas de glow pulsante (55px, 28px, 12px, 3px). Escolha entre 6 cores neon e alterne entre camera frontal e traseira.

Como Utilizar

1. Abra a experiencia — permita o acesso a camera quando solicitado.

2. Bata palma — junte as duas maos rapidamente. A tela escurece e seu esqueleto neon aparece com rosto, maos e corpo completos.

3. Faca um V — levante o indicador e o medio (sinal de paz/vitoria) com uma das maos. O neon desaparece e a camera volta ao normal.

4. Troque a cor — toque nos circulos coloridos na parte inferior da tela. 6 opcoes: cyan, magenta, verde, laranja, roxo e vermelho.

5. Troque a camera — toque no botao de flip para alternar entre camera frontal (selfie, espelhada) e traseira.

AR MediaPipe Holistic Face Mesh 468 Hand Tracking Body Skeleton Neon Glow Canvas 2D Clap Detection Peace Sign Pulsante
Crie uma experiencia AR que desenha o corpo inteiro do usuario em neon brilhante. Use MediaPipe Holistic para combinar rastreamento corporal (33 landmarks), facial (468 pontos com refineFaceLandmarks:true + iris) e das maos (21 landmarks cada). No modo camera, mostre apenas o video limpo sem nenhum overlay. O usuario bate palma para ativar o modo neon — detecte palma rastreando a distancia entre os centros das palmas (landmark 9 de cada mao): quando a distancia cai de >0.15 para <0.09, e uma palma. No modo neon: fundo preto + skeleton completo em neon. Desenhe o corpo com conexoes: ombros, bracos (ombro-cotovelo-pulso), coluna (linha unica pescoço-pelvis + claviculas), pernas (quadril-joelho-tornozelo), pes. Desenhe as maos articuladas com todos os 5 dedos (polegar, indicador, medio, anelar, mindinho) + palma + circulos nas pontas. Desenhe o rosto com contorno oval (jawline+testa), olhos com piscada visivel, sobrancelhas, nariz, labios externos e internos (sorriso visivel), iris como circulos. Use 4 camadas de glow com shadowBlur (55px, 28px, 12px, 3px) e animacao pulsante via sin(). Para desativar o neon, o usuario faz sinal de V/paz — detecte indicador e medio estendidos (distancia da ponta ao pulso >0.12) com anelar e mindinho fechados (<0.10). Transicao suave entre modos. 6 cores neon selecionaveis (cyan, magenta, verde, laranja, roxo, vermelho). Camera frontal espelhada + traseira com botao de flip. Tudo em um unico arquivo HTML.