Giter VIP home page Giter VIP logo

rpvr's Introduction

VAV Logo

Mario Kart Shooter VR

A boilerplate for A-Frame 1.5, Vue 3.4 and Vite 5.0

Vue.js A-Frame Threejs Vite

Warning

For the best VR experience for headset users, sit comfortably on the floor or on a bed, adjusting the virtual floor height to match your seating level. Use your headset's dedicated command to recenter your view before clicking start. Also, make sure you have enough space and avoid standing up or sitting down once the game has started.

Movement modes support

Desktop
Keyboard for move (WASD or Arrows keys) + Mouse for look control (Drag and drop)

Mobile
1x Finger touch to go forward + 2x Fingers touch to go backward + Gaze cursor for click

VR Headset
AR/VR walk + Teleport (Grip for grab and laser for click) + Gaze cursor for click

Included

Technologies

aframe-extras controls and animation-mixer
by c-frame is licensed under MIT License

aframe physx
by c-frame is licensed under MIT License

aframe-blink-controls
by jure is licensed under MIT License

simple-navmesh-constraint
by AdaRoseCannon is licensed under MIT License

3D models

Go Kart
by Samuel Thomas is licensed under CC BY 4.0

Banana Peel (Mario Kart)
by Yanez Designs is licensed under CC BY 4.0

Red Koopa Troopa Shell (Super Mario Bros)
by Yanez Designs is licensed under CC BY 4.0

super mario star
by gaelinix is licensed under CC BY 4.0

Goomba
by tirrellclark.75 is licensed under CC BY 4.0

Brick Block (Super Mario Bros)
by Yanez Designs is licensed under CC BY 4.0

DS DSi - Mario Kart DS - Mario Circuit
by lonewolf1898 is licensed under CC BY 4.0
Modifications: Finish line removed and replaced with road texture.

Lakitu
by Xen is licensed under CC BY 4.0
Modifications: A white board has been added to allow Lakitu to display text.

Project Zomboid - Radio
by Phartam is licensed under CC BY 4.0

Audios

Countdown
by qubodup is licensed under CC BY 3.0
Modifications: Added the files together in the following order: countdown-a, countdown-a, countdown-b.

Starfishario
by iamoneabe is licensed under CC 0

Victory!
by Viktor Kraus is licensed under CC BY 3.0
Modifications: Cut to 2:38, fade in at the beginning.

The Fun Run! - Day 3
by Zane Little Music is licensed under CC 0
Modifications: Cut to 1:10.

Game Over
by Kistol is licensed under CC 0
Modifications: Cut by 0.4 second.

Image

Les frères Mario
by marcojetson is licensed under CC 0
Modifications: Added a VR headset to Mario's head and two controllers.

Attributions

This work is created by Patrick Marques Meliciano based on code provided by Nicolas Chabloz during a VR course at HEIG-VD.


Quickstart

Create a folder for your project and move to it

Clone (or fork, or download)

git clone https://github.com/PatrickMarques24/mario-kart-shooter-vr.git

Install dependencies

npm ci

Dev

npm run dev

Build

npm run build

Notes for local dev on VR headset

  1. Check that your development device and your VR headset are connected on the same network.

  2. Expose you local development:

npm run dev-expose
  1. In your VR headset, browse to the local development adress [ip]:[port].

Note

The certificate is self-signed, so you will probably have to confirm access to the resource in your browser.


License

MIT License

rpvr's People

Contributors

greenkiller21 avatar migueljalube avatar patrickmarques24 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.