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/上提供。