SpaceToon 3D is a fully interactive VR web application that allows users to explore a 3D solar system from inside a cockpit spaceship. Built using A-Frame, Three.js, and React with support for WebXR devices like Meta Quest.
- Fully immersive VR cockpit experience
- 3D solar system models for planets, sun, and orbits
- Free-flight spaceship movement with:
- Thumbstick-controlled flying
- Independent rotation with right controller
- Boost system (trigger activated)
- Smooth 6DoF movement (forward, backward, up, down, strafe)
- VR-safe raycaster interaction system
- User-tested and optimized for comfort
yarn installnpm dev runThen open:
http://localhost:9002
- Enter VR using a compatible WebXR device (Meta Quest recommended).
- Use thumbsticks, triggers, and A/B buttons to navigate.
/src/app/— Main React app files/models/— 3D assets (GLTF)/public/images/— Skybox and textures/components/— A-Frame integrated React components/public/js/— Custom A-Frame components for movement & rotation
- ✅ Comfortable movement & rotation
- ✅ Boost effects enhance immersion
- ✅ UI interaction fully tested in VR controllers
- ✅ Optimized clickable raycasting logic
- Add engine sounds
- Improve cockpit glass shader
- Add galaxy background skybox
- Add minimap HUD
Made with ❤️ for VR space exploration 🚀