Лунное пианино

Создайте веб-страницу с играбельным 3D-пианино «Лунное пианино». Разместите белый рояль и банкетку на парящей платформе на фоне чёрного звёздного неба и огромной Луны; используйте сдержанное освещение и простую композицию. При нажатии на пианино пользователь переходит в положение от первого лица для игры. Сделайте доступными для игры все 88 клавиш, синтезируйте звук в реальном времени с помощью Web Audio и синхронизируйте нажатия и отпускания клавиш с нотами. Поддержите щелчки мышью, глиссандо перетаскиванием с зажатой кнопкой и игру с клавиатуры: Q–P для диапазона левой руки, A–L, а также точку с запятой и апостроф для диапазона правой руки, 1–0 для чёрных клавиш. Оставьте на виду краткие подсказки по раскладке и используйте Esc, чтобы выйти из-за инструмента. Добавьте необязательную игру жестами только после того, как пользователь явно включит её и предоставит доступ к камере; клавиатура и мышь должны оставаться полностью доступными и без неё. Обеспечьте отзывчивый звук, плавные переходы камеры и тихую атмосферу лунной ночи. Перенесите сцену выступления из лунной ночи на рассвет над морем: парящая платформа покоится на спокойной воде, небо переливается от индиго к оранжево-золотому, а восходящее солнце скользит светом по корпусу пианино; вдали видны морские птицы и лёгкая дымка. Сохраните пианино, все 88 играбельных клавиш, синтез звука и раскладку клавиш в точности без изменений — замените только освещение, скайбокс и фоновый звук на шум океанских волн. 

Создайте веб-страницу с играбельным 3D-пианино «Лунное пианино». Разместите белый рояль и банкетку на парящей платформе на фоне чёрного звёздного неба и огромной Луны; используйте сдержанное освещение и простую композицию. При нажатии на пианино пользователь переходит в положение от первого лица для игры. Сделайте доступными для игры все 88 клавиш, синтезируйте звук в реальном времени с помощью Web Audio и синхронизируйте нажатия и отпускания клавиш с нотами. Поддержите щелчки мышью, глиссандо перетаскиванием с зажатой кнопкой и игру с клавиатуры: Q–P для диапазона левой руки, A–L, а также точку с запятой и апостроф для диапазона правой руки, 1–0 для чёрных клавиш. Оставьте на виду краткие подсказки по раскладке и используйте Esc, чтобы выйти из-за инструмента. Добавьте необязательную игру жестами только после того, как пользователь явно включит её и предоставит доступ к камере; клавиатура и мышь должны оставаться полностью доступными и без неё. Обеспечьте отзывчивый звук, плавные переходы камеры и тихую атмосферу лунной ночи. Добавьте режим уроков с игрой под сопровождение: включите три произведения для разучивания — от простого к сложному; после выбора следующая клавиша, которую нужно нажать, мягко светится, при правильной ноте происходит переход дальше, а при ошибке игра ждёт на текущем месте; добавьте ползунок скорости от половинной до полной. Подсказки по раскладке остаются видимыми во время уроков, а выход из-за инструмента клавишей Esc сохраняет прогресс по каждому произведению.