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

• aframe-extras controls and animation-mixer (MIT License)
• aframe physx (MIT License)
• aframe-blink-controls (MIT License)
• simple-navmesh-constraint (MIT Licence)

• 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

• Main room – VR Gallery by Maxim Mavrichev is licensed under CC BY 4.0
• 3D physic room – 3d_gallery_for_vr_projects by tekuto1s is licensed under CC BY 4.0

git clone https://github.com/Chabloz/a-frame-vite-vue-boilerplate.git .

npm ci

npm run dev

npm run build

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

3. In your VR headset, browse to the local development adress [ip]:[port].