Moon Piano

Create a playable 3D Moon Piano webpage. Place a white grand piano and bench on a floating platform against a black starfield and an enormous Moon, using restrained lighting and a simple composition. Clicking the piano enters a first-person playing position. Make all 88 keys playable, synthesize the sound live with Web Audio, and synchronize key presses and releases with the notes. Support mouse clicks, held-drag glissandos and keyboard playing: Q–P for the left-hand range, A–L plus semicolon and apostrophe for the right-hand range, and 1–0 for black keys. Keep concise mapping hints visible and use Esc to leave the seat. Offer optional gesture playing only after the user explicitly enables it and grants camera access; keyboard and mouse must remain fully usable without it. Keep audio responsive and camera transitions smooth, with a quiet moonlit atmosphere. Move the performance scene from a moonlit night to a sunrise at sea: the floating platform rests on calm water, the sky gradients from indigo to orange-gold as the rising sun sweeps light across the piano body, with seabirds and thin mist in the distance. Keep the piano, all 88 playable keys, sound synthesis and key mapping exactly the same — only replace the lighting, skybox and ambient audio with ocean waves. 

Create a playable 3D Moon Piano webpage. Place a white grand piano and bench on a floating platform against a black starfield and an enormous Moon, using restrained lighting and a simple composition. Clicking the piano enters a first-person playing position. Make all 88 keys playable, synthesize the sound live with Web Audio, and synchronize key presses and releases with the notes. Support mouse clicks, held-drag glissandos and keyboard playing: Q–P for the left-hand range, A–L plus semicolon and apostrophe for the right-hand range, and 1–0 for black keys. Keep concise mapping hints visible and use Esc to leave the seat. Offer optional gesture playing only after the user explicitly enables it and grants camera access; keyboard and mouse must remain fully usable without it. Keep audio responsive and camera transitions smooth, with a quiet moonlit atmosphere. Add a play-along lesson mode: include three practice pieces from easy to hard; once selected, the next key to play glows softly, advancing on a correct note and waiting in place on a wrong one, with a slider for half-to-full speed. Key-mapping hints stay visible during lessons, and leaving the seat with Esc saves per-piece completion progress.