moonriderダウンロード - moonriderソースコードのダウンロード

moonrider

その他のソースコード

1.0.0

ダウンロード

ムーンライダー

月、星、オーロラの間で音楽の道をサーフィンしましょう。

ウェブページ内で実行される VR を披露するために、2 人が数か月かけて構築したサイドプロジェクト。 HTML、JavaScript、A-Frame で構築されています。公式ゲームや商用製品を意図したものではありません。 Moon Rider は、Web 開発者コミュニティが学び、オープン WebXR イニシアチブを推進するためのオープンソースリソースとなることを目的としています。

gif

ソングマップはビートセーバーから取得されています。すべてのブラウザとヘッドセットをサポートします (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パラメータ

URLパラメータ	説明
?debugcontroller={クラシック、パンチ、ライド}	コントローラーを表示し、shift/ctrl + {h, j, k, l} で移動します
?debugbeatpositioning={クラシック、パンチ}	すべてのノートを可能な位置で表示します。
?debugstate={読み込み中、勝利}	ロード画面または勝利画面を表示します。
?skipintro=true	導入画面をスキップします。