Homem-Aranha: Teia com Gestos
Detecção do gesto clássico do Homem-Aranha com animação de teia sobre a câmera em tempo real.
- Papel
- Desenvolvimento de interação
- Tecnologias
- MediaPipe Hands, Canvas, WebRTC, HTML
O ponto de partida
Transformar uma pose específica dos dedos em uma resposta visual reconhecível e imediata no navegador.
O que foi construído
O experimento detecta a posição dos dedos com MediaPipe e renderiza câmera e teia em camadas separadas de Canvas.
Decisões importantes
- Usar a relação entre dedos abertos e dobrados para reconhecer o gesto.
- Separar câmera e efeito visual em duas camadas.
- Executar toda a experiência localmente no navegador.
O que funcionou
- A pose conhecida oferece uma instrução implícita e uma resposta visual imediata.
- Separar vídeo e efeito em camadas simplificou a composição da experiência.
Limites e o que não funcionou
- O gesto pode produzir falsos positivos quando a mão está distante ou parcialmente oculta.
- A calibração ainda não foi comparada entre câmeras e condições de iluminação.
Próximo passo
Documentar falsos positivos e calibrar o gesto para diferentes distâncias da câmera.