moonrider

Лунный Райдер

Путешествуйте по музыкальной дороге среди луны, звезд и северного сияния.

Побочный проект, созданный двумя людьми за несколько месяцев, чтобы продемонстрировать работу виртуальной реальности на веб-странице. Построен с использованием HTML, JavaScript и A-Frame. Не предназначена для того, чтобы быть официальной игрой или коммерческим продуктом. Moon Rider задуман как ресурс с открытым исходным кодом, на котором сообщество веб-разработчиков сможет учиться и продвигать инициативу открытого WebXR.

Карты песен взяты из Beatsaver. Поддерживает все браузеры и гарнитуры (в т.ч. Quest). Если возникнут какие-либо проблемы, сообщите о проблеме здесь, на GitHub, или оставьте сообщение в Supermedium Discord.

Попробуйте сайт прямо сейчас в своем браузере!

Имеет различные режимы:

• Режим езды : просто расслабьтесь и наслаждайтесь поездкой.

• Режим удара — сокрушайте звезды.

• Режим просмотра : смотрите карту битов в браузере.

• Классический режим . Путешествуйте по музыкальной дороге.

Большое спасибо @elliottate за помощь!

Разработка

Установите Node (<v12, рекомендуется v11) и npm.

npm install
npm run start

Затем перейдите на localhost:3000 в своем браузере.

Ремикс и форк

Сделайте эту игру своей собственной! Несколько простых способов возиться:

• Чтобы изменить или добавить дополнительные цветовые палитры, измените src/constants/colors.js .

• Чтобы изменить изображения, замените изображения в папке src/assets/img/ . Например, замените луну на `src/assets/img/moon.png'.

• Чтобы изменить модели, замените модели в папке src/assets/models/ . Например, замените блоки стрелок в src/assets/models/arrowblue.obj arrowred.obj .

• Чтобы изменить звуки, замените звуки в src/assets/sounds . Например, замените звуки ударов в src/assets/sounds/ .

• Измените различные значения, такие как speed в src/state/index.js или BEAT_PRELOAD_TIME в src/components/beat-generator.js чтобы изменить скорость вашего перемещения по кривой или время реакции, пока ноты не дойдут до игрока.

Другие способы, такие как добавление дополнительных режимов, более сложны, но при знании A-Frame и JavaScript это выполнимо!

Тестовые параметры URL-адреса

URL-параметр	Описание
?debugcontroller={классика, удар, поездка}	Покажите контроллеры и переместите их с помощью Shift/Ctrl + {h, j, k, l}
?debugbeatpositioning={классика, удар}	Показать все примечания в возможных местах.
?debugstate={загрузка, победа}	Показать экран загрузки или победы.
?skipintro=истина	Пропустить вводный экран.

Развертывание на GitHub

Демонстрируете какие-то сумасшедшие настройки? Включите развертывание GitHub Pages для развертывания ветки gh-pages , а затем:

npm run deploy

Веб-сайт будет доступен по адресу https://yourusername.github.io/moonrider/ .