WebXR Racer

My WebXR Racer game turns your living room into an RC car playground. Drive, dodge cones, hit jumps, and collide with your environment - thanks to Quest 3's room scanning - your space IS the game.

Comment

Inspiration

Connect 2023

  • Launch of Meta Quest 3
  • Meta Quest 3's ability to room scan
  • Launch of Reality Accelerator Toolkit

WebXR demo

jasonharron.github.io
There is something so satisfying about combining simulated physics and your actual surroundings

Track Craft

Track Craft I was hugely inspired by this game and wanted to test if it was possible to make something that felt this good, and played this well, on Quest using only WebXR technologies

What it does

Turns your room into an interactive RC playground

How I built it

I built this experience by hand using vanilla javascript, threejs, rapier physics, and Meta's reality accelerator toolkit.

Challenges I ran into

We're still in the early days of WebXR so there are very few guides and examples out in the wild. Fewer still that combine WebXR and physics simulations.

Accomplishments that I'm proud of

Being a beginner in the world of development my most proud accomplishment is just building something that works. The fact that it meets my initial vision and is structured in a way that easily allows for further development is icing on the cake.

What I learned

  • Basics of web development
  • Basics of game development
  • Strategies for dealing with player interaction and physics simulations

What's next for WebXR RC Racer

Some features I'd love to add in the future:

  • A nicer UI for the player
  • A car selection/customisation screen
  • The ability for the player to place down other virtual items to customise their space even further

Built With

Share this project:

Updates