Piano Lunar

Crie uma página de Piano Lunar 3D tocável. Posicione um piano de cauda branco e um banco sobre uma plataforma flutuante, diante de um campo de estrelas negro e de uma Lua enorme, com iluminação discreta e composição simples. Ao clicar no piano, o usuário entra em uma posição de execução em primeira pessoa. Faça com que as 88 teclas possam ser tocadas, sintetize o som ao vivo com Web Audio e sincronize os pressionamentos e solturas das teclas com as notas. Ofereça suporte a cliques do mouse, glissandos ao arrastar mantendo o botão pressionado e execução pelo teclado: Q–P para a região da mão esquerda, A–L mais ponto e vírgula e apóstrofo para a região da mão direita, e 1–0 para as teclas pretas. Mantenha visíveis dicas concisas de mapeamento e use Esc para sair do banco. Ofereça a execução por gestos como opção apenas depois que o usuário a ativar explicitamente e conceder acesso à câmera; o teclado e o mouse devem continuar totalmente utilizáveis sem ela. Mantenha o áudio responsivo e as transições de câmera suaves, com uma atmosfera tranquila à luz da Lua. Mude o cenário da apresentação de uma noite iluminada pela Lua para um nascer do sol no mar: a plataforma flutuante repousa sobre águas calmas, o céu faz um degradê do índigo ao dourado-alaranjado enquanto o sol nascente espalha luz sobre o corpo do piano, com aves marinhas e névoa fina ao longe. Mantenha o piano, todas as 88 teclas tocáveis, a síntese de som e o mapeamento de teclas exatamente iguais — substitua apenas a iluminação, o skybox e o áudio ambiente por ondas do mar. 

Crie uma página de Piano Lunar 3D tocável. Posicione um piano de cauda branco e um banco sobre uma plataforma flutuante, diante de um campo de estrelas negro e de uma Lua enorme, com iluminação discreta e composição simples. Ao clicar no piano, o usuário entra em uma posição de execução em primeira pessoa. Faça com que as 88 teclas possam ser tocadas, sintetize o som ao vivo com Web Audio e sincronize os pressionamentos e solturas das teclas com as notas. Ofereça suporte a cliques do mouse, glissandos ao arrastar mantendo o botão pressionado e execução pelo teclado: Q–P para a região da mão esquerda, A–L mais ponto e vírgula e apóstrofo para a região da mão direita, e 1–0 para as teclas pretas. Mantenha visíveis dicas concisas de mapeamento e use Esc para sair do banco. Ofereça a execução por gestos como opção apenas depois que o usuário a ativar explicitamente e conceder acesso à câmera; o teclado e o mouse devem continuar totalmente utilizáveis sem ela. Mantenha o áudio responsivo e as transições de câmera suaves, com uma atmosfera tranquila à luz da Lua. Adicione um modo de aulas para tocar junto: inclua três peças de prática, da mais fácil à mais difícil; depois de selecionada uma peça, a próxima tecla a tocar brilha suavemente, avançando ao acertar a nota e permanecendo no lugar ao errá-la, com um controle deslizante de meia velocidade à velocidade total. As dicas de mapeamento de teclas permanecem visíveis durante as aulas, e sair do banco com Esc salva o progresso de conclusão de cada peça.