Beat Driver
A side project built to show off VR running inside a webpage. Built with HTML, JavaScript, and A-Frame.
Supports all browsers and headsets (incl. Quest).
Try the site out now in your browser!
Featuring various modes:
- Ride Mode - Just sit back and enjoy the ride.
- Punch Mode - Crush the stars.
- Viewer Mode - Watch the beatmap within your browser.
- Classic Mode - Surf and slice along the musical road.
Development
Have Node v11.10.0 and npm installed.
npm install
npm run start
Then head to localhost:3000 in your browser.
Remixing and Forking
Make this game your own! Some easy ways to mess around:
- To modify or add more color palettes, change
src/constants/colors.js. - To change images, replace images in
src/assets/img/folder. For example, replace the moon at `src/assets/img/moon.png'. - To change models, replace models in
src/assets/models/folder. For example, replace the arrow blocks atsrc/assets/models/arrowblue.objorarrowred.obj. - To change sounds, replace sounds in
src/assets/sounds. For example, replace the hit sounds atsrc/assets/sounds/. - Change various values such as
speedinsrc/state/index.jsorBEAT_PRELOAD_TIMEinsrc/components/beat-generator.jsto mess with how fast you travel along the curve, or how much reaction time until the notes arrive to the player.
Test URL Parameters
| URL Parameter | Description |
|---|---|
| ?debugcontroller={classic, punch, ride} | Show controllers and move them with shift/ctrl + {h, j, k, l} |
| ?debugbeatpositioning={classic, punch} | Show all notes in possible positionings. |
| ?debugstate={loading, victory} | Show loading or victory screen. |
| ?skipintro=true | Skip introduction screen. |