Develop

IWSDK Examples

Updated: Sep 4, 2026

Explore the interactive examples on iwsdk.dev⁠. WebXR features require HTTPS and user interaction before a session can start.

Start from a project

Create an IWSDK project before adapting an example.

npm create @iwsdk@latest

For a small annotated starting point, follow the minimal scene walkthrough.

Example catalog

The current catalog contains these examples:

Audio⁠ — spatial and application audio.

Browser first⁠ — non-immersive controls and an XR-compatible player rig.

Depth occlusion⁠ — real-world depth hiding virtual content.

Environment raycast⁠ — hit tests against detected surfaces.

Grab⁠ — one-hand, two-hand, and distance manipulation.

Layers⁠ — WebXR layer composition.

Locomotion⁠ — slide, teleport, turn, and walkable geometry.

Physics⁠ — simulated bodies and interaction.

Poke⁠ — fingertip touch interaction with spatial UI.

Scene understanding⁠ — planes, meshes, and mixed-reality scene data.

Read an example

Start with the scene file and entry point, then follow the feature-specific system or panel module.

public/scenes/*.iwsdk.scene.json  Authored objects and components
src/assets.ts                    Asset manifest
src/index.ts                     World creation and system registration
src/panel.ts                     UIKitML element wiring, when present

Use the example’s complete files when copying a pattern. A short excerpt can omit imports, cleanup, asset registration, or scene configuration that the feature requires.

Continue with the IWSDK guide overview for a structured learning path.