XR Game template
A physics play space for VR games: grab, throw, hit and score, with a scoreboard, sounds and a can-knockdown game to start from.
- Built on
- React Three Fiber + @react-three/xr + Rapier physics, in a Vite project. It is ordinary code in a folder on your computer: read it, edit it, keep it.
- Comes with
- The Builder plan and higher. See pricing.
- Runs on
- Any WebXR browser, such as Meta Quest and Apple Vision Pro, and a flat screen with mouse or touch. The app has an emulated headset to try it before you put one on.
Requests to try
Start a project from this template and send one of these as it is, or change it to what you have in mind.
- Turn it into basketball: a hoop with a backboard on the back wall, 2 points per basket, 45 seconds on the clock.
- Make it a bowling lane: ten pins at the end of a 4 metre lane, one heavy ball, a bonus for a strike.
- Add three targets that slide left and right above the shelf; hitting one is worth 25 points and makes it flash.
- Whack-a-mole: moles pop up from the counter, give me a hammer to grab, and make them faster every round.
- Three levels: 6 cans, then 10 cans, then cans on a shelf that moves side to side. Show the level on the scoreboard.
Made from this template
Real projects that started here, each with the request that built it.
XR Game templateArcade basketball
Grab a ball off the rack, swing, let go: it bounces off the backboard, rattles the rim and the scoreboard counts.
- Controllers
- Physics
- Game
- Sound
Read the request that made it (one run)
Start from it
Download Graspable, choose XR Game when you create a project, and say what you want. The agent edits the project on your computer and a run ends only when it builds and loads in a real browser.