🎹

Head Piano

Piano virtual flutua acima da sua cabeça — toque as teclas com os dedos no ar

Sobre

Piano de realidade aumentada que aparece flutuando acima da sua cabeça. Usa Face Mesh para posicionar o piano e Hand Tracking para detectar os dedos. Cada dedo toca uma nota diferente com síntese de áudio em tempo real. Suporta múltiplas escalas (maior, menor, pentatônica, cromática, blues) e oitavas ajustáveis.

AR MediaPipe Face Mesh Hand Tracking Web Audio API Piano Música

💬 Prompt Claude

▼

Crie um piano de realidade aumentada que flutua acima da cabeça do usuário. Use MediaPipe Face Mesh para detectar a posição da cabeça e MediaPipe Hands para rastrear as pontas dos dedos. O piano deve ter 14 teclas brancas e teclas pretas correspondentes, renderizado em Canvas 2D com visual premium (gradientes, sombras, brilho). Cada dedo recebe uma cor única e toca notas via Web Audio API (oscilador triangle com filtro lowpass). Inclua seletor de escalas musicais, controle de oitava, efeitos visuais de partículas ao tocar teclas, e linhas de conexão entre dedos e teclas. Interface: splash → experiência com HUD de nota atual e controles.