Moon Piano

Créez une page web Moon Piano 3D jouable. Placez un piano à queue blanc et un banc sur une plateforme flottante, devant un ciel étoilé noir et une immense Lune, avec un éclairage sobre et une composition épurée. Un clic sur le piano permet de passer à une position de jeu à la première personne. Rendez les 88 touches jouables, synthétisez le son en direct avec Web Audio et synchronisez les pressions et relâchements des touches avec les notes. Prenez en charge les clics de souris, les glissandos par glissement maintenu et le jeu au clavier : Q–P pour la tessiture de la main gauche, A–L ainsi que le point-virgule et l'apostrophe pour la tessiture de la main droite, et 1–0 pour les touches noires. Gardez des indications de correspondance concises visibles et utilisez Échap pour quitter le siège. Proposez le jeu par gestes en option uniquement après que l'utilisateur l'a explicitement activé et a accordé l'accès à la caméra ; le clavier et la souris doivent rester entièrement utilisables sans cela. Veillez à la réactivité de l'audio et à la fluidité des transitions de caméra, dans une atmosphère lunaire paisible. Transformez la scène de jeu nocturne au clair de lune en un lever de soleil en mer : la plateforme flottante repose sur une eau calme, le ciel passe de l'indigo à l'orange doré tandis que le soleil levant balaie de lumière le corps du piano, avec des oiseaux marins et une fine brume au loin. Conservez le piano, les 88 touches jouables, la synthèse sonore et la correspondance des touches exactement à l'identique ; remplacez uniquement l'éclairage, le skybox et l'audio d'ambiance par des vagues océaniques. 

Créez une page web Moon Piano 3D jouable. Placez un piano à queue blanc et un banc sur une plateforme flottante, devant un ciel étoilé noir et une immense Lune, avec un éclairage sobre et une composition épurée. Un clic sur le piano permet de passer à une position de jeu à la première personne. Rendez les 88 touches jouables, synthétisez le son en direct avec Web Audio et synchronisez les pressions et relâchements des touches avec les notes. Prenez en charge les clics de souris, les glissandos par glissement maintenu et le jeu au clavier : Q–P pour la tessiture de la main gauche, A–L ainsi que le point-virgule et l'apostrophe pour la tessiture de la main droite, et 1–0 pour les touches noires. Gardez des indications de correspondance concises visibles et utilisez Échap pour quitter le siège. Proposez le jeu par gestes en option uniquement après que l'utilisateur l'a explicitement activé et a accordé l'accès à la caméra ; le clavier et la souris doivent rester entièrement utilisables sans cela. Veillez à la réactivité de l'audio et à la fluidité des transitions de caméra, dans une atmosphère lunaire paisible. Ajoutez un mode de leçon accompagnée : incluez trois morceaux d'entraînement, du plus facile au plus difficile ; une fois le morceau sélectionné, la prochaine touche à jouer s'illumine doucement, la leçon avance sur une note correcte et attend sur place en cas de mauvaise note, avec un curseur permettant de régler la vitesse de la moitié à la vitesse normale. Les indications de correspondance des touches restent visibles pendant les leçons, et quitter le siège avec Échap enregistre la progression de chaque morceau.