moonrider

Jinete de la Luna

Navega por el camino musical entre la luna, las estrellas y la aurora boreal.

Un proyecto paralelo creado por dos personas en unos pocos meses para mostrar la realidad virtual ejecutándose dentro de una página web. Construido con HTML, JavaScript y A-Frame. No pretende ser un juego oficial ni un producto comercial. Moon Rider pretende ser un recurso de código abierto para que la comunidad de desarrolladores web aprenda e impulse la iniciativa abierta WebXR.

Los mapas de canciones provienen de beatsaver. Admite todos los navegadores y auriculares (incluido Quest). Si hay algún problema, regístrelo aquí en GitHub o deje un mensaje en Supermedium Discord.

¡Pruebe el sitio ahora en su navegador!

Con varios modos:

• Modo de viaje : simplemente siéntate y disfruta del viaje.

• Modo Puñetazo : aplasta las estrellas.

• Modo Visor : mira el mapa de ritmos en tu navegador.

• Modo clásico : navega y recorre el camino musical.

¡Muchas gracias a @elliottate por ayudar con esto!

Desarrollo

Tenga Node (<v12, recomendado v11) y npm instalados.

npm install
npm run start

Luego dirígete a localhost:3000 en tu navegador.

Remezcla y bifurcación

¡Haz tuyo este juego! Algunas formas sencillas de jugar:

• Para modificar o agregar más paletas de colores, cambie src/constants/colors.js .

• Para cambiar imágenes, reemplace las imágenes en la carpeta src/assets/img/ . Por ejemplo, reemplace la luna en `src/assets/img/moon.png'.

• Para cambiar modelos, reemplace los modelos en la carpeta src/assets/models/ . Por ejemplo, reemplace los bloques de flechas en src/assets/models/arrowblue.obj o arrowred.obj .

• Para cambiar los sonidos, reemplace los sonidos en src/assets/sounds . Por ejemplo, reemplace los sonidos de golpe en src/assets/sounds/ .

• Cambie varios valores, como speed en src/state/index.js o BEAT_PRELOAD_TIME en src/components/beat-generator.js para alterar la velocidad con la que viaja a lo largo de la curva o el tiempo de reacción hasta que las notas llegan al reproductor.

Otras formas, como agregar más modos, son más complicadas, pero con conocimientos de A-Frame y JavaScript, ¡es factible!

Parámetros de URL de prueba

Parámetro de URL	Descripción
?debugcontroller={clásico, puñetazo, paseo}	Mostrar controladores y moverlos con shift/ctrl + {h, j, k, l}
?debugbeatpositioning={clásico, puñetazo}	Mostrar todas las notas en posibles posiciones.
?debugstate={cargando, victoria}	Mostrar pantalla de carga o de victoria.
?skipintro=verdadero	Saltar pantalla de introducción.

Implementación en GitHub

¿Mostrando algunas personalizaciones locas? Habilite la implementación de GitHub Pages para implementar la rama gh-pages y luego:

npm run deploy

El sitio web estará disponible en https://yourusername.github.io/moonrider/ .