moonrider

Penunggang Bulan

Jelajahi jalan musikal di antara bulan, bintang, dan cahaya utara.

Sebuah proyek sampingan yang dibuat oleh dua orang dalam beberapa bulan untuk memamerkan VR yang berjalan di dalam halaman web. Dibangun dengan HTML, JavaScript, dan A-Frame. Tidak dimaksudkan sebagai game resmi atau produk komersial. Moon Rider dimaksudkan untuk menjadi sumber terbuka bagi komunitas pengembang web untuk belajar, dan untuk mendorong inisiatif WebXR terbuka.

Peta lagu bersumber dari beatsaver. Mendukung semua browser dan headset (termasuk Quest). Jika ada masalah, ajukan masalah di sini di GitHub atau tinggalkan pesan di Supermedium Discord.

Cobalah situs ini sekarang di browser Anda!

Menampilkan berbagai mode:

• Mode Berkendara - Cukup duduk dan nikmati perjalanan.

• Mode Pukulan - Hancurkan bintang-bintang.

• Mode Penampil - Tonton beatmap di dalam browsermu.

• Mode Klasik - Berselancar dan membelah sepanjang jalan musik.

Terima kasih banyak kepada @elliottate karena telah membantu dalam hal ini!

Perkembangan

Sudah menginstal Node (<v12, direkomendasikan v11) dan npm.

npm install
npm run start

Lalu buka localhost:3000 di browser Anda.

Remixing dan Forking

Jadikan game ini milik Anda! Beberapa cara mudah untuk main-main:

• Untuk mengubah atau menambahkan lebih banyak palet warna, ubah src/constants/colors.js .

• Untuk mengganti gambar, ganti gambar di folder src/assets/img/ . Misalnya, ganti bulan di `src/assets/img/moon.png'.

• Untuk mengganti model, ganti model di folder src/assets/models/ . Misalnya, ganti blok panah di src/assets/models/arrowblue.obj atau arrowred.obj .

• Untuk mengubah suara, ganti suara di src/assets/sounds . Misalnya, ganti suara hit di src/assets/sounds/ .

• Ubah berbagai nilai seperti speed di src/state/index.js atau BEAT_PRELOAD_TIME di src/components/beat-generator.js untuk mengubah seberapa cepat Anda bergerak di sepanjang kurva, atau berapa lama waktu reaksi hingga not sampai ke pemutar.

Cara lain seperti menambahkan lebih banyak mode lebih rumit, tetapi dengan pengetahuan tentang A-Frame dan JavaScript, bisa dilakukan!

Parameter URL Uji

Parameter URL	Keterangan
?debugcontroller={klasik, pukul, kendarai}	Tampilkan pengontrol dan pindahkan dengan shift/ctrl + {h, j, k, l}
?debugbeatpositioning={klasik, pukulan}	Tampilkan semua catatan di posisi yang memungkinkan.
?debugstate={memuat, kemenangan}	Tampilkan layar pemuatan atau kemenangan.
?skipintro=benar	Lewati layar perkenalan.

Menyebarkan ke GitHub

Memamerkan beberapa penyesuaian gila? Aktifkan penerapan Halaman GitHub untuk menerapkan cabang gh-pages , lalu:

npm run deploy

Situs web akan tersedia di https://yourusername.github.io/moonrider/ .