XRdesign

Build a small interactive 3D scene by spawning, moving, painting, and deleting objects in desktop FPS mode or WebXR VR.

What this tool does

XR Builder is a browser-based Three.js scene experiment with selectable interaction tools. Spawn box-shaped objects, select and transform them, paint them with preset colors, or delete them while viewing the scene in orbit or immersive first-person mode.

Who this is for

• Developers prototyping desktop and WebXR interaction patterns
• Students learning basic 3D scene manipulation
• Makers experimenting with object placement, painting, and pointer-lock controls

How to use this tool

1. Use orbit controls to inspect the starting scene, or choose Enter Immersive for desktop FPS mode
2. Select Interact, Spawn, Paint, or Delete from the tool bar
3. Click or use controller input to act on objects; use WASD and the mouse in immersive desktop mode
4. Press Escape to leave pointer lock and return to orbit controls

Inputs

Inputs are pointer, keyboard, or WebXR controller actions, plus a selected tool and one of the preset paint colors. The scene starts with procedurally created box objects.

Outputs

The output is an in-memory interactive 3D scene. This experiment does not provide a model export, project save, or cloud-sharing workflow.

Example use cases

• Prototype a simple object-manipulation interaction
• Test desktop pointer-lock and VR controller behavior
• Explore basic scene editing before building a larger 3D tool

Frequently asked questions