@displayxr/inline3d 1.15.0 → 1.17.0

package/CHANGELOG.md

@@ -5,6 +5,78 @@ entry points (`.`, `./three`) are frozen for 1.x, while the **scene subpaths** (
 `./splat`, `./model`) are a preview tier whose options may change in any release. Entries below say
 which tier they touch, because that is what tells you whether an upgrade can move your pixels.
 
+## 1.17.0 — 2026-09-24
+
+Touches the **preview tier** (`./model` and `./splat`, `engine: 'playcanvas'` only). The default look
+does not move except on glTFs that use `KHR_materials_transmission`.
+
+### Changed
+
+- **`environment: 'room'` is now three's room on the PlayCanvas backend** (#36). `addModel(…, {
+  environment: 'room' })` and `setRig('display', { environment: 'room' })` light with three.js's
+  procedural RoomEnvironment, regenerated in memory (ray cast, no asset, ~16 ms once per page), and
+  default to tone mapping `'none'`, three's. Through 1.16 `'room'` was an alias of `'neutral'` on
+  this engine, so a page that passed it to keep its three look got the Sample-Viewer studio with PBR
+  Neutral. **The default is now spelled `'neutral'` and renders exactly as before** (Khronos gate
+  re-run: 16.7 / 6.4 / 2.7 / 9.4, unchanged). On a four-item product catalogue, object MAE against three r180
+  `room` goes from 20.5 / 54.4 / 29.5 / 23.3 (the default) to **10.2 / 11.0 / 7.1 / 6.3** (storm
+  lantern / handbag / boot / compass). Tone mapping and the environment explain the gap, and what is
+  left is where three departs from the Sample Viewer (PlayCanvas `room` is closer to the Sample
+  Viewer lit by the same room than three is: handbag 4.8 vs 13.4). `setRig('display')` with
+  `'room'` renders pixel-identical to `addModel` with it. See
+  [`docs/playcanvas-model-backend.md` § Environments](docs/playcanvas-model-backend.md#environments--neutral-default-and-room-three).
+- `setRig('display')`'s `toneMapping` now defaults to the environment's (`'none'` for `'room'`,
+  `'neutral'` otherwise). A second `setRig('display')` with another environment swaps the IBL it
+  installed.
+
+### Fixed
+
+- **`KHR_materials_transmission` / `_volume` on PlayCanvas** (#36), for `addModel` and for meshes
+  under root on `setRig('display')`:
+  - The scene-colour grab pass the material samples is now requested. Without it the storm lantern's
+    burner rendered as a magenta blob inside the globe.
+  - Transmissive draws sort ahead of blended ones, the pass order of the Sample Viewer and three.
+    The lantern's opaque-alpha globe no longer shows the burner through it.
+  - The grab UV is taken per view. The engine mapped each view's NDC over the whole target, so in
+    stereo each eye sampled across both. Mono renders are identical.
+  - Lantern object MAE vs the Sample Viewer (default look): 14.4 → 12.4.
+  - See [§ Transmission](docs/playcanvas-model-backend.md#transmission-khr_materials_transmission--_volume).
+
+## 1.16.0 — 2026-09-24
+
+Touches the **preview tier** (`./splat`, `engine: 'playcanvas'` only). Additive. A page that never
+calls `setRig` renders the same pixels, except for the `setSource` fix below.
+
+### Added
+
+- **`handle.setRig(type, options?)`** (#36): a live, reversible rig switch on the PlayCanvas splat
+  handle. It applies on the next frame with no remount, reload or new session, and returns a
+  `Promise<handle>`.
+  - `setRig('display', { virtualDisplayHeight, fit, margin, frame, … })` frames the enabled meshes
+    under `handle.engine.root`, plus the splat when it is shown. The defaults are addModel's (0.24,
+    `contain`, 0.8, depthLimit 4, idleSpin 8), and it declares a display rig.
+  - While the splat is hidden, the page's meshes get addModel's tone mapping (`'neutral'`) and, if
+    the scene has no `envAtlas` of its own, addModel's neutral-studio IBL. Both are removed when the
+    rig switches away.
+  - `setRig('camera')` goes back to the asset's capture rig, re-resolved from the waterfall's own
+    inputs. `setRig('auto')` is the load-time result.
+  - The pose resets to the new rig's rest. `handle.rig.typeSource` reads `'setRig'`. The choice
+    sticks across `setSource` until `'auto'`, and `controls:'page'` throws.
+  - Gates, on a real GPU: a hidden splat plus `setRig('display')` plus DamagedHelmet or Fox renders
+    **MAE 0.0000** against `addModel(url, { engine: 'playcanvas' })`, in mono and fake stereo, with
+    `antialias: true`. With the tile's default MSAA off the residual is 0.11–0.44, silhouette edges
+    only. The round trip `setRig('display')` → `setRig('camera')` returns to the exact pre-switch
+    render (**MAE 0.0000**) and the same camera-rig declaration.
+  - See [`docs/playcanvas-adapter.md` § setRig](docs/playcanvas-adapter.md#setrig--switching-between-the-display-rig-and-the-camera-rig-36).
+- **`addSplat(…, { engine: 'playcanvas', antialias: true })`** creates the tile's WebGL context with
+  MSAA. The default stays off. Use it when a page draws meshes under `handle.engine.root`.
+
+### Fixed
+
+- **`setSource` from a camera-rig asset to a display-rig asset** now declares the display rig to the
+  runtime. The camera rig used to stay declared. The new asset also orbits its frame centre again
+  (the camera rig's `recentre: false` was left behind).
+
 ## 1.15.0 — 2026-09-24
 
 Touches the **preview tier** (`./splat`, `engine: 'playcanvas'` only). Additive; the existing transitions

package/README.md

@@ -45,7 +45,10 @@ API is not yet covered by the semver promise below.
 renders the same splat window with the [PlayCanvas](https://playcanvas.com/) engine instead of
 Spark — same handle, same rig/focus/camera-block behaviour, same `perf` presets (mapped onto the
 engine's knobs) — and adds `setSource(src, { fadeMs })` (crossfading asset swaps), `feather`, a
-tilt-and-relax orbit and `handle.engine` (the engine objects, for advanced pages). It needs the
+tilt-and-relax orbit, `handle.engine` (the engine objects, for advanced pages) and
+`handle.setRig('display' | 'camera' | 'auto')`: a live, reversible rig switch, so one persistent tile
+can show a glTF under `handle.engine.root` exactly as `addModel` would and then go back to the photo's
+capture rig ([§setRig](docs/playcanvas-adapter.md#setrig--switching-between-the-display-rig-and-the-camera-rig-36)). It needs the
 optional peer `playcanvas` (`>=2.22.3 <3`) and reads `.sog`, `.ply` and a Streamed-SOG
 `lod-meta.json`. **Spark stays the default**; a page that never passes `engine` never loads
 `playcanvas`. What differs, and why: [`docs/playcanvas-adapter.md`](docs/playcanvas-adapter.md).
@@ -66,7 +69,8 @@ Splat and model rendering on the PlayCanvas backend uses the PlayCanvas engine (
 **Models render with PlayCanvas by default (1.12).** `addModel(wall, canvas, 'chair.glb')` loads
 the glTF with the PlayCanvas engine (optional peer `playcanvas`), lit to match the Khronos glTF
 Sample Viewer: an in-memory neutral studio environment, Khronos PBR Neutral tone mapping,
-exposure 1. `engine: 'three'` is the 1.11 three.js renderer, unchanged (also importable as
+exposure 1. `environment: 'room'` gives three's RoomEnvironment look instead (a page tuned on the
+three path). `engine: 'three'` is the 1.11 three.js renderer, unchanged (also importable as
 `@displayxr/inline3d/model/three`). Each engine is imported only when a tile asks for it. Draco
 and KTX2 use the same served decoder folders on both engines. Design, the Sample-Viewer MAE table
 and what throws: [`docs/playcanvas-model-backend.md`](docs/playcanvas-model-backend.md).

package/THIRD_PARTY_NOTICES.md

@@ -6,7 +6,7 @@ it are adapted from, or run on, the MIT-licensed projects below. Their notices f
 | Project | Version | How it is used |
 |---|---|---|
 | [PlayCanvas engine](https://github.com/playcanvas/engine) | 2.22.3 | Optional peer (`playcanvas`): the default splat backend and the `./model` backend. Shader code in this package is **adapted** from it: the non-square-pixel footprint rewrite of `src/scene/shader-lib/glsl/chunks/gsplat/vert/gsplatCorner.js` (`js/inline3d-splat-playcanvas.js`), the quad-extent cap in `gsplatCommon.js` (`js/inline3d-splat-perf.js`), and the dissolve effect and its hash/noise/fbm helpers from `scripts/esm/gsplat/shader-effect-dissolve.mjs` (`js/inline3d-splat-effects.js`). Each adapted site carries a provenance comment. |
-| [three.js](https://github.com/mrdoob/three.js) | ≥ 0.150 | Optional peer (`three`): the `./three` helpers, the Spark splat path, `./model`'s `engine: 'three'`. |
+| [three.js](https://github.com/mrdoob/three.js) | ≥ 0.150 | Optional peer (`three`): the `./three` helpers, the Spark splat path, `./model`'s `engine: 'three'`. The PlayCanvas backend's `environment: 'room'` is **adapted** from `examples/jsm/environments/RoomEnvironment.js` (its scene numbers, re-rendered by ray casting in `js/inline3d-model-playcanvas.js`, `ROOM_ENVIRONMENT`). |
 | [Spark](https://github.com/sparkjsdev/spark) | ≥ 2.0 | Optional peer (`@sparkjsdev/spark`): the Spark splat backend. |
 
 ## PlayCanvas engine — MIT

package/js/inline3d-model-playcanvas.js

@@ -24,6 +24,8 @@
 //     and was fitted to the Sample Viewer's "Studio Neutral". three's path keeps RoomEnvironment
 //     and no tone mapping (unchanged since 1.11); the two backends therefore do not look
 //     identical, by design — docs/playcanvas-model-backend.md §Lighting has the MAE table.
+//     `environment: 'room'` is three's room on this engine (§ the room environment), untonemapped,
+//     for a page tuned on the three path (§Environments).
 //   · Decoders are the ENGINE's: Draco and Basis through the engine's own worker readers (fed the
 //     SAME files three's `libs/draco/` and `libs/basis/` folders hold), meshopt through the
 //     container's bufferView hook with meshoptimizer's `MeshoptDecoder` (the engine has no
@@ -346,11 +348,14 @@ export function neutralStudioRGBE(width = 256, height = 128, env = NEUTRAL_STUDI
 export const ENV_YAW_DEG = 0;
 
 /** Build the default environment on this app and set it as the scene's envAtlas. */
-function useNeutralStudio(pc, app, yawDeg) {
-  const W = 256;
-  const H = 128;
+export function useNeutralStudio(pc, app, yawDeg) {
+  return useRgbeEquirect(pc, app, 'inline3d-neutral-studio', neutralStudioRGBE(256, 128), 256, 128, yawDeg);
+}
+
+/** A grey RGBE equirect (row 0 = up) → prefiltered envAtlas on the scene. */
+function useRgbeEquirect(pc, app, name, bytes, W, H, yawDeg) {
   const tex = new pc.Texture(app.graphicsDevice, {
-    name: 'inline3d-neutral-studio',
+    name,
     width: W,
     height: H,
     format: pc.PIXELFORMAT_RGBA8,
@@ -359,7 +364,7 @@ function useNeutralStudio(pc, app, yawDeg) {
     mipmaps: false,
     addressU: pc.ADDRESS_REPEAT,
     addressV: pc.ADDRESS_CLAMP_TO_EDGE,
-    levels: [neutralStudioRGBE(W, H)],
+    levels: [bytes],
   });
   return useLightingSource(pc, app, tex, true, yawDeg);
 }
@@ -373,7 +378,9 @@ function useLightingSource(pc, app, source, own, yawDeg = 0) {
   app.scene.envAtlas = atlas;
   app.scene.skyboxIntensity = 1;
   app.scene.exposure = 1;
-  if (pc.Quat && yawDeg) app.scene.skyboxRotation = new pc.Quat().setFromEulerAngles(0, yawDeg, 0);
+  // Always written (identity at 0): a later environment on the same scene must not inherit the
+  // previous one's yaw (setRig switches room ↔ neutral on one app).
+  if (pc.Quat) app.scene.skyboxRotation = new pc.Quat().setFromEulerAngles(0, yawDeg || 0, 0);
   return atlas;
 }
 
@@ -388,6 +395,244 @@ function loadTexture(pc, app, url) {
   });
 }
 
+// ── the room environment (environment: 'room') ─────────────────────────────────────────────
+
+/**
+ * `environment: 'room'` — three.js's procedural RoomEnvironment, regenerated here without three:
+ * the same scene (a white room lit by one point light, six grey boxes, six emissive panels), shaded
+ * the way three shades it when `PMREMGenerator.fromScene(new RoomEnvironment(), 0.04)` bakes it —
+ * which is exactly what `addModel(…, { engine: 'three', environment: 'room' })` lights with.
+ *
+ * It exists so a page that chose `'room'` on the three path gets that look on this backend. It is
+ * NOT the default: the default (`'neutral'`) is matched to the Khronos Sample Viewer, and three's
+ * room is a different, brighter room (mean radiance ~0.97 vs ~0.89, most of it from a 100-nit
+ * ceiling panel and two 50-nit wall panels).
+ *
+ * The scene's numbers (positions, rotations, scales, intensities) are three.js's
+ * examples/jsm/environments/RoomEnvironment.js (MIT, © three.js authors), itself after
+ * model-viewer's EnvironmentScene. No image is shipped: `roomRadiance` ray-casts the boxes per
+ * texel. Checked against three r180's own bake (its PMREM, read back through `textureCubeUV`):
+ * texel-to-texel ratio median 1.000 (p10 0.989, p90 1.006), solid-angle-weighted MAE 0.03 unblurred
+ * and 0.04 with the 0.04-rad blur. Solids are [cx, cy, cz, angleY, sx, sy, sz] (boxes) and
+ * [cx, cy, cz, sx, sy, sz, emissive] (panels), BoxGeometry(1) scaled — i.e. full extents.
+ */
+export const ROOM_ENVIRONMENT = Object.freeze({
+  light: [0.418, 16.199, 0.3, 900, 28, 2], // point light: position, intensity (cd), cutoff distance, decay
+  room: [-0.757, 13.219, 0.717, 31.713, 28.305, 28.591], // seen from inside
+  boxes: [
+    [-10.906, 2.009, 1.846, -0.195, 2.328, 7.905, 4.651],
+    [-5.607, -0.754, -0.758, 0.994, 1.97, 1.534, 3.955],
+    [6.167, 0.857, 7.803, 0.561, 3.927, 6.285, 3.687],
+    [-2.017, 0.018, 6.124, 0.333, 2.002, 4.566, 2.064],
+    [2.291, -0.756, -2.621, -0.286, 1.546, 1.552, 1.496],
+    [-2.193, -0.369, -5.547, 0.516, 3.875, 3.487, 2.986],
+  ],
+  panels: [
+    [-16.116, 14.37, 8.208, 0.1, 2.428, 2.739, 50],
+    [-16.109, 18.021, -8.207, 0.1, 2.425, 2.751, 50],
+    [14.904, 12.198, -1.832, 0.15, 4.265, 6.331, 17],
+    [-0.462, 8.89, 14.52, 4.38, 5.441, 0.088, 43],
+    [3.235, 11.486, -12.541, 2.5, 2.0, 0.1, 20],
+    [0.0, 20.0, 0.0, 1.0, 0.1, 1.0, 100],
+  ],
+  blur: 0.04, // radians — the sigma addModel's three path passes to fromScene
+});
+
+/** Every solid as [cx, cy, cz, cosY, sinY, hx, hy, hz, kind (0 room, 1 lit box, 2 panel), emissive]. */
+const _roomSolids = new WeakMap();
+function roomSolids(env) {
+  let out = _roomSolids.get(env);
+  if (out) return out;
+  const [rx, ry, rz, sx, sy, sz] = env.room;
+  out = [[rx, ry, rz, 1, 0, sx / 2, sy / 2, sz / 2, 0, 0]];
+  for (const [px, py, pz, a, bx, by, bz] of env.boxes) out.push([px, py, pz, Math.cos(a), Math.sin(a), bx / 2, by / 2, bz / 2, 1, 0]);
+  for (const [px, py, pz, bx, by, bz, e] of env.panels) out.push([px, py, pz, 1, 0, bx / 2, by / 2, bz / 2, 2, e]);
+  _roomSolids.set(env, out);
+  return out;
+}
+
+/**
+ * Radiance of the room seen from the origin toward unit direction (x, y, z): the nearest solid
+ * along the ray. A panel is its emissive value; a wall or box (white, roughness 1, non-metal) is
+ * three's direct physical shading from the one point light, unshadowed as in three (the scene casts
+ * no shadows) — Lambert plus GGX at alpha 1 (D = 1/π, V = 0.5/(NL+NV), Schlick F0 0.04), with
+ * three's inverse-square falloff and its (1 − (d/cutoff)⁴)² window.
+ */
+export function roomRadiance(x, y, z, env = ROOM_ENVIRONMENT) {
+  let best = Infinity;
+  let nx = 0;
+  let ny = 0;
+  let nz = 0;
+  let emit = -1;
+  let found = false;
+  for (const b of roomSolids(env)) {
+    const c = b[3];
+    const s = b[4];
+    // The ray in the solid's frame (a rotation about Y): local = Rᵀ(p − centre).
+    const ox = -b[0];
+    const oy = -b[1];
+    const oz = -b[2];
+    const o = [c * ox - s * oz, oy, s * ox + c * oz];
+    const d = [c * x - s * z, y, s * x + c * z];
+    let t0 = -Infinity;
+    let t1 = Infinity;
+    let a0 = 0;
+    let a1 = 0;
+    let miss = false;
+    for (let i = 0; i < 3; i++) {
+      const h = b[5 + i];
+      if (Math.abs(d[i]) < 1e-12) {
+        if (o[i] < -h || o[i] > h) {
+          miss = true;
+          break;
+        }
+        continue;
+      }
+      let n = (-h - o[i]) / d[i];
+      let f = (h - o[i]) / d[i];
+      let sn = -1; // the entry face's outward normal is −axis when the ray runs +axis
+      if (n > f) {
+        const t = n;
+        n = f;
+        f = t;
+        sn = 1;
+      }
+      if (n > t0) {
+        t0 = n;
+        a0 = (i + 1) * sn;
+      }
+      if (f < t1) {
+        t1 = f;
+        a1 = -(i + 1) * sn;
+      }
+    }
+    if (miss || t0 > t1 || t1 < 0) continue;
+    const inside = b[8] === 0;
+    const t = inside ? t1 : t0;
+    if (!(t > 0) || t >= best) continue;
+    best = t;
+    found = true;
+    if (b[8] === 2) {
+      emit = b[9];
+      continue;
+    }
+    emit = -1;
+    const a = inside ? a1 : a0;
+    const sg = (inside ? -1 : 1) * Math.sign(a); // the room is seen from inside: its normals point in
+    const ax = Math.abs(a) - 1;
+    const l0 = ax === 0 ? sg : 0;
+    const l2 = ax === 2 ? sg : 0;
+    nx = c * l0 + s * l2;
+    ny = ax === 1 ? sg : 0;
+    nz = -s * l0 + c * l2;
+  }
+  if (!found) return 0;
+  if (emit >= 0) return emit;
+  const [lx, ly, lz, I, cutoff, decay] = env.light;
+  let tx = lx - x * best;
+  let ty = ly - y * best;
+  let tz = lz - z * best;
+  const dist = Math.hypot(tx, ty, tz);
+  tx /= dist;
+  ty /= dist;
+  tz /= dist;
+  const nl = nx * tx + ny * ty + nz * tz;
+  if (nl <= 0) return 0;
+  const win = Math.max(0, Math.min(1, 1 - Math.pow(dist / cutoff, 4)));
+  const E = (I / Math.max(Math.pow(dist, decay), 0.01)) * win * win * nl;
+  const nv = Math.max(1e-4, -(nx * x + ny * y + nz * z));
+  const hx = tx - x;
+  const hy = ty - y;
+  const hz = tz - z;
+  const vh = Math.max(0, (tx * hx + ty * hy + tz * hz) / Math.hypot(hx, hy, hz));
+  const F = 0.04 + 0.96 * Math.pow(1 - vh, 5);
+  return (E / Math.PI) * (1 + F * (0.5 / (nl + nv)));
+}
+
+/**
+ * The room as a float equirect (row 0 = up, the same convention as neutralStudioRGBE), blurred by a
+ * Gaussian of `sigma` radians — separable on the sphere: σ in rows, σ/sinθ in columns (wrapping).
+ */
+export function roomEquirect(W = 256, H = 128, sigma = ROOM_ENVIRONMENT.blur, env = ROOM_ENVIRONMENT) {
+  const out = new Float32Array(W * H);
+  for (let r = 0; r < H; r++) {
+    const th = ((r + 0.5) / H) * Math.PI;
+    const st = Math.sin(th);
+    const y = Math.cos(th);
+    for (let c = 0; c < W; c++) {
+      const ph = ((c + 0.5) / W) * 2 * Math.PI;
+      out[r * W + c] = roomRadiance(st * Math.cos(ph), y, st * Math.sin(ph), env);
+    }
+  }
+  if (!(sigma > 0)) return out;
+  const perRow = Math.PI / H; // radians per row, and per column at the equator
+  const tmp = new Float32Array(W * H);
+  for (let r = 0; r < H; r++) {
+    const st = Math.max(Math.sin(((r + 0.5) / H) * Math.PI), 1e-3);
+    const sg = Math.min(sigma / perRow / st, W / 4);
+    const R = Math.ceil(3 * sg);
+    const k = [];
+    let ks = 0;
+    for (let i = -R; i <= R; i++) {
+      const v = Math.exp(-(i * i) / (2 * sg * sg));
+      k.push(v);
+      ks += v;
+    }
+    for (let c = 0; c < W; c++) {
+      let a = 0;
+      for (let i = -R; i <= R; i++) a += k[i + R] * out[r * W + (((c + i) % W) + W) % W];
+      tmp[r * W + c] = a / ks;
+    }
+  }
+  const sg = sigma / perRow;
+  const R = Math.ceil(3 * sg);
+  for (let r = 0; r < H; r++) {
+    for (let c = 0; c < W; c++) {
+      let a = 0;
+      let ks = 0;
+      for (let i = -R; i <= R; i++) {
+        const rr = r + i;
+        if (rr < 0 || rr >= H) continue;
+        const v = Math.exp(-(i * i) / (2 * sg * sg));
+        a += v * tmp[rr * W + c];
+        ks += v;
+      }
+      out[r * W + c] = a / ks;
+    }
+  }
+  return out;
+}
+
+/** The room as RGBE bytes (cached per size: every tile on a page gets the same image). */
+const _roomCache = new Map();
+export function roomRGBE(W = 256, H = 128) {
+  const key = `${W}x${H}`;
+  let bytes = _roomCache.get(key);
+  if (!bytes) {
+    const f = roomEquirect(W, H);
+    bytes = new Uint8Array(W * H * 4);
+    for (let i = 0; i < f.length; i++) rgbe(f[i], bytes, i * 4);
+    _roomCache.set(key, bytes);
+  }
+  return bytes.slice();
+}
+
+/**
+ * Yaw that lines the generated room up with three's world (its +X panel on +X, the ceiling panel
+ * overhead). Calibrated headless against three r180's own `environment: 'room'` render on two
+ * catalogue meshes: a sweep over 0/90/180/270 × mirrored has a clean minimum at 90, unmirrored, on
+ * both. (The neutral studio's 0 is the Sample Viewer's orientation, a different frame.)
+ */
+export const ROOM_YAW_DEG = 90;
+
+/** Build the room environment on this app and set it as the scene's envAtlas. */
+export function useRoomEnvironment(pc, app, yawDeg = ROOM_YAW_DEG) {
+  return useRgbeEquirect(pc, app, 'inline3d-room', roomRGBE(256, 128), 256, 128, yawDeg);
+}
+
+/** Each environment's tone mapping: the look it was matched to. */
+export const ENVIRONMENT_TONE_MAPPING = Object.freeze({ neutral: 'neutral', room: 'none', studio: 'neutral', none: 'neutral' });
+
 /**
  * `environment: 'studio'` — three's three-point rig, same directions and ratios. Engine lights
  * shine along their local −Y, so each is aimed by rotation (never lookAt). three's punctual
@@ -430,6 +675,100 @@ function addStudioLights(pc, app, root) {
   app.scene.ambientLight = new pc.Color(amb, amb, amb);
 }
 
+// ── KHR_materials_transmission / volume on this engine ─────────────────────────────────────
+
+/**
+ * The engine reads KHR_materials_transmission (and _volume) into `useDynamicRefraction` +
+ * `BLEND_NORMAL`, and a dynamic-refraction material samples the camera's SCENE COLOUR MAP. Three
+ * things the engine leaves to the app, all needed for a glass or transmissive glTF to look like
+ * it does in the Khronos Sample Viewer (and three):
+ *
+ *  1. THE GRAB PASS. Nothing renders the scene colour map unless a camera asks for it; without it
+ *     the material samples an unbound texture — the storm lantern's burner rendered as a MAGENTA
+ *     blob inside its globe (measured). `viewer.useSceneColor()` asks, on every eye camera.
+ *  2. PASS ORDER. Both references draw opaque → transmissive → blended. The engine puts a
+ *     transmissive material in the ONE back-to-front transparent list with the blended ones, so a
+ *     blended globe (depthWrite off) can be drawn before the transmissive body behind it, which
+ *     then paints over it — the burner showed THROUGH the lantern's opaque-alpha globe. A sort
+ *     distance that puts transmissive draws first (back-to-front among themselves) restores the
+ *     order: object MAE 10.7 → 10.2 vs three, 11.2 → 10.8 vs the Sample Viewer.
+ *  3. STEREO. The engine turns the refracted point's clip position into a grab-texture UV by
+ *     mapping the VIEW's NDC over the WHOLE target (`getGrabScreenPos`). A stereo tile draws two
+ *     views side by side into one target, so each eye would sample across both. The patched chunk
+ *     measures the offset from THIS fragment instead (NDC delta ÷ NDC-per-pixel, from the
+ *     derivatives), which is exact for any viewport and identical in mono.
+ */
+const GRAB_UV_FN = `
+vec2 inline3dGrabUV(vec4 clipPos) {
+	vec4 p0 = matrix_viewProjection * vec4(vPositionW, 1.0);
+	vec2 n0 = p0.xy / p0.w;
+	vec2 dn = clipPos.xy / clipPos.w - n0;
+	vec2 perPx = vec2(dFdx(n0.x), dFdy(n0.y));
+	vec2 off = vec2(abs(perPx.x) > 1e-9 ? dn.x / perPx.x : 0.0, abs(perPx.y) > 1e-9 ? dn.y / perPx.y : 0.0);
+	return (gl_FragCoord.xy + off) * uScreenSize.zw;
+}
+`;
+const _grabChunk = new WeakMap();
+let _warnedGrabChunk = false;
+
+/** The engine's refractionDynamicPS with the per-view grab UV (null if its shape is not the expected one). */
+function stereoRefractionChunk(pc, device) {
+  if (_grabChunk.has(device)) return _grabChunk.get(device);
+  let out = null;
+  try {
+    const src = pc.ShaderChunks?.get?.(device, pc.SHADERLANGUAGE_GLSL)?.get?.('refractionDynamicPS');
+    const call = /getGrabScreenPos\(\s*projectionPoint\s*\)/;
+    const def = /vec3\s+evalRefractionColor\s*\(/;
+    if (typeof src === 'string' && call.test(src) && def.test(src)) {
+      out = src.replace(def, (m) => `${GRAB_UV_FN}\n${m}`).replace(call, 'inline3dGrabUV(projectionPoint)');
+    }
+  } catch {
+    out = null;
+  }
+  if (!out && !_warnedGrabChunk) {
+    _warnedGrabChunk = true;
+    console.warn(`${TAG} this engine's refraction shader has an unexpected shape; transmissive materials keep the engine's grab UV (correct in mono, not per eye in stereo).`);
+  }
+  _grabChunk.set(device, out);
+  return out;
+}
+
+/** Transmissive draws first, back-to-front among themselves (the engine's own key + an offset). */
+function transmissiveFirst(mi, camPos, camFwd) {
+  const c = mi.aabb.center;
+  return 1e6 + (c.x - camPos.x) * camFwd.x + (c.y - camPos.y) * camFwd.y + (c.z - camPos.z) * camFwd.z;
+}
+
+/**
+ * Apply 1–3 above to every dynamic-refraction mesh under `entity` not already handled (`seen`).
+ * Returns how many transmissive mesh instances there are under it (handled now or before) —
+ * the caller turns the grab pass on when that is > 0. Cheap to call again: handled ones are skipped.
+ */
+export function prepareTransmission(pc, entity, device, seen = new WeakSet()) {
+  const renders = entity?.findComponents ? entity.findComponents('render') : [];
+  let n = 0;
+  for (const r of renders) {
+    for (const mi of r.meshInstances || []) {
+      const m = mi.material;
+      if (!m?.useDynamicRefraction) continue;
+      n++;
+      if (seen.has(mi)) continue;
+      seen.add(mi);
+      mi.calculateSortDistance = transmissiveFirst;
+      if (!seen.has(m)) {
+        seen.add(m);
+        const chunk = device ? stereoRefractionChunk(pc, device) : null;
+        if (chunk && typeof m.getShaderChunks === 'function') {
+          m.getShaderChunks(pc.SHADERLANGUAGE_GLSL).set('refractionDynamicPS', chunk);
+          m.shaderChunksVersion = pc.CHUNKAPI_2_8 ?? '2.8';
+          m.update?.();
+        }
+      }
+    }
+  }
+  return n;
+}
+
 // ── framing ─────────────────────────────────────────────────────────────────────────────────
 
 /** Union of the render mesh instances' world AABBs (content space, the file's own units). */
@@ -535,7 +874,7 @@ export function attachPlayCanvasModel(out, wall, canvas, src, opts, pending = []
     fitSweep = true,
     renderScale = 1,
     feather = 0,
-    environment = 'room',
+    environment = 'neutral',
     envMap = null,
     decoderPath = null,
     meshoptDecoder = null,
@@ -568,7 +907,8 @@ export function attachPlayCanvasModel(out, wall, canvas, src, opts, pending = []
     nearClip: opts.nearClip,
     farClip: opts.farClip,
     sky: false,
-    toneMapping: 'neutral',
+    // Each environment's own look: 'room' is three's (untonemapped), the rest the Sample Viewer's.
+    toneMapping: envMap ? 'neutral' : ENVIRONMENT_TONE_MAPPING[environment] || 'neutral',
   });
 
   let handle = null;
@@ -701,7 +1041,8 @@ export function attachPlayCanvasModel(out, wall, canvas, src, opts, pending = []
     const yaw = Number.isFinite(opts.environmentRotation) ? opts.environmentRotation : 0;
     if (typeof envMap === 'string') useLightingSource(pc, app, await loadTexture(pc, app, envMap), true, yaw);
     else if (envMap && typeof envMap === 'object') useLightingSource(pc, app, envMap, false, yaw);
-    else if (environment === 'room' || environment === 'neutral') useNeutralStudio(pc, app, ENV_YAW_DEG + yaw);
+    else if (environment === 'room') useRoomEnvironment(pc, app, ROOM_YAW_DEG + yaw);
+    else if (environment === 'neutral') useNeutralStudio(pc, app, ENV_YAW_DEG + yaw);
     else if (environment === 'studio') addStudioLights(pc, app, viewer.content);
     if (removed) return out;
 
@@ -736,6 +1077,8 @@ export function attachPlayCanvasModel(out, wall, canvas, src, opts, pending = []
     if (removed) return out;
 
     const entity = asset.resource.instantiateRenderEntity();
+    // KHR_materials_transmission / volume: grab pass, pass order, per-eye grab UV (§ prepareTransmission).
+    if (prepareTransmission(pc, entity, app.graphicsDevice) > 0) viewer.useSceneColor(true);
     viewer.content.addChild(entity);
     out.model = entity;
     out.container = asset.resource; // animations, materials, textures (engine types)

package/js/inline3d-playcanvas-engine.js

@@ -53,6 +53,7 @@ export {
   SEMANTIC_TEXCOORD0,
   ShaderChunks,
   SHADERLANGUAGE_GLSL,
+  CHUNKAPI_2_8,
   // setSource's frame snapshot
   RenderTarget,
   FILTER_NEAREST,

package/js/inline3d-splat-playcanvas.js

@@ -50,7 +50,7 @@ import {
   budgetPerManager,
 } from './inline3d-splat-perf.js';
 import { boundsFromPositions, boundsFromPositionsAsync } from './inline3d-viewer.js';
-import { cameraRigFromPose } from './inline3d-three.js';
+import { cameraRigFromPose, displayRig } from './inline3d-three.js';
 import {
   SplatEffects,
   EFFECTS,
@@ -652,6 +652,7 @@ export class PlayCanvasSplatViewer {
     // loaded). 'none' for splats — their colours are already display-referred; ./model's mesh
     // tiles pass 'neutral' (Khronos PBR Neutral), the glTF Sample Viewer's default.
     this.toneMapping = toneMapping;
+    this.sceneColor = false;
     // Depth range for a MIXED scene (meshes under handle.engine.root depth-test against each
     // other; splats only test against them). The projections' own near/far stay the adapter's —
     // these only raise the near (floor) and lower the far (cap). Unset: untouched.
@@ -912,6 +913,33 @@ export class PlayCanvasSplatViewer {
     this._updateMonoProjection();
   }
 
+  /**
+   * Switch the eye camera(s) to another tone mapping, by name (TONE_MAPPINGS). Live: the engine
+   * picks the new shader variant on the next draw. handle.setRig's display rig uses it to give a
+   * page's meshes addModel's 'neutral' while the splat is hidden.
+   */
+  setToneMapping(name) {
+    const key = TONE_MAPPINGS[name] ? name : 'none';
+    this.toneMapping = key;
+    const pc = this.pc;
+    if (!pc) return;
+    const v = pc[TONE_MAPPINGS[key]] ?? pc.TONEMAP_NONE;
+    if (this.eye?.camera) this.eye.camera.toneMapping = v;
+    if (this._viewPath === 'cameras') for (const c of this._views) if (c?.camera) c.camera.toneMapping = v;
+  }
+
+  /**
+   * Turn the scene-colour grab pass on (true) or off on every eye camera — what a
+   * KHR_materials_transmission material samples (./model's prepareTransmission). Idempotent: the
+   * engine's `renderSceneColorMap` setter counts one request per camera. Cameras made later (a
+   * view-path switch) inherit it via `_makeCamera`.
+   */
+  useSceneColor(on = true) {
+    this.sceneColor = !!on;
+    const cams = [this.eye, ...(this._viewPath === 'cameras' ? this._views : [])];
+    for (const c of cams) if (c?.camera && c.camera.renderSceneColorMap !== undefined) c.camera.renderSceneColorMap = this.sceneColor;
+  }
+
   /** Forget the auto-fit (scale 1, no subject box) — the camera rig's framing. */
   resetFit() {
     this._fitScale = 1;
@@ -1475,6 +1503,7 @@ export class PlayCanvasSplatViewer {
     // decodeGamma → toneMap → gammaCorrectOutput. Spark writes the stored colour straight out;
     // NONE is the same thing here (GAMMA_SRGB alone leaves a gamma-space colour untouched).
     e.camera.toneMapping = TONE_MAPPINGS[this.toneMapping] ? pc[TONE_MAPPINGS[this.toneMapping]] ?? pc.TONEMAP_NONE : pc.TONEMAP_NONE;
+    if (this.sceneColor) e.camera.renderSceneColorMap = true;
     this.rigNode.addChild(e);
     return e;
   }
@@ -2151,6 +2180,105 @@ export function describeResource(res) {
  * one-pass fade, with the coverage-linear alpha remap on both assets.
  */
 
+/**
+ * handle.setRig's DISPLAY-rig defaults: addModel's, so a mesh framed through setRig('display')
+ * sits exactly where `addModel(url, { engine: 'playcanvas' })` puts it (docs/playcanvas-adapter.md
+ * §setRig). `toneMapping` applies to the page's meshes while the splat is hidden (the splat keeps
+ * 'none' whenever it is shown); `environment` installs addModel's IBL of the same name when the
+ * page has no `scene.envAtlas` of its own, and removes it again when the rig changes back —
+ * `'neutral'` (default, the Sample Viewer's studio) or `'room'` (three's RoomEnvironment; its
+ * tone mapping defaults to `'none'`, three's, unless `toneMapping` is passed).
+ */
+export const SET_RIG_DISPLAY_DEFAULTS = Object.freeze({
+  virtualDisplayHeight: 0.24,
+  fit: 'contain',
+  margin: 0.8,
+  depthLimit: DEFAULT_DEPTH_LIMIT,
+  fitSweep: true,
+  idleSpin: 8,
+  ipdFactor: 1,
+  parallaxFactor: 1,
+  perspectiveFactor: 1,
+  toneMapping: 'neutral',
+  environment: 'neutral',
+});
+
+/** The tone mapping each setRig environment defaults to (addModel's ENVIRONMENT_TONE_MAPPING). */
+const SET_RIG_ENV_TONE_MAPPING = Object.freeze({ neutral: 'neutral', room: 'none', none: 'neutral' });
+
+export const SET_RIG_TYPES = Object.freeze(['display', 'camera', 'auto']);
+const SET_RIG_FITS = ['contain', 'cover', 'height', 'none'];
+let warnedSetRigKeys = false;
+
+const PAGE_SETRIG_ERROR =
+  "@displayxr/inline3d/splat: setRig() is not available with controls:'page' — the page owns the " +
+  'camera (its camera IS the rig). Drive it with handle.setCameraPose(matrixWorld, { verticalFovDeg, near, far }).';
+
+/**
+ * handle.setRig's arguments, validated and resolved (throws at the call, before anything runs).
+ * @returns {{type:'display'|'camera'|'auto', o?:object}}
+ */
+export function validateSetRig(type, o = {}, pageMode = false) {
+  if (pageMode) throw new Error(PAGE_SETRIG_ERROR);
+  if (!SET_RIG_TYPES.includes(type)) {
+    throw new Error(`@displayxr/inline3d/splat: setRig("${type}") — expected 'display', 'camera' or 'auto'.`);
+  }
+  if (o === null || typeof o !== 'object') throw new TypeError('@displayxr/inline3d/splat: setRig options must be an object.');
+  if (type !== 'display') return { type };
+  const D = SET_RIG_DISPLAY_DEFAULTS;
+  const known = new Set([...Object.keys(D), 'frame']);
+  const unknown = Object.keys(o).filter((k) => !known.has(k));
+  if (unknown.length && !warnedSetRigKeys) {
+    warnedSetRigKeys = true;
+    console.warn(
+      `[inline3d/splat] setRig('display') ignores ${unknown.join(', ')}` +
+        (unknown.includes('transitionMs') ? ' — a rig switch is a clean cut (no eased transition in this version)' : '') +
+        '.',
+    );
+  }
+  const num = (k, ok) => {
+    const v = o[k] === undefined ? D[k] : o[k];
+    if (!Number.isFinite(v) || !ok(v)) throw new Error(`@displayxr/inline3d/splat: setRig('display') — bad ${k}: ${o[k]}.`);
+    return v;
+  };
+  const fit = o.fit === undefined ? D.fit : o.fit;
+  if (!SET_RIG_FITS.includes(fit)) throw new Error(`@displayxr/inline3d/splat: setRig('display') — fit "${fit}", expected ${SET_RIG_FITS.join(' | ')}.`);
+  const environment = o.environment === undefined ? D.environment : o.environment;
+  if (!['room', 'neutral', 'none'].includes(environment)) {
+    throw new Error(`@displayxr/inline3d/splat: setRig('display') — environment "${environment}", expected 'room' | 'neutral' | 'none'.`);
+  }
+  const toneMapping = o.toneMapping === undefined ? SET_RIG_ENV_TONE_MAPPING[environment] : o.toneMapping;
+  if (!TONE_MAPPINGS[toneMapping]) {
+    throw new Error(`@displayxr/inline3d/splat: setRig('display') — toneMapping "${toneMapping}", expected ${Object.keys(TONE_MAPPINGS).join(' | ')}.`);
+  }
+  let frame = null;
+  if (o.frame != null) {
+    const c = o.frame.center;
+    const e = o.frame.extent;
+    const v3 = (v) => (Array.isArray(v) || ArrayBuffer.isView(v) ? v.length >= 3 && [0, 1, 2].every((i) => Number.isFinite(v[i])) : v && [v.x, v.y, v.z].every(Number.isFinite));
+    if (!v3(c) || !v3(e)) throw new Error("@displayxr/inline3d/splat: setRig('display') — frame must be { center: [x,y,z], extent: [x,y,z] }.");
+    const a3 = (v) => (Array.isArray(v) || ArrayBuffer.isView(v) ? [v[0], v[1], v[2]] : [v.x, v.y, v.z]);
+    frame = { center: a3(c), extent: a3(e) };
+  }
+  return {
+    type,
+    o: {
+      vH: num('virtualDisplayHeight', (v) => v > 0),
+      fit,
+      margin: num('margin', (v) => v > 0),
+      depthLimit: num('depthLimit', (v) => v > 0),
+      fitSweep: o.fitSweep === undefined ? D.fitSweep : o.fitSweep !== false,
+      idleSpin: num('idleSpin', () => true),
+      ipdFactor: num('ipdFactor', (v) => v >= 0),
+      parallaxFactor: num('parallaxFactor', (v) => v >= 0),
+      perspectiveFactor: num('perspectiveFactor', (v) => v > 0),
+      toneMapping,
+      environment,
+      frame,
+    },
+  };
+}
+
 /** setSource's transitions and their defaults. */
 export const SOURCE_TRANSITIONS = Object.freeze({
   cut: {},
@@ -2248,6 +2376,7 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
     observe,
     firstWovenHoldMs,
     preserveDrawingBuffer = false,
+    antialias = false,
   } = opts;
   // `sortIntervalMs` is accepted and has no effect here: the engine re-sorts when the camera
   // ROTATES (one directional sort serves every view), not on a timer — docs/playcanvas-adapter.md.
@@ -2361,6 +2490,7 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
     },
     setSource,
     prepareSource,
+    setRig,
     /**
      * Play a transition effect (inflate, deflate, sweep, dissolve, fade, pulse, custom) — see
      * docs/splat-effects.md. Validated now; runs once the first asset is on screen. Resolves
@@ -2588,6 +2718,13 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
 
   // ── focus → view rig ──
   let lastConvergence = Number.NaN;
+  // The camera rig's descriptor object (rewritten in place per focus change) and the DISPLAY rig
+  // declared through setViewRig, if any. `declaredDisplay` null + no camera rig pushed = the
+  // `virtualDisplayHeight` shorthand addScene was built with, which is where every non-page tile
+  // starts. A display rig after a camera rig has to be SENT (the shorthand cannot be restored),
+  // as the explicit descriptor it is shorthand for (displayRig: identity pose, factors 1).
+  let camRigObj = null;
+  let declaredDisplay = pageMode ? 'page' : 'shorthand';
   function pushViewRig(force) {
     if (pageMode) return; // pageTick declares the rig every frame
     if (!out.rig || out.rig.type !== 'camera') return;
@@ -2600,7 +2737,9 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
     lastConvergence = d;
     out.rig.convergence = d;
     const q = quatFromMatrix(pose);
-    out.viewRig = cameraRigFromPose(
+    camRigObj ||= {};
+    declaredDisplay = null;
+    out.viewRig = camRigObj = cameraRigFromPose(
       {
         position: { x: pose[12], y: pose[13], z: pose[14] },
         orientation: { x: q[0], y: q[1], z: q[2], w: q[3] },
@@ -2610,7 +2749,7 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
         convergence: d > 0 ? d : 0,
         ipdFactor: out.rig.ipdFactor,
         parallaxFactor: out.rig.parallaxFactor,
-        out: out.viewRig || {},
+        out: camRigObj,
       },
     );
     handle?.setViewRig?.(out.viewRig);
@@ -2821,16 +2960,11 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
             ? lift(frame)
             : null;
 
-    const sample = loaded.pre?.rest || null;
-    const box = canvas.getBoundingClientRect();
-    const resolved = resolveRig({
-      camera: loaded.camera,
-      opts: rigOpts,
-      cloud: sample,
-      canvasAspect: box.height > 0 ? box.width / box.height : 4 / 3,
-    });
-    resolved.focusDefault = resolved.focus.slice();
-    resolved.focusDefaultSource = resolved.focusSource;
+    // What the waterfall was fed, kept with the asset: handle.setRig re-resolves from exactly this
+    // (never from a stale copy of the result), so setRig('camera') / ('auto') land where a load did.
+    const rigIn = { camera: loaded.camera, sample: loaded.pre?.rest || null, bounds };
+    // A setRig choice is STICKY across setSource: the new asset is resolved on the chosen rig.
+    const resolved = resolveFor(rigIn, rigOverride ? rigOverride.type : 'auto');
     perfSpan('applyLoaded:rig', tB);
     out.camera = loaded.camera;
     out.rig = resolved;
@@ -2862,8 +2996,66 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
           }),
         );
       }
-    } else if (resolved.type === 'camera') {
+    } else {
+      applyRig(resolved, bounds, false);
+    }
+    return { pickCentres, alpha8: cloud?.alpha8 || null, rigIn };
+  }
+
+  /** resolveRig on an asset's kept inputs: 'auto' = the load-time waterfall, else forced. */
+  function resolveFor(rigIn, type) {
+    const box = canvas.getBoundingClientRect();
+    const resolved = resolveRig({
+      camera: rigIn.camera,
+      opts: type === 'auto' ? rigOpts : { ...rigOpts, rig: type },
+      cloud: rigIn.sample,
+      canvasAspect: box.height > 0 ? box.width / box.height : 4 / 3,
+    });
+    if (type !== 'auto') resolved.typeSource = 'setRig';
+    resolved.focusDefault = resolved.focus.slice();
+    resolved.focusDefaultSource = resolved.focusSource;
+    return resolved;
+  }
+
+  /** The framing knobs the viewer's fit reads, as addSplat was booted with. */
+  const bootFraming = { vH: virtualDisplayHeight, fit, margin, depthLimit, fitSweep };
+  function setFraming(f) {
+    viewer.vH = f.vH;
+    viewer.fit = f.fit;
+    viewer.margin = f.margin;
+    viewer.depthLimit = f.depthLimit;
+    viewer.fitSweep = f.fitSweep;
+  }
+
+  /** Declare a DISPLAY rig to the runtime, unless that exact one is already declared. */
+  function declareDisplay(f) {
+    const key = `${f.vH}|${f.ipdFactor ?? 1}|${f.parallaxFactor ?? 1}|${f.perspectiveFactor ?? 1}`;
+    if (declaredDisplay === key) return;
+    // Back at the boot rig from the shorthand it was built with: nothing to say.
+    if (declaredDisplay === 'shorthand' && key === `${bootFraming.vH}|1|1|1`) return;
+    declaredDisplay = key;
+    lastConvergence = Number.NaN;
+    out.viewRig = displayRig({
+      virtualDisplayHeight: f.vH,
+      ipdFactor: f.ipdFactor ?? 1,
+      parallaxFactor: f.parallaxFactor ?? 1,
+      perspectiveFactor: f.perspectiveFactor ?? 1,
+    });
+    handle?.setViewRig?.(out.viewRig);
+  }
+
+  /**
+   * Put the viewer on a resolved rig: lens, framing, focus, and the rig declared to the runtime.
+   * Shared by every load / setSource (reset=false: the pose is kept) and handle.setRig
+   * (reset=true: the pose goes back to the rig's rest, yaw = pitch = 0, zoom 1, depth 0).
+   */
+  function applyRig(resolved, bounds, reset) {
+    const disp = rigOverride?.type === 'display' ? rigOverride.o : null;
+    if (reset) viewer.resetPose();
+    if (resolved.type === 'camera') {
+      setFraming(bootFraming);
       if (!('idleSpin' in opts)) viewer.idleSpin = 0;
+      else if (reset) viewer.idleSpin = idleSpin;
       // The camera rig never auto-fits (the capture IS the framing): a scale left by a previous
       // display-rig asset (setSource) must not shrink this one.
       viewer.resetFit();
@@ -2871,15 +3063,200 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
       viewer.setFocus(modelToContent(resolved.focus), { snap: true, recentre: false });
       lastConvergence = Number.NaN;
       pushViewRig(true);
-    } else {
-      if (viewer.mono.capture) viewer.useDisplayCamera();
-      if (bounds) viewer.fitTo(bounds.center, bounds.extent);
-      else console.warn('[inline3d/splat] no usable bounds — subject is UNFRAMED (model scale)', src);
-      if (resolved.focusSource === 'caller' || resolved.focusSource === 'block') {
-        viewer.setFocus(modelToContent(resolved.focus), { snap: true, recentre: true });
+      return;
+    }
+    if (viewer.mono.capture) viewer.useDisplayCamera();
+    // The display rig orbits the frame centre (SceneViewer's recentre), whatever a camera rig
+    // before it left in the viewer.
+    viewer._focusRecentres = true;
+    const target = disp ? displayTarget(disp) : null;
+    if (target) {
+      // setRig('display') framing the page's content: addModel's fit, on addModel's defaults.
+      setFraming(disp);
+      viewer.idleSpin = disp.idleSpin;
+      viewer.fitTo(target.center, target.extent);
+      resolved.focus = contentToModel(target.center);
+      resolved.focusSource = 'frame';
+      resolved.focusDefault = resolved.focus.slice();
+      resolved.focusDefaultSource = 'frame';
+      resolved.frame = target;
+      declareDisplay(disp);
+      return;
+    }
+    // The splat itself, as a display-rig addSplat frames it (the load-time path).
+    setFraming(disp || bootFraming);
+    if (reset) viewer.idleSpin = disp ? disp.idleSpin : idleSpin;
+    if (bounds) viewer.fitTo(bounds.center, bounds.extent);
+    else console.warn('[inline3d/splat] no usable bounds — subject is UNFRAMED (model scale)', src);
+    if (resolved.focusSource === 'caller' || resolved.focusSource === 'block') {
+      viewer.setFocus(modelToContent(resolved.focus), { snap: true, recentre: true });
+    }
+    if (disp) resolved.frame = bounds ? { center: bounds.center.slice(), extent: bounds.extent.slice(), source: 'splat' } : null;
+    declareDisplay(disp || { vH: bootFraming.vH });
+  }
+
+  // ── handle.setRig: a live, reversible rig switch (docs/playcanvas-adapter.md §setRig) ──
+  /** null = 'auto' (the per-asset waterfall); else { type: 'camera' } | { type: 'display', o }. */
+  let rigOverride = null;
+  let rigSeq = 0;
+  /** The IBL setRig('display') installed ({ kind, atlas, prev }), and what it replaced — or null. */
+  let rigEnv = null;
+  /** ./inline3d-model-playcanvas.js once a display rig has loaded it (transmission, environments). */
+  let rigModelModule = null;
+  /** Mesh instances / materials prepareTransmission has handled, and whether it turned the grab on. */
+  const rigTransmissionSeen = new WeakSet();
+  let rigGrab = false;
+  let rigTick = 0;
+  const baseToneMapping = viewer.toneMapping;
+
+  /** Is the splat on screen: its entity (and every ancestor) enabled. */
+  function splatShown() {
+    let e = current?.entity || null;
+    if (!e) return false;
+    for (; e; e = e.parent) if (e.enabled === false) return false;
+    return true;
+  }
+
+  /**
+   * World AABB of the page's meshes under handle.engine.root — enabled render components only,
+   * union of their mesh instances' `aabb` (the engine's world box, skinning included). Content
+   * space. The same measurement addModel's boundsOfEntity takes of its glTF.
+   */
+  function rootMeshBounds() {
+    const root = viewer.content;
+    const renders = root?.findComponents ? root.findComponents('render') : [];
+    let min = null;
+    let max = null;
+    for (const r of renders) {
+      if (r.enabled === false || r.entity?.enabled === false) continue;
+      for (const mi of r.meshInstances || []) {
+        const b = mi.aabb;
+        if (!b) continue;
+        const c = b.center;
+        const h = b.halfExtents;
+        const lo = [c.x - h.x, c.y - h.y, c.z - h.z];
+        const hi = [c.x + h.x, c.y + h.y, c.z + h.z];
+        if (!lo.every(Number.isFinite) || !hi.every(Number.isFinite)) continue;
+        if (!min) {
+          min = lo;
+          max = hi;
+        } else {
+          for (let i = 0; i < 3; i++) {
+            if (lo[i] < min[i]) min[i] = lo[i];
+            if (hi[i] > max[i]) max[i] = hi[i];
+          }
+        }
       }
     }
-    return { pickCentres, alpha8: cloud?.alpha8 || null };
+    return min ? { min, max } : null;
+  }
+
+  /**
+   * What setRig('display') frames: the caller's `frame`, else the meshes under root (plus the
+   * splat's measured box if it is shown), else null — the splat, as a display-rig addSplat would.
+   */
+  function displayTarget(disp) {
+    if (disp.frame) {
+      return { center: toArray3(disp.frame.center), extent: toArray3(disp.frame.extent).map((v) => Math.max(Math.abs(v), 1e-6)), source: 'caller' };
+    }
+    const m = rootMeshBounds();
+    if (!m) return null;
+    let { min, max } = m;
+    let source = 'root';
+    const sb = splatShown() ? out.frame : null;
+    if (sb) {
+      source = 'root+splat';
+      min = min.map((v, i) => Math.min(v, sb.center[i] - sb.extent[i] / 2));
+      max = max.map((v, i) => Math.max(v, sb.center[i] + sb.extent[i] / 2));
+    }
+    return {
+      center: [(min[0] + max[0]) / 2, (min[1] + max[1]) / 2, (min[2] + max[2]) / 2],
+      extent: [Math.max(max[0] - min[0], 1e-6), Math.max(max[1] - min[1], 1e-6), Math.max(max[2] - min[2], 1e-6)],
+      source,
+    };
+  }
+
+  /** Per tick: addModel's tone mapping for the page's meshes while the splat is hidden. */
+  viewer.onTick = pageMode
+    ? viewer.onTick
+    : () => {
+        const display = rigOverride?.type === 'display';
+        const want = display && !splatShown() ? rigOverride.o.toneMapping : baseToneMapping;
+        if (want !== viewer.toneMapping) viewer.setToneMapping(want);
+        // A transmissive glTF the page hangs under root on the display rig (a glass
+        // lantern): addModel's grab pass + pass order + per-eye grab UV. Re-checked every 30
+        // frames, since a page adds its meshes whenever they load — before or after setRig.
+        if (display && rigModelModule && pcModule && (rigTick++ % 30 === 0)) syncRigTransmission();
+      };
+
+  /** prepareTransmission over root; the grab pass on while a transmissive mesh is there. */
+  function syncRigTransmission() {
+    const n = rigModelModule.prepareTransmission(pcModule, viewer.content, viewer.app?.graphicsDevice, rigTransmissionSeen);
+    if ((n > 0) !== rigGrab) {
+      rigGrab = n > 0;
+      viewer.useSceneColor(rigGrab);
+    }
+  }
+
+  /** Install addModel's IBL (`disp.environment`) for the display rig, if the page has none of its own. */
+  async function ensureRigEnvironment(disp, seq) {
+    const m = (rigModelModule ||= await import('./inline3d-model-playcanvas.js'));
+    if (removed || seq !== rigSeq || rigOverride?.type !== 'display') return;
+    rigTick = 0; // transmission check on the next tick
+    const kind = disp.environment;
+    if (rigEnv && rigEnv.kind === kind) return;
+    dropRigEnvironment(); // a different environment of ours (setRig('display') called again)
+    if (kind === 'none' || viewer.sky) return;
+    const app = viewer.app;
+    const scene = app?.scene;
+    if (!scene || scene.envAtlas) return; // the page lights its own meshes: leave it alone
+    const prev = { skyboxIntensity: scene.skyboxIntensity, exposure: scene.exposure, skyboxRotation: scene.skyboxRotation };
+    const atlas = kind === 'room' ? m.useRoomEnvironment(pcModule, app, m.ROOM_YAW_DEG) : m.useNeutralStudio(pcModule, app, m.ENV_YAW_DEG);
+    rigEnv = { kind, atlas, prev };
+  }
+
+  /** Undo ensureRigEnvironment (only what it installed, only if the page has not replaced it). */
+  function dropRigEnvironment() {
+    if (!rigEnv) return;
+    const scene = viewer.app?.scene;
+    const { atlas, prev } = rigEnv;
+    rigEnv = null;
+    if (!scene || scene.envAtlas !== atlas) return;
+    scene.envAtlas = null;
+    scene.skyboxIntensity = prev.skyboxIntensity;
+    scene.exposure = prev.exposure;
+    if (prev.skyboxRotation !== undefined) scene.skyboxRotation = prev.skyboxRotation;
+    atlas.destroy?.();
+  }
+
+  /**
+   * handle.setRig(type, options) — switch the rig the window is seen through, live: no remount,
+   * no reload, no new session. 'display' frames the page's meshes under handle.engine.root (plus
+   * the splat when shown) on addModel's defaults; 'camera' is the asset's capture rig re-resolved
+   * from the waterfall's own inputs; 'auto' is exactly what the load resolved. The pose resets to
+   * the new rig's rest. Sticky across setSource until setRig('auto'). Resolves to the handle once
+   * applied (the display rig's default environment included).
+   */
+  function setRig(type, o = {}) {
+    const req = validateSetRig(type, o, pageMode);
+    const seq = ++rigSeq;
+    return first.then(async () => {
+      if (removed || seq !== rigSeq || !current) return out;
+      rigOverride = req.type === 'auto' ? null : req;
+      if (req.type !== 'display') {
+        dropRigEnvironment();
+        if (rigGrab) {
+          rigGrab = false;
+          viewer.useSceneColor(false);
+        }
+      }
+      const resolved = resolveFor(current.rigIn, req.type);
+      out.rig = resolved;
+      applyRig(resolved, current.rigIn.bounds, true);
+      viewer.onTick?.(); // tone mapping now, not a frame late
+      if (req.type === 'display') await ensureRigEnvironment(req.o, seq);
+      return out;
+    });
   }
 
   let pcModule = null;
@@ -2892,6 +3269,7 @@ export function attachPlayCanvasSplat(out, wall, canvas, src, opts, pending = []
       preserveDrawingBuffer,
       perf: perfResolved,
       viewPath: opts.playcanvasViewPath,
+      antialias: antialias === true,
     });
     if (!app || removed) return null;
     pcModule = pc;

package/js/inline3d-splat.js

@@ -373,6 +373,13 @@ export function addSplat(wall, canvas, src, opts = {}) {
     prepareSource() {
       throw new Error("@displayxr/inline3d/splat: prepareSource() is implemented on the PlayCanvas backend only.");
     },
+    /** Not on this backend: the live rig switch is a PlayCanvas-backend feature. */
+    setRig() {
+      throw new Error(
+        "@displayxr/inline3d/splat: setRig() is implemented on the PlayCanvas backend only " +
+          "(addSplat(…, { engine:'playcanvas' })).",
+      );
+    },
     /** Not on this backend (splat effects are PlayCanvas-only in this version). */
     playEffect() {
       throw effectsNotOnSpark('playEffect()');
@@ -657,6 +664,16 @@ export function addSplat(wall, canvas, src, opts = {}) {
  * Fields (`viewer`, `mesh`, `rig`, …) are null until then; `viewer` in particular appears one
  * module-load later than on Spark.
  */
+/** setRig's type/options shape, checked at the call before the adapter has loaded (it re-checks all of it). */
+function validateSetRigArgs(type, o) {
+  if (!['display', 'camera', 'auto'].includes(type)) {
+    throw new Error(`@displayxr/inline3d/splat: setRig("${type}") — expected 'display', 'camera' or 'auto'.`);
+  }
+  if (o !== undefined && (o === null || typeof o !== 'object')) {
+    throw new TypeError('@displayxr/inline3d/splat: setRig options must be an object.');
+  }
+}
+
 function addSplatDeferred(wall, canvas, src, opts) {
   const pending = [];
   const queue = (name) => (...args) => {
@@ -711,6 +728,14 @@ function addSplatDeferred(wall, canvas, src, opts) {
     // setSource replaces this stub on the same object by then).
     setSource: (...args) => out.ready.then(() => out.setSource(...args)),
     prepareSource: (...args) => out.ready.then(() => out.prepareSource(...args)),
+    // A rig switch before the first asset has landed: validated now (controls:'page' and a bad
+    // type throw at the call's own line), applied once it has.
+    setRig: page
+      ? pageOnly('setRig')
+      : (type, o) => {
+          validateSetRigArgs(type, o);
+          return out.ready.then(() => out.setRig(type, o));
+        },
     // Effects before the adapter has loaded: validated NOW (a bad call throws at its own line),
     // then run once the first asset is on screen.
     playEffect: (name, o) => {

package/model.d.ts

@@ -40,18 +40,24 @@ export interface ModelOptions {
   /**
    * How the mesh is lit.
    *
-   * PlayCanvas (default engine): `room` (default; `neutral` is an alias) is image-based lighting
-   * from an in-memory neutral photo studio fitted to the Khronos glTF Sample Viewer's "Studio
-   * Neutral", with Khronos PBR Neutral tone mapping and exposure 1 — the Sample Viewer's look.
-   * three: `room` bakes three's procedural RoomEnvironment, untonemapped (unchanged since 1.11).
+   * PlayCanvas (default engine):
+   * - `neutral` (default): image-based lighting from an in-memory neutral photo studio fitted to
+   *   the Khronos glTF Sample Viewer's "Studio Neutral", with Khronos PBR Neutral tone mapping and
+   *   exposure 1 — the Sample Viewer's look.
+   * - `room`: three.js's procedural RoomEnvironment, regenerated in memory (no asset), untonemapped
+   *   — the look `engine: 'three'` gives `room`. Pass it when a page was tuned on the three path.
+   *   (Through 1.16 `room` was an alias of `neutral` here.)
+   *
+   * three: `room` (default) bakes three's procedural RoomEnvironment, untonemapped (unchanged since
+   * 1.11); `neutral` is not offered.
    *
    * Both: `studio` is the three-point punctual rig (metal renders dark under it — nothing to
    * reflect); `none` adds no light at all. Anything else throws on PlayCanvas.
    */
   environment?: 'room' | 'neutral' | 'studio' | 'none';
   /**
-   * PlayCanvas only: yaw of the environment about +Y, degrees (default 0 = the Sample Viewer's
-   * default orientation).
+   * PlayCanvas only: yaw of the environment about +Y, degrees, on top of its own calibrated
+   * orientation (default 0 = the Sample Viewer's orientation for `neutral`, three's for `room`).
    */
   environmentRotation?: number;
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@displayxr/inline3d",
-  "version": "1.15.0",
+  "version": "1.17.0",
   "description": "Turn any HTML <canvas> into a glasses-free-3D window on a DisplayXR display, inside an ordinary web page. Dependency-free; progressive enhancement (falls back to plain 2D everywhere else).",
   "type": "module",
   "types": "./index.d.ts",

package/splat.d.ts

@@ -131,7 +131,8 @@ export interface SogCamera {
  */
 export interface ResolvedRig {
   type: 'camera' | 'display';
-  typeSource: 'caller' | 'block' | 'block-present' | 'default';
+  /** `'setRig'` after `handle.setRig('display' | 'camera')`; the waterfall's step otherwise. */
+  typeSource: 'caller' | 'block' | 'block-present' | 'default' | 'setRig';
   rest: { position: number[]; rotation: number[] };
   intrinsics: SogIntrinsics;
   intrinsicsSource: 'block' | 'caller' | 'estimated' | 'fallback-28mm';
@@ -154,7 +155,14 @@ export interface ResolvedRig {
     | 'median-disparity'
     | 'default'
     | 'picked'
-    | 'set';
+    | 'set'
+    | 'frame';
+  /**
+   * On a display rig set by `handle.setRig('display')`: what it framed, in `handle.engine.root`'s
+   * space, and where that came from (the page's meshes, meshes + the shown splat, the splat alone,
+   * or the caller's `frame`). Absent otherwise.
+   */
+  frame?: { center: number[]; extent: number[]; source: 'root' | 'root+splat' | 'splat' | 'caller' } | null;
   /** The block's own `focus.source` string (e.g. `'convergence'`, `'cloud-median'`), for diagnostics. */
   blockFocusSource: string | null;
   /** Fraction of the central crop's opacity-weighted mass the winning clump carried (`nearest-clump` only). */
@@ -187,6 +195,13 @@ export interface SplatOptions {
    * the knob for the weave's zero-copy read race on large canvases.
    */
   preserveDrawingBuffer?: boolean;
+  /**
+   * `engine: 'playcanvas'` only: create the tile's WebGL context with MSAA (default false — it buys
+   * nothing on alpha-blended splats). Turn it on when the page draws meshes under
+   * `handle.engine.root` and wants addModel's silhouettes (addModel's context has MSAA on);
+   * `setRig('display')` is then pixel-identical to an addModel tile. Fixed at context creation.
+   */
+  antialias?: boolean;
   /**
    * `engine: 'playcanvas'` only: the `playcanvas` module namespace to use instead of
    * `import('playcanvas')` — for a page that already bundles its own copy.
@@ -490,6 +505,51 @@ export interface SplatEffectState {
   progress: number;
 }
 
+/**
+ * `handle.setRig('display', opts)`'s options. Every default is addModel's, so a mesh framed this
+ * way renders exactly as `addModel(url, { engine: 'playcanvas' })` renders it.
+ * docs/playcanvas-adapter.md §setRig.
+ */
+export interface SplatSetRigDisplayOptions {
+  /** Default 0.24. */
+  virtualDisplayHeight?: number;
+  /** Default `'contain'`. */
+  fit?: 'contain' | 'cover' | 'height' | 'none';
+  /** Default 0.8. */
+  margin?: number;
+  /** Default 4. */
+  depthLimit?: number;
+  /** Default true. */
+  fitSweep?: boolean;
+  /** Idle turntable, °/s after 2.5 s without input. Default 8 (addModel's); 0 for a still product. */
+  idleSpin?: number;
+  /** On the declared display rig. Default 1 each. */
+  ipdFactor?: number;
+  parallaxFactor?: number;
+  perspectiveFactor?: number;
+  /**
+   * The eye camera's tone mapping WHILE THE SPLAT IS HIDDEN (the splat's display-referred colours
+   * keep `'none'` whenever it is shown). Default: the environment's own — `'neutral'` (Khronos PBR
+   * Neutral) for `environment: 'neutral'`, `'none'` (three's) for `environment: 'room'`.
+   */
+  toneMapping?: 'none' | 'linear' | 'neutral' | 'aces' | 'aces2' | 'filmic' | 'hejl';
+  /**
+   * addModel's IBL of the same name, installed when the scene has no `envAtlas` of its own and
+   * removed again when the rig switches away (a page that lights its own meshes is never touched):
+   * `'neutral'` (default) the Sample-Viewer-matched studio; `'room'` three's RoomEnvironment (the
+   * look `addModel(…, { engine: 'three', environment: 'room' })` gives), with tone mapping
+   * `'none'` unless `toneMapping` is passed; `'none'` installs nothing. (Through 1.16 `'room'` was
+   * the default and an alias of `'neutral'`.) A transmissive glTF under root (KHR_materials_
+   * transmission) also gets the scene-colour grab pass while the display rig is active.
+   */
+  environment?: 'room' | 'neutral' | 'none';
+  /**
+   * Frame THIS box (in `handle.engine.root`'s space) instead of measuring. Default: the enabled
+   * meshes under root (+ the splat's box when it is shown); with no meshes, the splat itself.
+   */
+  frame?: { center: number[] | { x: number; y: number; z: number }; extent: number[] | { x: number; y: number; z: number } };
+}
+
 /** `setSource`'s options. */
 export interface SplatSourceOptions {
   /** > 0 = a crossfade of this length (the 1.10 option; same as `transition: 'crossfade'`). */
@@ -727,6 +787,19 @@ export interface SplatHandle {
    * SOG). `remove()` disposes any still unused.
    */
   prepareSource(src: string | Blob | ArrayBuffer | Uint8Array, opts?: SplatPrepareOptions): Promise<SplatPreparedSource>;
+  /**
+   * PlayCanvas backend only — throws on Spark, and with `controls:'page'` (the page's camera IS
+   * the rig). Switch the rig live, on the next frame: no remount, no reload, no new session.
+   *
+   * `'display'` frames the page's meshes under `handle.engine.root` (+ the splat when shown) on
+   * addModel's defaults and declares a display rig; `'camera'` returns to the asset's capture rig,
+   * re-resolved from the waterfall's own inputs (lens, captureFit, focus rung); `'auto'` is what
+   * the load resolved. The pose resets to the new rig's rest; the declared view rig switches with
+   * it; the choice is sticky across `setSource` until `'auto'`. A clean cut (no eased transition).
+   * `handle.rig.typeSource` reads `'setRig'`. Resolves once applied. docs/playcanvas-adapter.md §setRig.
+   */
+  setRig(type: 'display', opts?: SplatSetRigDisplayOptions): Promise<SplatHandle>;
+  setRig(type: 'camera' | 'auto'): Promise<SplatHandle>;
   /**
    * `engine: 'playcanvas'` only (throws on Spark). Play a transition/pulse/custom effect;
    * validated at the call, run once the first asset is on screen. Resolves `{ finished }` —