Get Started

Emulator Mode (Desktop Browser)

The Immersive Web Emulator is a Chrome extension that simulates a WebXR device in your browser. It provides a close approximation of the Meta Quest environment, including support for hand tracking. This makes it useful for quick development and debugging before testing on a real headset.

Note

Spatial p5 uses a custom build of the emulator that’s compatible with the P5 LIVE editor.

Setup

1. Download the custom build zip file and unzip it
2. Open chrome://extensions and enable Developer mode
3. Select Load unpacked and choose the unzipped folder
4. Open a working example. You should see a spinning cube like the one below.

Run your first sketch

1. Go to the online editor
2. Try out the examples in the SPATIAL P5 folder
3. When you are ready change the code and see your results in real time
4. Control the emulated device through the newly added WebXR tab inside the browsers’s developer tool panel

Device (Meta Quest 3)

Spatial p5 has been tested on the Meta Quest 3 using the default Meta Quest Browser. While other mixed reality devices may work, only this setup has been verified.

Setup

1. Connect a bluetooth physical keyboard and mouse
2. In the browser, disable the WebXR user activation requirement flag in chrome://flags/#webxr-enforce-user-activation
3. Go to the online editor and try out one of the provided examples from the SPATIAL P5 folder

Interaction Notes

• Move the browser window to the side to prevent UI elements from blocking the immersive view
• Hand tracking is only active when the immersive experience is in the foreground

Note

See the demo page video that explains how to interact.