moonrider

Cavaleiro da Lua

Navegue pela estrada musical entre a lua, as estrelas e a aurora boreal.

Um projeto paralelo construído por duas pessoas em poucos meses para mostrar a RV rodando em uma página da web. Construído com HTML, JavaScript e A-Frame. Não pretende ser um jogo oficial nem um produto comercial. Moon Rider pretende ser um recurso de código aberto para a comunidade de desenvolvedores web aprender e impulsionar a iniciativa WebXR aberta.

Os mapas de músicas são provenientes do beatsaver. Suporta todos os navegadores e fones de ouvido (incluindo Quest). Se houver algum problema, registre um problema aqui no GitHub ou deixe uma mensagem no Supermedium Discord.

Experimente o site agora no seu navegador!

Apresentando vários modos:

• Modo Ride - Apenas sente-se e aproveite o passeio.

• Modo Punch - Esmague as estrelas.

• Modo Visualizador - Assista ao beatmap em seu navegador.

• Modo Clássico - Navegue e percorra a estrada musical.

Muito obrigado a @elliottate por ajudar com isso!

Desenvolvimento

Tenha o Node (<v12, recomendado v11) e o npm instalados.

npm install
npm run start

Em seguida, vá para localhost:3000 no seu navegador.

Remixando e bifurcando

Faça deste jogo o seu! Algumas maneiras fáceis de brincar:

• Para modificar ou adicionar mais paletas de cores, altere src/constants/colors.js .

• Para alterar imagens, substitua as imagens na pasta src/assets/img/ . Por exemplo, substitua a lua em `src/assets/img/moon.png'.

• Para alterar modelos, substitua models na pasta src/assets/models/ . Por exemplo, substitua os blocos de seta em src/assets/models/arrowblue.obj ou arrowred.obj .

• Para alterar os sons, substitua os sons em src/assets/sounds . Por exemplo, substitua os sons de sucesso em src/assets/sounds/ .

• Altere vários valores, como speed em src/state/index.js ou BEAT_PRELOAD_TIME em src/components/beat-generator.js para alterar a velocidade com que você viaja ao longo da curva ou quanto tempo de reação até que as notas cheguem ao jogador.

Outras formas, como adicionar mais modos, são mais complicadas, mas com conhecimento de A-Frame e JavaScript, é possível!

Parâmetros de URL de teste

Parâmetro de URL	Descrição
?debugcontroller={clássico, soco, passeio}	Mostre os controladores e mova-os com shift/ctrl + {h, j, k, l}
?debugbeatpositioning={clássico, soco}	Mostrar todas as notas em posicionamentos possíveis.
?debugstate={carregando, vitória}	Mostrar tela de carregamento ou vitória.
?skipintro=true	Pular tela de introdução.

Implantando no GitHub

Exibindo algumas personalizações malucas? Habilite a implantação do GitHub Pages para implantar a ramificação gh-pages e, em seguida:

npm run deploy

O site estará disponível em https://yourusername.github.io/moonrider/ .