moonrider

月之骑士

在月亮、星星和北极光的音乐之路上冲浪。

这是两个人在几个月内创建的一个业余项目，旨在展示在网页中运行的 VR。使用 HTML、JavaScript 和 A-Frame 构建。无意成为官方游戏或商业产品。 Moon Rider 旨在成为 Web 开发人员社区学习的开源资源，并推动开放 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/中的点击声音。

• 更改各种值，例如src/state/index.js中的speed或src/components/beat-generator.js中的BEAT_PRELOAD_TIME ，以扰乱您沿着曲线行进的速度，或者音符到达播放器之前的反应时间。

其他方法（例如添加更多模式）涉及更多，但只要掌握 A-Frame 和 JavaScript 知识，这是可行的！

测试 URL 参数

网址参数	描述
?debugcontroller={经典、拳击、骑行}	显示控制器并使用 shift/ctrl + {h, j, k, l} 移动它们
?debugbeatpositioning={经典，拳击}	在可能的位置显示所有注释。
?debugstate={加载中，胜利}	显示加载或胜利屏幕。
?skipintro=true	跳过介绍屏幕。

部署到 GitHub

炫耀一些疯狂的定制？启用 GitHub Pages 部署以部署gh-pages分支，然后：

npm run deploy

该网站将在https://yourusername.github.io/moonrider/上提供。