Introduction
Spatial p5 is a creative coding toolkit for rapid prototyping in immersive environments. It integrates p5.js, p5.xr and P5 LIVE, empowering artists and designers to test ideas in 3D spaces and collaborate in real time through browser-based tools. See the presentation and demonstration videos for a clear overview.
Key Features
Section titled “Key Features”- Browser-Based – Runs directly in a browser, so you can start experimenting quickly without setting up a large editor
- Real-Time Coding – See changes immediately as you write, making iteration and testing faster.
- Familiar p5.js Conventions – Access mixed reality features using familiar p5.js coding patterns
Usage Modes
Section titled “Usage Modes”- Emulator (Desktop Browser) — Develop and test sketches directly in the browser using the Immersive Web Emulator. Ideal for quick iteration, debugging, and collaborative live-coding
- Device (Meta Quest 3) — Run and edit sketches directly in XR through the Meta Quest Browser with a keyboard and mouse. Best for smaller experiments or fine tuning spatial interactions.
Next steps
Section titled “Next steps” Device Mode Demo Watch a short demo of Spatial p5 running directly on the Meta Quest 3.
Getting Started Set up your environment and learn how to run Spatial p5 on desktop or in a headset.
Portfolio Project Page Read the full story behind Spatial p5
CC Fest Talk Watch a full-length presentation introducing Spatial p5 and live-coding in mixed reality.
Online Editor If you're set up, open the Spatial p5 online editor and start experimenting right away.