← ARFX 🪞 Mirror FX
🪞

Mirror FX

Espelho interativo com efeitos liquidos e formas 3D controlados por gestos das maos

Abrir Experiencia →

Sobre

Dois efeitos de espelho controlados por gestos. No modo Liquido, sua imagem se comporta como agua — toque juntando polegar e indicador para criar ondas que se propagam pela tela com refracao, aberracao cromatica e reflexos. No modo Forma 3D, sua imagem aparece mapeada em uma forma geometrica que voce pode girar e jogar com a mao aberta. Duplo toque muda a forma aleatoriamente entre 8 geometrias: cubo, esfera, icosaedro, torus, dodecaedro, octaedro, torus knot e cone. Troque entre modos fazendo o sinal de paz (V). Usa MediaPipe Hands para rastreamento de mao, Three.js para renderizacao 3D e simulacao de ondas via equacao de onda 2D em CPU.

AR MediaPipe Hands Three.js Water Ripple 3D Shapes Gestos WebGL Shader Espelho
Crie uma experiencia AR de espelho interativo com dois modos controlados por gestos usando MediaPipe Hands e Three.js. Modo 1 (Liquido): a camera aparece como espelho e quando o usuario junta polegar+indicador, ondas se propagam pelo espelho como agua usando simulacao de equacao de onda 2D. Inclua refracao, aberracao cromatica e highlights nos picos das ondas. Mao aberta cria ondas sutis ao mover. Modo 2 (Forma 3D): a imagem da camera e mapeada como textura em uma forma 3D (cubo por padrao) que flutua no centro. O usuario pode girar/jogar a forma movendo a mao aberta. Duplo toque (pinch rapido 2x) muda a forma aleatoriamente entre 8 geometrias (cubo, esfera, icosaedro, torus, dodecaedro, octaedro, torus knot, cone). Cada forma tem wireframe overlay roxo e edge glow cyan. Troca entre modos com gesto de paz (V) mantido por 15 frames. HUD mostra skeleton da mao sutil e indicadores de gesto.