moonrider ดาวน์โหลด - ดาวน์โหลด moonrider ซอร์สโค้ด

moonrider

ซอร์สโค้ดอื่น ๆ

1.0.0

ดาวน์โหลด

มูนไรเดอร์

คนขี่พระจันทร์

ท่องไปตามถนนแห่งดนตรีท่ามกลางแสงจันทร์ ดวงดาว และแสงเหนือ

โปรเจ็กต์เสริมที่สร้างขึ้นโดยคนสองคนภายในไม่กี่เดือนเพื่ออวด VR ที่ทำงานอยู่ในหน้าเว็บ สร้างด้วย HTML, JavaScript และ A-Frame ไม่ได้ตั้งใจให้เป็นเกมอย่างเป็นทางการหรือผลิตภัณฑ์เชิงพาณิชย์ Moon Rider มีวัตถุประสงค์เพื่อเป็นทรัพยากรโอเพ่นซอร์สสำหรับชุมชนนักพัฒนาเว็บในการเรียนรู้และเพื่อผลักดันความคิดริเริ่ม WebXR แบบเปิด

กิ๊ฟ

แผนที่เพลงมาจากบีทเซฟเวอร์ รองรับเบราว์เซอร์และชุดหูฟังทั้งหมด (รวมถึง Quest) หากมีปัญหาใดๆ โปรดแจ้งปัญหาที่นี่บน GitHub หรือฝากข้อความไว้ใน Supermedium Discord

ลองใช้เว็บไซต์ตอนนี้ในเบราว์เซอร์ของคุณ!

มีโหมดต่างๆ:

โหมดการขับขี่ - เพียงแค่นั่งลงและเพลิดเพลินไปกับการขับขี่
โหมดหมัด - บดขยี้ดวงดาว
โหมดผู้ชม - ดูบีทแมปภายในเบราว์เซอร์ของคุณ
โหมดคลาสสิก - ท่องและฝ่าไปตามเส้นทางดนตรี

ขอขอบคุณ @elliottate เป็นอย่างยิ่งที่ช่วยเรื่องนี้!

การพัฒนา

มีการติดตั้งโหนด (< 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 ตัวอย่างเช่น แทนที่เสียง Hit ที่ 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=true	ข้ามหน้าจอแนะนำ