phoria2 1.0.0 → 1.2.0

package/dist/passes.js

@@ -1,6 +1,6 @@
-import { A as e, D as t, F as n, Ft as r, Mt as i, N as a, O as o, Pt as s, _t as c, j as l, k as u, vt as d, yt as f } from "./core.js";
+import { A as e, C as t, E as n, Ft as r, It as i, Nt as a, O as o, S as s, T as c, bt as l, vt as u, w as d, x as f, yt as p } from "./core.js";
 // src/irradiance.js
-function p({ data: e, width: t, height: n }) {
+function m({ data: e, width: t, height: n }) {
 	let r = /* @__PURE__ */ new Float64Array(27), i = Math.max(1, Math.floor(t / 128)), a = Math.max(1, Math.floor(n / 64)), o = 2 * Math.PI * i / t, s = Math.PI * a / n;
 	for (let c = 0; c < n; c += a) {
 		let l = (c + .5 * a) / n * Math.PI, u = Math.sin(l), d = Math.cos(l), f = o * s * u;
@@ -47,7 +47,7 @@ function p({ data: e, width: t, height: n }) {
 	return u;
 }
 // src/webgl/passes.js
-var m = `precision highp float;
+var h = `precision highp float;
 in vec2 vUv;
 uniform mat4 uInverseViewProjection;
 uniform vec3 uCameraPosition;
@@ -56,9 +56,9 @@ uniform float uLod;
 uniform float uIntensity;
 uniform int uHdr;
 out vec4 fragColor;
-${u}
+${d}
+${c}
 ${e}
-${n}
 void main() {
 vec4 far = uInverseViewProjection * vec4(vUv * 2.0 - 1.0, 1.0, 1.0);
 vec3 d = normalize(far.xyz / far.w - uCameraPosition);
@@ -66,14 +66,14 @@ vec3 c = textureLod(uBackground, equirectUv(d), uLod).rgb * uIntensity;
 if (uHdr == 1) c = toneMap(c);
 fragColor = vec4(linearToSrgb(c), 1.0);
 }
-`, h = `precision highp float;
+`, g = `precision highp float;
 in vec2 vUv;
 uniform sampler2D uSource;
 uniform float uRoughness;
 uniform float uSourceTexels;
 uniform float uCopyLod;
 out vec4 fragColor;
-${e}
+${c}
 const float PI = 3.14159265359;
 const uint SAMPLES = 192u;
 vec2 hammersley(uint i) {
@@ -114,52 +114,122 @@ weight += NoL;
 }
 fragColor = vec4(sum / max(weight, 1e-4), 1.0);
 }
-`, g = `precision highp float;
+`, _ = `precision highp float;
 in vec3 vWorldPosition;
 uniform vec4 uMask;
 out vec4 fragColor;
-${t}
+${s}
 void main() {
 clipAway(vWorldPosition);
 fragColor = uMask;
 }
-`, _ = 16, v = `uniform sampler2D uSource;
+`, v = 16, y = `uniform sampler2D uSource;
 uniform vec2 uStep;
 uniform int uRadius;
 vec4 widened(vec2 uv) {
 vec4 best = vec4(0.0);
 float nearest = 1e9;
-for (int i = -${_}; i <= ${_}; i++) {
+for (int i = -${v}; i <= ${v}; i++) {
 float d = abs(float(i));
 if (d > float(uRadius)) continue;
 vec4 s = texture(uSource, uv + uStep * float(i));
-if (s.a > 0.0 && d <= s.a * ${_}.0 && d < nearest) {
+if (s.a > 0.0 && d <= s.a * ${v}.0 && d < nearest) {
 best = s;
 nearest = d;
 }
 }
 return best;
 }
-`, y = `precision highp float;
+`, b = `precision highp float;
 in vec2 vUv;
 out vec4 fragColor;
-${v}
+${y}
 void main() {
 fragColor = widened(vUv);
 }
-`, b = `precision highp float;
+`, x = `precision highp float;
 in vec2 vUv;
 uniform sampler2D uMask;
 out vec4 fragColor;
-${u}
-${v}
+${d}
+${y}
 void main() {
 if (texture(uMask, vUv).a > 0.0) discard;
 vec4 ring = widened(vUv);
 if (ring.a <= 0.0) discard;
 fragColor = vec4(linearToSrgb(ring.rgb), 1.0);
 }
-`, x = [a, g], S = [l, y], C = [l, b], w = [a, o], T = [l, m], E = [l, h], D = 512, O = 6, k = class {
+`, S = `precision highp float;
+in vec3 vWorldPosition;
+uniform vec4 uMask;
+layout(location = 0) out vec4 fragColor;
+layout(location = 1) out vec4 fragCoverage;
+${s}
+void main() {
+clipAway(vWorldPosition);
+fragColor = uMask;
+fragCoverage = vec4(1.0);
+}
+`, C = `uniform sampler2D uMask;
+uniform sampler2D uCoverage;
+uniform vec2 uTexel;
+uniform int uRadius;
+vec4 masked(vec2 uv, float coverage) {
+vec4 m = texture(uMask, uv) / coverage;
+return vec4(m.rgb, m.a * ${v}.0);
+}
+`, w = `precision highp float;
+in vec2 vUv;
+out vec4 fragColor;
+${C}
+void main() {
+float nearest = 1e9;
+int at = 0;
+bool found = false;
+for (int i = -17; i <= 17; i++) {
+if (abs(i) > uRadius + 1) continue;
+vec2 uv = vUv + vec2(float(i) * uTexel.x, 0.0);
+float c = texture(uCoverage, uv).r;
+if (c <= 0.0) continue;
+float d = abs(float(i)) - (c - 0.5);
+if (d < masked(uv, c).a + 0.5 && d < nearest) {
+nearest = d;
+at = i;
+found = true;
+}
+}
+fragColor = found ? vec4(float(at + 32) / 255.0, 0.0, 0.0, 1.0) : vec4(0.0);
+}
+`, T = `precision highp float;
+in vec2 vUv;
+uniform sampler2D uNearest;
+out vec4 fragColor;
+${d}
+${C}
+void main() {
+float here = texture(uCoverage, vUv).r;
+if (here >= 1.0) discard;
+float nearest = 1e9;
+vec4 ring = vec4(0.0);
+for (int j = -17; j <= 17; j++) {
+if (abs(j) > uRadius + 1) continue;
+vec2 row = vUv + vec2(0.0, float(j) * uTexel.y);
+vec4 n = texture(uNearest, row);
+if (n.a <= 0.0) continue;
+int i = int(n.r * 255.0 + 0.5) - 32;
+vec2 uv = row + vec2(float(i) * uTexel.x, 0.0);
+float c = texture(uCoverage, uv).r;
+float d = length(vec2(float(i), float(j))) - (c - 0.5);
+if (d < nearest) {
+nearest = d;
+ring = masked(uv, c);
+}
+}
+float alpha = clamp(ring.a - nearest + 0.5, 0.0, 1.0) * (1.0 - here);
+if (alpha <= 0.0) discard;
+fragColor = vec4(linearToSrgb(ring.rgb) * alpha, alpha);
+}
+`, E = [o, _], D = [n, b], O = [n, x], k = [o, S], A = [n, w], j = [n, T], M = [o, t], N = [n, h], P = [n, g], F = 512, I = 6, L = class {
 	#e = /* @__PURE__ */ new WeakMap();
 	#t = null;
 	#n = null;
@@ -183,33 +253,33 @@ fragColor = vec4(linearToSrgb(ring.rgb), 1.0);
 		});
 		let r = e.image, i = this.#d(r.width, r.height, Math.floor(Math.log2(Math.max(r.width, r.height))) + 1);
 		n.texSubImage2D(n.TEXTURE_2D, 0, 0, 0, r.width, r.height, n.RGBA, n.FLOAT, r.data), n.generateMipmap(n.TEXTURE_2D);
-		let a = this.#d(D, D / 2, O), o = this.programs.ready("prefilter", [], E);
+		let a = this.#d(F, F / 2, I), o = this.programs.ready("prefilter", [], P);
 		n.useProgram(o.program), o.set("uSource", i), o.set("uSourceTexels", r.width * r.height);
 		let s = n.createFramebuffer();
 		n.bindFramebuffer(n.FRAMEBUFFER, s), n.disable(n.DEPTH_TEST), n.disable(n.BLEND), n.disable(n.CULL_FACE);
-		for (let e = 0; e < O; e++) {
-			let t = D >> e;
+		for (let e = 0; e < I; e++) {
+			let t = F >> e;
 			n.framebufferTexture2D(n.FRAMEBUFFER, n.COLOR_ATTACHMENT0, n.TEXTURE_2D, a, e), n.viewport(0, 0, t, t / 2), o.set("uRoughness", e / 5), o.set("uCopyLod", Math.max(0, Math.log2(r.width / t))), this.programs.drawFullscreen();
 		}
 		return n.bindFramebuffer(n.FRAMEBUFFER, null), n.deleteFramebuffer(s), n.enable(n.DEPTH_TEST), t = {
 			source: i,
 			prefiltered: a,
 			maxLod: 5,
-			sh: p(r),
+			sh: m(r),
 			version: e.version
 		}, this.#e.set(e, t), t;
 	}
 	background(e, t, n) {
-		let r = this.gl, a = t.isHDR, o = a ? this.environment(t) : null;
-		if (a && !o) return;
-		let c = this.programs.ready("background", [], T);
-		r.useProgram(c.program);
+		let i = this.gl, o = t.isHDR, s = o ? this.environment(t) : null;
+		if (o && !s) return;
+		let c = this.programs.ready("background", [], N);
+		i.useProgram(c.program);
 		let l = Math.min(Math.max(e.backgroundBlur, 0), 1);
-		o ? (c.set("uBackground", l > 0 ? o.prefiltered : o.source), c.set("uLod", l * o.maxLod), c.set("uIntensity", e.environment === t ? e.environmentIntensity : 1)) : (c.set("uBackground", this.resources.texture(t)), c.set("uLod", l * 6), c.set("uIntensity", 1)), c.set("uHdr", +!!a), c.set("uExposure", n.exposure), c.set("uToneMapping", n.toneMapping), c.set("uInverseViewProjection", s(i(), e.camera.viewProjection)), c.set("uCameraPosition", e.camera.position), r.disable(r.DEPTH_TEST), r.disable(r.BLEND), r.disable(r.CULL_FACE), r.depthMask(!1), this.programs.drawFullscreen(), r.depthMask(!0), r.enable(r.DEPTH_TEST);
+		s ? (c.set("uBackground", l > 0 ? s.prefiltered : s.source), c.set("uLod", l * s.maxLod), c.set("uIntensity", e.environment === t ? e.environmentIntensity : 1)) : (c.set("uBackground", this.resources.texture(t)), c.set("uLod", l * 6), c.set("uIntensity", 1)), c.set("uHdr", +!!o), c.set("uExposure", n.exposure), c.set("uToneMapping", n.toneMapping), c.set("uInverseViewProjection", r(a(), e.camera.viewProjection)), c.set("uCameraPosition", e.camera.position), i.disable(i.DEPTH_TEST), i.disable(i.BLEND), i.disable(i.CULL_FACE), i.depthMask(!1), this.programs.drawFullscreen(), i.depthMask(!0), i.enable(i.DEPTH_TEST);
 	}
 	shadowMap(e) {
 		let t = this.gl;
-		this.#t ??= this.#l(d), t.bindFramebuffer(t.FRAMEBUFFER, this.#t.framebuffer), t.viewport(0, 0, d, d), this.#a(), this.#s(e.casters, e.viewProjection), this.#o();
+		this.#t ??= this.#l(p), t.bindFramebuffer(t.FRAMEBUFFER, this.#t.framebuffer), t.viewport(0, 0, p, p), this.#a(), this.#s(e.casters, e.viewProjection), this.#o();
 		let n = new Float32Array([
 			.5,
 			0,
@@ -233,16 +303,16 @@ fragColor = vec4(linearToSrgb(ring.rgb), 1.0);
 			sampler: "uShadowMap",
 			texture: this.#t.texture,
 			uniforms: {
-				uShadowMatrix: r(/* @__PURE__ */ new Float32Array(16), n, e.viewProjection),
-				uShadowTexel: 1 / d,
+				uShadowMatrix: i(/* @__PURE__ */ new Float32Array(16), n, e.viewProjection),
+				uShadowTexel: 1 / p,
 				uShadowBias: e.texelSize * 1.5
 			}
 		};
 	}
 	spotShadowMaps(e) {
 		let t = this.gl;
-		this.#n ??= this.#l(f), t.bindFramebuffer(t.FRAMEBUFFER, this.#n.framebuffer), t.viewport(0, 0, f, f), this.#a();
-		let n = /* @__PURE__ */ new Float32Array(64), i = /* @__PURE__ */ new Float32Array(16), a = /* @__PURE__ */ new Float32Array(4), o = f / 2;
+		this.#n ??= this.#l(l), t.bindFramebuffer(t.FRAMEBUFFER, this.#n.framebuffer), t.viewport(0, 0, l, l), this.#a();
+		let n = /* @__PURE__ */ new Float32Array(64), r = /* @__PURE__ */ new Float32Array(16), a = /* @__PURE__ */ new Float32Array(4), o = l / 2;
 		for (let s of e) {
 			let e = s.tile % 2, c = Math.floor(s.tile / 2);
 			t.viewport(e * o, c * o, o, o), this.#s(s.casters, s.viewProjection);
@@ -264,7 +334,7 @@ fragColor = vec4(linearToSrgb(ring.rgb), 1.0);
 				.5,
 				1
 			]);
-			n.set(r(/* @__PURE__ */ new Float32Array(16), l, s.viewProjection), s.tile * 16), i.set([
+			n.set(i(/* @__PURE__ */ new Float32Array(16), l, s.viewProjection), s.tile * 16), r.set([
 				e * .5,
 				c * .5,
 				e * .5 + .5,
@@ -277,16 +347,16 @@ fragColor = vec4(linearToSrgb(ring.rgb), 1.0);
 			texture: this.#n.texture,
 			uniforms: {
 				uSpotShadowMatrix: n,
-				uSpotShadowTile: i,
+				uSpotShadowTile: r,
 				uSpotShadowBias: a,
-				uSpotShadowTexel: 1 / f
+				uSpotShadowTexel: 1 / l
 			}
 		};
 	}
 	pointShadowMap(e) {
 		let t = this.gl;
-		return this.#r ??= this.#u(c), e.faces.forEach((e, n) => {
-			t.bindFramebuffer(t.FRAMEBUFFER, this.#r.framebuffers[n]), t.viewport(0, 0, c, c), this.#a(), this.#s(e.casters, e.viewProjection);
+		return this.#r ??= this.#u(u), e.faces.forEach((e, n) => {
+			t.bindFramebuffer(t.FRAMEBUFFER, this.#r.framebuffers[n]), t.viewport(0, 0, u, u), this.#a(), this.#s(e.casters, e.viewProjection);
 		}), this.#o(), {
 			define: "POINT_SHADOW",
 			sampler: "uPointShadowMap",
@@ -312,77 +382,109 @@ fragColor = vec4(linearToSrgb(ring.rgb), 1.0);
 			let e = r.instances, i = e ? ["INSTANCED"] : [];
 			r.clip && i.push("CLIP");
 			let a = r.material, o = a.alphaTest > 0, s = o && !!a.map && a.triplanar > 0;
-			o && i.push("ALPHA_TEST", ...a.map ? ["MAP"] : [], ...s ? ["TRIPLANAR"] : []);
-			let c = this.programs.ready("depth", i, w);
+			o && i.push("ALPHA_TEST", ...a.map ? ["MAP"] : [], ...s ? ["TRIPLANAR"] : []), o && a.map?.uvSet === 1 && r.geometry.uvs2 && i.push("UV2", "uMapSet vUv2");
+			let c = this.programs.ready("depth", i, M);
 			if (n.useProgram(c.program), c.set("uViewProjection", t), c.set("uModel", r.worldMatrix), r.clip && c.set("uClipPlane", r.clip.plane), o) {
 				c.set("uOpacity", a.opacity), c.set("uAlphaTest", a.alphaTest);
 				let e = a.map;
-				c.set("uUvTransform", e ? [
-					e.repeat[0],
-					e.repeat[1],
-					e.offset[0],
-					e.offset[1]
-				] : [
-					1,
-					1,
-					0,
-					0
-				]), e && c.set("uMap", this.resources.texture(e)), s && c.set("uTriplanar", a.triplanar);
+				e && (c.set("uMapUv", f(e)), c.set("uMap", this.resources.texture(e))), s && c.set("uTriplanar", a.triplanar);
 			}
 			this.resources.drawTriangles(r.geometry, e);
 		}
 	}
-	outlineMask(e, t, n, r, i) {
-		let a = this.gl, o = this.#c(n, r);
-		a.bindFramebuffer(a.FRAMEBUFFER, o.mask.framebuffer), a.viewport(0, 0, n, r), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT), a.disable(a.DEPTH_TEST), a.disable(a.BLEND), a.disable(a.CULL_FACE), a.depthMask(!1);
-		let s = 1;
+	outlineMask(e, t, n, r, i, a) {
+		let o = this.gl, s = this.#c(n, r, a);
+		o.bindFramebuffer(o.FRAMEBUFFER, s.msaa ? s.msaa.framebuffer : s.mask.framebuffer), s.msaa && o.drawBuffers([o.COLOR_ATTACHMENT0, o.COLOR_ATTACHMENT1]), o.viewport(0, 0, n, r), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT), o.disable(o.DEPTH_TEST), o.disable(o.BLEND), o.disable(o.CULL_FACE), o.depthMask(!1);
+		let c = 1;
 		for (let n of e) {
-			let e = Math.min(_, Math.max(1, Math.round(n.width * i)));
-			s = Math.max(s, e);
+			let e = Math.min(v, Math.max(1, Math.round(n.width * i)));
+			c = Math.max(c, e);
 			for (let r of n.items) {
 				let i = r.instances ? ["INSTANCED"] : [];
 				r.clip && i.push("CLIP");
-				let o = this.programs.ready("outline-mask", i, x);
-				a.useProgram(o.program), o.set("uViewProjection", t.camera.viewProjection), o.set("uModel", r.worldMatrix), o.set("uMask", [
+				let s = a ? this.programs.ready("outline-cover", i, k) : this.programs.ready("outline-mask", i, E);
+				o.useProgram(s.program), s.set("uViewProjection", t.camera.viewProjection), s.set("uModel", r.worldMatrix), s.set("uMask", [
 					n.color[0],
 					n.color[1],
 					n.color[2],
-					e / _
-				]), r.clip && o.set("uClipPlane", r.clip.plane), this.resources.drawTriangles(r.geometry, r.instances);
+					e / v
+				]), r.clip && s.set("uClipPlane", r.clip.plane), this.resources.drawTriangles(r.geometry, r.instances);
 			}
 		}
-		a.bindFramebuffer(a.FRAMEBUFFER, o.wide.framebuffer), a.clear(a.COLOR_BUFFER_BIT);
-		let c = this.programs.ready("outline-widen", [], S);
-		return a.useProgram(c.program), c.set("uSource", o.mask.texture), c.set("uStep", [1 / n, 0]), c.set("uRadius", s), this.programs.drawFullscreen(), a.depthMask(!0), a.enable(a.DEPTH_TEST), a.bindFramebuffer(a.FRAMEBUFFER, null), {
-			mask: o.mask.texture,
-			wide: o.wide.texture,
-			radius: s
+		if (s.msaa && s.coverage) {
+			o.bindFramebuffer(o.READ_FRAMEBUFFER, s.msaa.framebuffer);
+			for (let [e, t] of [[o.COLOR_ATTACHMENT0, s.mask], [o.COLOR_ATTACHMENT1, s.coverage]]) o.readBuffer(e), o.bindFramebuffer(o.DRAW_FRAMEBUFFER, t.framebuffer), o.blitFramebuffer(0, 0, n, r, 0, 0, n, r, o.COLOR_BUFFER_BIT, o.NEAREST);
+		}
+		if (o.bindFramebuffer(o.FRAMEBUFFER, s.wide.framebuffer), o.clear(o.COLOR_BUFFER_BIT), s.coverage) {
+			let e = this.programs.ready("outline-smooth-widen", [], A);
+			o.useProgram(e.program), e.set("uMask", s.mask.texture), e.set("uCoverage", s.coverage.texture), e.set("uTexel", [1 / n, 1 / r]), e.set("uRadius", c);
+		} else {
+			let e = this.programs.ready("outline-widen", [], D);
+			o.useProgram(e.program), e.set("uSource", s.mask.texture), e.set("uStep", [1 / n, 0]), e.set("uRadius", c);
+		}
+		return this.programs.drawFullscreen(), o.depthMask(!0), o.enable(o.DEPTH_TEST), o.bindFramebuffer(o.FRAMEBUFFER, null), {
+			mask: s.mask.texture,
+			wide: s.wide.texture,
+			coverage: s.coverage?.texture ?? null,
+			radius: c,
+			width: n,
+			height: r
 		};
 	}
-	outlineComposite(e, t) {
-		let n = this.gl, r = this.programs.ready("outline-composite", [], C);
-		n.useProgram(r.program), r.set("uSource", e.wide), r.set("uMask", e.mask), r.set("uStep", [0, 1 / t]), r.set("uRadius", e.radius), n.disable(n.DEPTH_TEST), n.disable(n.CULL_FACE), n.depthMask(!1), n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), this.programs.drawFullscreen(), n.depthMask(!0), n.enable(n.DEPTH_TEST);
+	outlineComposite(e) {
+		let t = this.gl;
+		if (e.coverage) {
+			let n = this.programs.ready("outline-smooth-composite", [], j);
+			t.useProgram(n.program), n.set("uNearest", e.wide), n.set("uMask", e.mask), n.set("uCoverage", e.coverage), n.set("uTexel", [1 / e.width, 1 / e.height]), n.set("uRadius", e.radius);
+		} else {
+			let n = this.programs.ready("outline-composite", [], O);
+			t.useProgram(n.program), n.set("uSource", e.wide), n.set("uMask", e.mask), n.set("uStep", [0, 1 / e.height]), n.set("uRadius", e.radius);
+		}
+		t.disable(t.DEPTH_TEST), t.disable(t.CULL_FACE), t.depthMask(!1), t.enable(t.BLEND), t.blendFunc(t.ONE, t.ONE_MINUS_SRC_ALPHA), this.programs.drawFullscreen(), t.depthMask(!0), t.enable(t.DEPTH_TEST);
 	}
-	#c(e, t) {
-		let n = this.#i;
-		if (n && n.width === e && n.height === t) return n;
-		let r = this.gl;
-		if (n) for (let { texture: e, framebuffer: t } of [n.mask, n.wide]) r.deleteTexture(e), r.deleteFramebuffer(t);
-		let i = () => {
-			let n = r.createTexture();
-			r.activeTexture(r.TEXTURE15), r.bindTexture(r.TEXTURE_2D, n), r.texStorage2D(r.TEXTURE_2D, 1, r.RGBA8, e, t), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.NEAREST), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.NEAREST), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE);
-			let i = r.createFramebuffer();
-			return r.bindFramebuffer(r.FRAMEBUFFER, i), r.framebufferTexture2D(r.FRAMEBUFFER, r.COLOR_ATTACHMENT0, r.TEXTURE_2D, n, 0), {
-				texture: n,
-				framebuffer: i
+	#c(e, t, n) {
+		let r = this.#i;
+		if (r && r.width === e && r.height === t && r.smooth === n) return r;
+		let i = this.gl;
+		if (r) {
+			for (let e of [
+				r.mask,
+				r.wide,
+				r.coverage
+			]) e && (i.deleteTexture(e.texture), i.deleteFramebuffer(e.framebuffer));
+			if (r.msaa) {
+				i.deleteFramebuffer(r.msaa.framebuffer);
+				for (let e of r.msaa.renderbuffers) i.deleteRenderbuffer(e);
+			}
+		}
+		let a = (n = i.RGBA8) => {
+			let r = i.createTexture();
+			i.activeTexture(i.TEXTURE15), i.bindTexture(i.TEXTURE_2D, r), i.texStorage2D(i.TEXTURE_2D, 1, n, e, t), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.NEAREST), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.NEAREST), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.CLAMP_TO_EDGE);
+			let a = i.createFramebuffer();
+			return i.bindFramebuffer(i.FRAMEBUFFER, a), i.framebufferTexture2D(i.FRAMEBUFFER, i.COLOR_ATTACHMENT0, i.TEXTURE_2D, r, 0), {
+				texture: r,
+				framebuffer: a
 			};
-		};
+		}, o = null;
+		if (n) {
+			let n = Math.min(4, i.getParameter(i.MAX_SAMPLES)), r = i.createFramebuffer();
+			i.bindFramebuffer(i.FRAMEBUFFER, r), o = {
+				framebuffer: r,
+				renderbuffers: [i.RGBA8, i.R8].map((r, a) => {
+					let o = i.createRenderbuffer();
+					return i.bindRenderbuffer(i.RENDERBUFFER, o), i.renderbufferStorageMultisample(i.RENDERBUFFER, n, r, e, t), i.framebufferRenderbuffer(i.FRAMEBUFFER, i.COLOR_ATTACHMENT0 + a, i.RENDERBUFFER, o), o;
+				})
+			};
+		}
 		return this.#i = {
 			width: e,
 			height: t,
-			mask: i(),
-			wide: i()
-		}, r.bindFramebuffer(r.FRAMEBUFFER, null), this.#i;
+			smooth: n,
+			mask: a(),
+			wide: a(),
+			coverage: n ? a(i.R8) : null,
+			msaa: o
+		}, i.bindFramebuffer(i.FRAMEBUFFER, null), this.#i;
 	}
 	#l(e) {
 		let t = this.gl, n = t.createTexture();
@@ -417,6 +519,6 @@ fragColor = vec4(linearToSrgb(ring.rgb), 1.0);
 		return r.activeTexture(r.TEXTURE15), r.bindTexture(r.TEXTURE_2D, i), r.texStorage2D(r.TEXTURE_2D, n, r.RGBA16F, e, t), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.REPEAT), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR_MIPMAP_LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.LINEAR), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, !1), i;
 	}
 };
-export { k as Passes };
+export { L as Passes };
 
 //# sourceMappingURL=passes.js.map

package/dist/passes.js.map

@@ -1 +1 @@
-{"version":3,"file":"passes.js","names":["mat4.invert","mat4.create","mat4.multiply","EQUIRECT","CLIP","TONE_MAP","multiply","create","MESH_VERTEX","CLIP_ONLY_FRAGMENT","invert","POINT_SHADOW_SIZE","FULLSCREEN_VERTEX","COMMON","SHADOW_MAP_SIZE","SPOT_ATLAS_SIZE","irradianceSH","sh","sx","width","sy","height","dPhi","dTheta","y","theta","sinT","dy","weight","x","phi","dx","dz","basis","i","k","w","data","norm","band","out","c","BACKGROUND_FRAGMENT","PREFILTER_FRAGMENT","OUTLINE_MASK_FRAGMENT","OUTLINE_MAX","WIDEN","OUTLINE_WIDEN_FRAGMENT","OUTLINE_COMPOSITE_FRAGMENT","OUTLINE_MASK","OUTLINE_WIDEN","OUTLINE_COMPOSITE","DEPTH","BACKGROUND","PREFILTER","ENV_WIDTH","ENV_LEVELS","Passes","gl","programs","resources","#environments","#shadow","#spotShadow","#pointShadow","#outline","texture","env","e","image","source","#floatTexture","prefiltered","program","framebuffer","level","hdr","blur","frame","tone","#depthTarget","#beginDepth","#drawDepth","shadow","#endDepth","toTexture","matrices","tiles","bias","half","spot","spots","toTile","#depthCube","point","face","item","casters","instances","defines","material","cutout","triplanar","viewProjection","map","targets","#outlineTargets","radius","outline","outlines","px","pixelRatio","widen","t","make","size","framebuffers","levels"],"sources":["../src/irradiance.js"],"sourcesContent":["// Diffuse light from an environment image, for the renderer: computed once per environment.\n\n/** @import { DataImage } from './material/Texture.js' */\n\n/**\n * Diffuse light from an equirectangular environment, as nine spherical harmonic coefficients (RGB\n * each, flattened), scaled so the shader evaluates them with plain polynomial terms and gets\n * irradiance divided by PI - the light a white matte surface facing that way reflects.\n * @param {DataImage} image linear RGBA floats\n * @returns {Float32Array} 27 numbers\n */\nexport function irradianceSH({ data, width, height }) {\n  const sh = new Float64Array(27)\n  // sample a grid of at most 128 x 64 - plenty for the lowest frequencies\n  const sx = Math.max(1, Math.floor(width / 128)), sy = Math.max(1, Math.floor(height / 64))\n  const dPhi = (2 * Math.PI * sx) / width, dTheta = (Math.PI * sy) / height\n  for (let y = 0; y < height; y += sy) {\n    const theta = ((y + 0.5 * sy) / height) * Math.PI\n    const sinT = Math.sin(theta), dy = Math.cos(theta)\n    const weight = dPhi * dTheta * sinT\n    for (let x = 0; x < width; x += sx) {\n      const phi = ((x + 0.5 * sx) / width - 0.5) * 2 * Math.PI\n      const dx = Math.cos(phi) * sinT, dz = Math.sin(phi) * sinT\n      const basis = [1, dy, dz, dx, dx * dy, dy * dz, 3 * dz * dz - 1, dx * dz, dx * dx - dy * dy]\n      const i = (y * width + x) * 4\n      for (let k = 0; k < 9; k++) {\n        const w = basis[k] * weight\n        sh[k * 3] += data[i] * w\n        sh[k * 3 + 1] += data[i + 1] * w\n        sh[k * 3 + 2] += data[i + 2] * w\n      }\n    }\n  }\n  // projection uses the normalised basis Y = norm * polynomial, and evaluation multiplies by the\n  // cosine lobe's band factors (PI, 2PI/3, PI/4) and norm again; then divide by PI\n  const norm = [0.282095, 0.488603, 0.488603, 0.488603, 1.092548, 1.092548, 0.315392, 1.092548, 0.546274]\n  const band = [1, 2 / 3, 2 / 3, 2 / 3, 1 / 4, 1 / 4, 1 / 4, 1 / 4, 1 / 4]\n  const out = new Float32Array(27)\n  for (let k = 0; k < 9; k++) {\n    for (let c = 0; c < 3; c++) out[k * 3 + c] = sh[k * 3 + c] * norm[k] * norm[k] * band[k]\n  }\n  return out\n}\n"],"mappings":";;AAWA,SAAgBgB,EAAa,EAAE,SAAM,UAAO,aAAU;CACpD,IAAMC,oBAAK,IAAI,aAAa,EAAE,GAExBC,IAAK,KAAK,IAAI,GAAG,KAAK,MAAMC,IAAQ,GAAG,CAAC,GAAGC,IAAK,KAAK,IAAI,GAAG,KAAK,MAAMC,IAAS,EAAE,CAAC,GACnFC,IAAQ,IAAI,KAAK,KAAKJ,IAAMC,GAAOI,IAAU,KAAK,KAAKH,IAAMC;CACnE,KAAK,IAAIG,IAAI,GAAGA,IAAIH,GAAQ,KAAKD,GAAI;EACnC,IAAMK,KAAUD,IAAI,KAAMJ,KAAMC,IAAU,KAAK,IACzCK,IAAO,KAAK,IAAID,CAAK,GAAGE,IAAK,KAAK,IAAIF,CAAK,GAC3CG,IAASN,IAAOC,IAASG;EAC/B,KAAK,IAAIG,IAAI,GAAGA,IAAIV,GAAO,KAAKD,GAAI;GAClC,IAAMY,MAAQD,IAAI,KAAMX,KAAMC,IAAQ,MAAO,IAAI,KAAK,IAChDY,IAAK,KAAK,IAAID,CAAG,IAAIJ,GAAMM,IAAK,KAAK,IAAIF,CAAG,IAAIJ,GAChDO,IAAQ;IAAC;IAAGN;IAAIK;IAAID;IAAIA,IAAKJ;IAAIA,IAAKK;IAAI,IAAIA,IAAKA,IAAK;IAAGD,IAAKC;IAAID,IAAKA,IAAKJ,IAAKA;GAAE,GACrFO,KAAKV,IAAIL,IAAQU,KAAK;GAC5B,KAAK,IAAIM,IAAI,GAAGA,IAAI,GAAG,KAAK;IAC1B,IAAMC,IAAIH,EAAME,KAAKP;IAGrB,AAFA,EAAGO,IAAI,MAAME,EAAKH,KAAKE,GACvB,EAAGD,IAAI,IAAI,MAAME,EAAKH,IAAI,KAAKE,GAC/B,EAAGD,IAAI,IAAI,MAAME,EAAKH,IAAI,KAAKE;GACjC;EACF;CACF;CAGA,IAAME,IAAO;EAAC;EAAU;EAAU;EAAU;EAAU;EAAU;EAAU;EAAU;EAAU;CAAQ,GAChGC,IAAO;EAAC;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;CAAC,GACjEC,oBAAM,IAAI,aAAa,EAAE;CAC/B,KAAK,IAAIL,IAAI,GAAGA,IAAI,GAAG,KACrB,KAAK,IAAIM,IAAI,GAAGA,IAAI,GAAG,KAAK,EAAIN,IAAI,IAAIM,KAAKxB,EAAGkB,IAAI,IAAIM,KAAKH,EAAKH,KAAKG,EAAKH,KAAKI,EAAKJ;CAExF,OAAOK;AACT"}
+{"version":3,"file":"passes.js","names":["mat4.invert","mat4.create","mat4.multiply","TONE_MAP","CLIP_ONLY_FRAGMENT","FULLSCREEN_VERTEX","invert","multiply","create","MESH_VERTEX","CLIP","EQUIRECT","SPOT_ATLAS_SIZE","POINT_SHADOW_SIZE","COMMON","uvMatrix","SHADOW_MAP_SIZE","irradianceSH","sh","sx","width","sy","height","dPhi","dTheta","y","theta","sinT","dy","weight","x","phi","dx","dz","basis","i","k","w","data","norm","band","out","c","BACKGROUND_FRAGMENT","PREFILTER_FRAGMENT","OUTLINE_MASK_FRAGMENT","OUTLINE_MAX","WIDEN","OUTLINE_WIDEN_FRAGMENT","OUTLINE_COMPOSITE_FRAGMENT","OUTLINE_COVER_FRAGMENT","SMOOTH","OUTLINE_SMOOTH_WIDEN_FRAGMENT","OUTLINE_SMOOTH_COMPOSITE_FRAGMENT","OUTLINE_MASK","OUTLINE_WIDEN","OUTLINE_COMPOSITE","OUTLINE_COVER","OUTLINE_SMOOTH_WIDEN","OUTLINE_SMOOTH_COMPOSITE","DEPTH","BACKGROUND","PREFILTER","ENV_WIDTH","ENV_LEVELS","Passes","gl","programs","resources","#environments","#shadow","#spotShadow","#pointShadow","#outline","texture","env","e","image","source","#floatTexture","prefiltered","program","framebuffer","level","hdr","blur","frame","tone","#depthTarget","#beginDepth","#drawDepth","shadow","#endDepth","toTexture","matrices","tiles","bias","half","spot","spots","toTile","#depthCube","point","face","item","casters","instances","defines","material","cutout","triplanar","viewProjection","map","targets","#outlineTargets","smooth","radius","outline","outlines","px","pixelRatio","attachment","target","widen","t","buffer","make","format","msaa","samples","size","framebuffers","levels"],"sources":["../src/irradiance.js"],"sourcesContent":["// Diffuse light from an environment image, for the renderer: computed once per environment.\n\n/** @import { DataImage } from './material/Texture.js' */\n\n/**\n * Diffuse light from an equirectangular environment, as nine spherical harmonic coefficients (RGB\n * each, flattened), scaled so the shader evaluates them with plain polynomial terms and gets\n * irradiance divided by PI - the light a white matte surface facing that way reflects.\n * @param {DataImage} image linear RGBA floats\n * @returns {Float32Array} 27 numbers\n */\nexport function irradianceSH({ data, width, height }) {\n  const sh = new Float64Array(27)\n  // sample a grid of at most 128 x 64 - plenty for the lowest frequencies\n  const sx = Math.max(1, Math.floor(width / 128)), sy = Math.max(1, Math.floor(height / 64))\n  const dPhi = (2 * Math.PI * sx) / width, dTheta = (Math.PI * sy) / height\n  for (let y = 0; y < height; y += sy) {\n    const theta = ((y + 0.5 * sy) / height) * Math.PI\n    const sinT = Math.sin(theta), dy = Math.cos(theta)\n    const weight = dPhi * dTheta * sinT\n    for (let x = 0; x < width; x += sx) {\n      const phi = ((x + 0.5 * sx) / width - 0.5) * 2 * Math.PI\n      const dx = Math.cos(phi) * sinT, dz = Math.sin(phi) * sinT\n      const basis = [1, dy, dz, dx, dx * dy, dy * dz, 3 * dz * dz - 1, dx * dz, dx * dx - dy * dy]\n      const i = (y * width + x) * 4\n      for (let k = 0; k < 9; k++) {\n        const w = basis[k] * weight\n        sh[k * 3] += data[i] * w\n        sh[k * 3 + 1] += data[i + 1] * w\n        sh[k * 3 + 2] += data[i + 2] * w\n      }\n    }\n  }\n  // projection uses the normalised basis Y = norm * polynomial, and evaluation multiplies by the\n  // cosine lobe's band factors (PI, 2PI/3, PI/4) and norm again; then divide by PI\n  const norm = [0.282095, 0.488603, 0.488603, 0.488603, 1.092548, 1.092548, 0.315392, 1.092548, 0.546274]\n  const band = [1, 2 / 3, 2 / 3, 2 / 3, 1 / 4, 1 / 4, 1 / 4, 1 / 4, 1 / 4]\n  const out = new Float32Array(27)\n  for (let k = 0; k < 9; k++) {\n    for (let c = 0; c < 3; c++) out[k * 3 + c] = sh[k * 3 + c] * norm[k] * norm[k] * band[k]\n  }\n  return out\n}\n"],"mappings":";;AAWA,SAAgBiB,EAAa,EAAE,SAAM,UAAO,aAAU;CACpD,IAAMC,oBAAK,IAAI,aAAa,EAAE,GAExBC,IAAK,KAAK,IAAI,GAAG,KAAK,MAAMC,IAAQ,GAAG,CAAC,GAAGC,IAAK,KAAK,IAAI,GAAG,KAAK,MAAMC,IAAS,EAAE,CAAC,GACnFC,IAAQ,IAAI,KAAK,KAAKJ,IAAMC,GAAOI,IAAU,KAAK,KAAKH,IAAMC;CACnE,KAAK,IAAIG,IAAI,GAAGA,IAAIH,GAAQ,KAAKD,GAAI;EACnC,IAAMK,KAAUD,IAAI,KAAMJ,KAAMC,IAAU,KAAK,IACzCK,IAAO,KAAK,IAAID,CAAK,GAAGE,IAAK,KAAK,IAAIF,CAAK,GAC3CG,IAASN,IAAOC,IAASG;EAC/B,KAAK,IAAIG,IAAI,GAAGA,IAAIV,GAAO,KAAKD,GAAI;GAClC,IAAMY,MAAQD,IAAI,KAAMX,KAAMC,IAAQ,MAAO,IAAI,KAAK,IAChDY,IAAK,KAAK,IAAID,CAAG,IAAIJ,GAAMM,IAAK,KAAK,IAAIF,CAAG,IAAIJ,GAChDO,IAAQ;IAAC;IAAGN;IAAIK;IAAID;IAAIA,IAAKJ;IAAIA,IAAKK;IAAI,IAAIA,IAAKA,IAAK;IAAGD,IAAKC;IAAID,IAAKA,IAAKJ,IAAKA;GAAE,GACrFO,KAAKV,IAAIL,IAAQU,KAAK;GAC5B,KAAK,IAAIM,IAAI,GAAGA,IAAI,GAAG,KAAK;IAC1B,IAAMC,IAAIH,EAAME,KAAKP;IAGrB,AAFA,EAAGO,IAAI,MAAME,EAAKH,KAAKE,GACvB,EAAGD,IAAI,IAAI,MAAME,EAAKH,IAAI,KAAKE,GAC/B,EAAGD,IAAI,IAAI,MAAME,EAAKH,IAAI,KAAKE;GACjC;EACF;CACF;CAGA,IAAME,IAAO;EAAC;EAAU;EAAU;EAAU;EAAU;EAAU;EAAU;EAAU;EAAU;CAAQ,GAChGC,IAAO;EAAC;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;CAAC,GACjEC,oBAAM,IAAI,aAAa,EAAE;CAC/B,KAAK,IAAIL,IAAI,GAAGA,IAAI,GAAG,KACrB,KAAK,IAAIM,IAAI,GAAGA,IAAI,GAAG,KAAK,EAAIN,IAAI,IAAIM,KAAKxB,EAAGkB,IAAI,IAAIM,KAAKH,EAAKH,KAAKG,EAAKH,KAAKI,EAAKJ;CAExF,OAAOK;AACT"}

package/dist/phoria2.js

@@ -1 +1 @@
-export { R as AmbientLight, bt as Box3, Z as CAMERA_PRESETS, $ as Camera, ht as Clip, gt as Color, r as Curve, z as DirectionalLight, y as Drawable, ot as Euler, G as Fog, L as Geometry, nt as Group, B as HemisphereLight, b as InstancedMesh, pt as LIGHT_LIMITS, x as Label, V as Light, S as Lines, xt as Mat4, I as Material, C as Mesh, it as Node, mt as NullRenderer, ft as OrbitControl, et as OrthographicCamera, tt as PerspectiveCamera, Ct as PhoriaError, H as PointLight, w as Points, at as Quat, Y as Ray, J as Raycaster, W as Scene, U as SpotLight, K as Texture, St as Vec3, T as View, E as WebGLRenderer, c as axes, l as box, Q as cameraPreset, t as create, i as curve, u as cylinder, d as edges, a as ellipse, f as extrude, o as fromPolygons, p as grid, m as icosphere, h as lathe, q as loadTexture, s as outline, g as plane, n as registerType, _ as sphere, v as torus } from "./core.js";
+export { j as AmbientLight, xt as Box3, H as CAMERA_PRESETS, W as Camera, gt as Clip, _t as Color, r as Curve, M as DirectionalLight, X as Drawable, ht as Euler, R as Fog, ct as Geometry, nt as Group, N as HemisphereLight, Z as InstancedMesh, J as LIGHT_LIMITS, Q as Label, P as Light, $ as Lines, St as Mat4, at as Material, et as Mesh, it as Node, Y as NullRenderer, q as OrbitControl, G as OrthographicCamera, K as PerspectiveCamera, wt as PhoriaError, F as PointLight, tt as Points, lt as Quat, B as Ray, z as Raycaster, L as Scene, I as SpotLight, ot as Texture, Ct as Vec3, y as View, b as WebGLRenderer, c as axes, l as box, U as cameraPreset, t as create, i as curve, u as cylinder, d as edges, a as ellipse, f as extrude, o as fromPolygons, p as grid, m as icosphere, h as lathe, st as loadTexture, s as outline, g as plane, n as registerType, _ as sphere, v as torus } from "./core.js";

package/dist/picking.js

@@ -1,4 +1,4 @@
-import { D as e, Ft as t, M as n, N as r, Nt as i, P as a, k as o } from "./core.js";
+import { D as e, It as t, O as n, Pt as r, S as i, k as a, w as o } from "./core.js";
 // src/webgl/picking.js
 var s = 33, c = 4, l = `precision highp float;
 precision highp int;
@@ -9,7 +9,7 @@ in vec3 vWorldPosition;
 uniform uint uPickId;
 layout(location = 0) out uvec4 pickOut;
 ${o}
-${e}
+${i}
 void main() {
 #ifdef CLIP
 clipAway(vWorldPosition);
@@ -21,9 +21,9 @@ if (dot(p, p) > 1.0) discard;
 pickOut = uvec4(uPickId, vPickElement, floatBitsToUint(gl_FragCoord.z), 1u);
 }
 `, u = {
-	mesh: [r, l],
+	mesh: [n, l],
 	points: [a, l],
-	lines: [n, l]
+	lines: [e, l]
 }, d = class {
 	#e = null;
 	#t = /* @__PURE__ */ new Uint32Array(4356);
@@ -120,24 +120,19 @@ pickOut = uvec4(uPickId, vPickElement, floatBitsToUint(gl_FragCoord.z), 1u);
 		let e = this.gl;
 		return this.#a = e.createBuffer(), e.bindBuffer(e.PIXEL_PACK_BUFFER, this.#a), e.bufferData(e.PIXEL_PACK_BUFFER, this.#t.byteLength, e.STREAM_READ), e.bindBuffer(e.PIXEL_PACK_BUFFER, null), this.#a;
 	}
-	#u(e, t, n, r, a) {
+	#u(e, t, n, i, a) {
 		let o = this.gl, { node: c, geometry: l, material: d, worldMatrix: f, instances: p } = e, m = c.drawMode, h = m === "points" ? "points" : m === "lines" ? "lines" : "mesh", g = ["PICK"];
 		p && g.push("INSTANCED"), h === "points" && (d.sizeAttenuation && g.push("SIZE_ATTENUATION"), d.map || g.push("ROUND")), h === "mesh" && e.clip && g.push("CLIP");
 		let _ = this.programs.ready(`pick-${h}`, g, u[h]);
-		if (o.useProgram(_.program), _.set("uView", n.camera.view), _.set("uProjection", this.#n), _.set("uViewProjection", this.#r), _.set("uModel", f), _.set("uPickId", t), _.set("uHighlightIndex", -2), _.set("uUvTransform", [
-			1,
-			1,
-			0,
-			0
-		]), e.clip && _.set("uClipPlane", e.clip.plane), h === "lines") {
+		if (o.useProgram(_.program), _.set("uView", n.camera.view), _.set("uProjection", this.#n), _.set("uViewProjection", this.#r), _.set("uModel", f), _.set("uPickId", t), _.set("uHighlightIndex", -2), e.clip && _.set("uClipPlane", e.clip.plane), h === "lines") {
 			o.disable(o.CULL_FACE), _.set("uResolution", [s, s]), _.set("uWidth", d.width * a), _.set("uNear", n.camera.near);
 			let e = this.resources.lines(l);
 			o.bindVertexArray(e.vao), o.drawArraysInstanced(o.TRIANGLE_STRIP, 0, 4, Math.min(e.count, Math.floor(l.drawnCount / 2)));
 		} else if (h === "points") {
-			o.disable(o.CULL_FACE), _.set("uSize", d.sizeAttenuation ? d.size : d.size * a), _.set("uScale", n.camera.projection[5] * r / 2);
+			o.disable(o.CULL_FACE), _.set("uSize", d.sizeAttenuation ? d.size : d.size * a), _.set("uScale", n.camera.projection[5] * i / 2);
 			let e = this.resources.mesh(l, null, !1);
 			o.bindVertexArray(e.vao), o.drawArrays(o.POINTS, 0, l.drawnVertices);
-		} else _.set("uNormalMatrix", this.#i), d.depthTest ? o.enable(o.DEPTH_TEST) : o.disable(o.DEPTH_TEST), d.doubleSided || e.clip?.cap ? o.disable(o.CULL_FACE) : (o.enable(o.CULL_FACE), o.cullFace(o.BACK), o.frontFace(i(f) < 0 ? o.CW : o.CCW)), this.resources.drawTriangles(l, p);
+		} else _.set("uNormalMatrix", this.#i), d.depthTest ? o.enable(o.DEPTH_TEST) : o.disable(o.DEPTH_TEST), d.doubleSided || e.clip?.cap ? o.disable(o.CULL_FACE) : (o.enable(o.CULL_FACE), o.cullFace(o.BACK), o.frontFace(r(f) < 0 ? o.CW : o.CCW)), this.resources.drawTriangles(l, p);
 	}
 	#d() {
 		if (this.#e) return this.#e;

package/dist/picking.js.map

@@ -1 +1 @@
-{"version":3,"file":"picking.js","names":["mat4.determinant","CLIP","multiply","LINES_VERTEX","MESH_VERTEX","determinant","POINTS_VERTEX","COMMON","REGION","TOLERANCE","PICK_FRAGMENT","SOURCES","Picker","gl","programs","resources","#target","#pack","#waiting","region","#drawRegion","frame","x","y","width","height","pixelRatio","#pixels","#decode","buffer","#readBuffer","fence","poll","resolve","items","pickable","target","#ensureTarget","s","cx","cy","zoom","#projection","#viewProjection","#draw","item","i","p","at","py","px","best","bestX","bestY","bestD","dy","dx","d","o","id","depth","ndc","mode","node","kind","defines","instances","material","program","worldMatrix","buffers","geometry","#normal","color","framebuffer","seen","ok","n","v"],"sources":[],"mappings":""}
+{"version":3,"file":"picking.js","names":["mat4.determinant","LINES_VERTEX","multiply","MESH_VERTEX","determinant","CLIP","POINTS_VERTEX","COMMON","REGION","TOLERANCE","PICK_FRAGMENT","SOURCES","Picker","gl","programs","resources","#target","#pack","#waiting","region","#drawRegion","frame","x","y","width","height","pixelRatio","#pixels","#decode","buffer","#readBuffer","fence","poll","resolve","items","pickable","target","#ensureTarget","s","cx","cy","zoom","#projection","#viewProjection","#draw","item","i","p","at","py","px","best","bestX","bestY","bestD","dy","dx","d","o","id","depth","ndc","mode","node","kind","defines","instances","material","program","worldMatrix","buffers","geometry","#normal","color","framebuffer","seen","ok","n","v"],"sources":[],"mappings":""}

package/dist/snapshot.js

@@ -1,4 +1,4 @@
-import { Ct as e } from "./core.js";
+import { wt as e } from "./core.js";
 // src/snapshot.js
 function t(t, n, { type: a = "image/png", quality: o, labels: s = !0 } = {}, c = []) {
 	let l = t;

package/dist/tooltip.js

@@ -1,10 +1,10 @@
-import { Dt as e, kt as t } from "./core.js";
+import { At as e, Ot as t } from "./core.js";
 // src/tooltip.js
 var n = "\n:where(.phoria-tooltip) { position: fixed; left: 0; top: 0; z-index: 1000; pointer-events: none; max-width: 320px;\n  padding: 6px 10px; border-radius: 6px; background: rgba(20, 20, 24, 0.92); color: #fff;\n  font: 12px/1.45 system-ui, sans-serif; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); white-space: pre-line; }\n:where(.phoria-tooltip-title) { font-weight: 600; }\n:where(.phoria-tooltip-rows) { display: grid; grid-template-columns: auto auto; column-gap: 12px; }\n:where(.phoria-tooltip-rows > :nth-child(odd)) { opacity: 0.7; }\n:where(.phoria-tooltip-rows > :nth-child(even)) { text-align: right; font-variant-numeric: tabular-nums; }\n", r = 14, i = class {
 	el;
 	content;
 	constructor(r, i = "") {
-		if (typeof r != "function" && t("View", `tooltip() takes a function (hit) => text, got ${e(r)}`), this.content = r, !document.getElementById("phoria-tooltip-style")) {
+		if (typeof r != "function" && e("View", `tooltip() takes a function (hit) => text, got ${t(r)}`), this.content = r, !document.getElementById("phoria-tooltip-style")) {
 			let e = document.createElement("style");
 			e.id = "phoria-tooltip-style", e.textContent = n, document.head.prepend(e);
 		}
@@ -48,7 +48,7 @@ function a(n) {
 		}
 		return e;
 	}
-	return t("View", `a tooltip function returns text, an element or { title, rows }, got ${e(n)}`);
+	return e("View", `a tooltip function returns text, an element or { title, rows }, got ${t(n)}`);
 }
 export { i as Tooltip };
 

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["describe","fail","STYLE","GAP","Tooltip","content","style","className","hit","render","x","y","w","h","left","top","box","title","rows","entries","name","value","n","v"],"sources":["../src/tooltip.js"],"sourcesContent":["// The hover tooltip: one element that follows the pointer and shows what the app says about the\n// thing under it. Its default look is in a :where() rule, which has no specificity, so any CSS for\n// .phoria-tooltip overrides it.\nimport { describe, fail } from './validate.js'\n\n/** @import { Hit } from './Raycaster.js' */\n\n/**\n * What a tooltip function returns: text (new lines kept), an element, or a title with rows of\n * name/value pairs. null (or '') shows nothing.\n * @typedef {string | number | Node | { title?: string, rows?: Record<string, unknown> | Array<[string, unknown]> } | null | undefined | false} TooltipContent\n */\n\nconst STYLE = `\n:where(.phoria-tooltip) { position: fixed; left: 0; top: 0; z-index: 1000; pointer-events: none; max-width: 320px;\n  padding: 6px 10px; border-radius: 6px; background: rgba(20, 20, 24, 0.92); color: #fff;\n  font: 12px/1.45 system-ui, sans-serif; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); white-space: pre-line; }\n:where(.phoria-tooltip-title) { font-weight: 600; }\n:where(.phoria-tooltip-rows) { display: grid; grid-template-columns: auto auto; column-gap: 12px; }\n:where(.phoria-tooltip-rows > :nth-child(odd)) { opacity: 0.7; }\n:where(.phoria-tooltip-rows > :nth-child(even)) { text-align: right; font-variant-numeric: tabular-nums; }\n`\n// space between the pointer and the tooltip, in CSS pixels\nconst GAP = 14\n\nexport class Tooltip {\n  /** @type {HTMLDivElement} */ el\n  /** @type {(hit: Hit) => TooltipContent} */ content\n\n  /** @param {(hit: Hit) => TooltipContent} content @param {string} [className] */\n  constructor(content, className = '') {\n    if (typeof content !== 'function') fail('View', `tooltip() takes a function (hit) => text, got ${describe(content)}`)\n    this.content = content\n    if (!document.getElementById('phoria-tooltip-style')) {\n      const style = document.createElement('style')\n      style.id = 'phoria-tooltip-style'\n      style.textContent = STYLE\n      document.head.prepend(style)\n    }\n    this.el = document.createElement('div')\n    this.el.className = `phoria-tooltip${className ? ` ${className}` : ''}`\n    this.el.setAttribute('role', 'tooltip')\n    this.el.hidden = true\n    document.body.append(this.el)\n  }\n\n  /** Show what the content function says about a hit, near the pointer. @param {Hit} hit @param {number} x @param {number} y */\n  show(hit, x, y) {\n    const content = this.content(hit)\n    if (content === null || content === undefined || content === false || content === '') return this.hide()\n    this.el.replaceChildren(render(content))\n    this.el.hidden = false\n    this.move(x, y)\n  }\n\n  /** Follow the pointer, staying inside the window. @param {number} x @param {number} y client pixels */\n  move(x, y) {\n    if (this.el.hidden) return\n    const w = this.el.offsetWidth, h = this.el.offsetHeight\n    const left = x + GAP + w > window.innerWidth ? x - GAP - w : x + GAP\n    const top = y + GAP + h > window.innerHeight ? y - GAP - h : y + GAP\n    this.el.style.transform = `translate(${Math.round(Math.max(0, left))}px, ${Math.round(Math.max(0, top))}px)`\n  }\n\n  hide() {\n    this.el.hidden = true\n  }\n\n  dispose() {\n    this.el.remove()\n  }\n}\n\n/** @param {TooltipContent} content @returns {Node} */\nfunction render(content) {\n  if (typeof content === 'string' || typeof content === 'number') return document.createTextNode(String(content))\n  if (content instanceof Node) return content\n  if (typeof content === 'object' && content && ('title' in content || 'rows' in content)) {\n    const box = document.createDocumentFragment()\n    if (content.title !== undefined) {\n      const title = document.createElement('div')\n      title.className = 'phoria-tooltip-title'\n      title.textContent = String(content.title)\n      box.append(title)\n    }\n    if (content.rows) {\n      const rows = document.createElement('div')\n      rows.className = 'phoria-tooltip-rows'\n      const entries = Array.isArray(content.rows) ? content.rows : Object.entries(content.rows)\n      for (const [name, value] of entries) {\n        const n = document.createElement('span'), v = document.createElement('span')\n        n.textContent = String(name)\n        v.textContent = typeof value === 'number' ? value.toLocaleString() : String(value)\n        rows.append(n, v)\n      }\n      box.append(rows)\n    }\n    return box\n  }\n  return fail('View', `a tooltip function returns text, an element or { title, rows }, got ${describe(content)}`)\n}\n"],"mappings":";;AAaA,IAAME,IAAQ,2oBAURC,IAAM,IAECC,IAAb,MAAqB;CACW;CACc;CAG5C,YAAY,GAAS,IAAY,IAAI;EAGnC,IAFI,OAAOC,KAAY,cAAYJ,EAAK,QAAQ,iDAAiDD,EAASK,CAAO,GAAG,GACpH,KAAK,UAAUA,GACX,CAAC,SAAS,eAAe,sBAAsB,GAAG;GACpD,IAAMC,IAAQ,SAAS,cAAc,OAAO;GAG5C,AAFA,EAAM,KAAK,wBACX,EAAM,cAAcJ,GACpB,SAAS,KAAK,QAAQI,CAAK;EAC7B;EAKA,AAJA,KAAK,KAAK,SAAS,cAAc,KAAK,GACtC,KAAK,GAAG,YAAY,iBAAiBC,IAAY,IAAIA,MAAc,MACnE,KAAK,GAAG,aAAa,QAAQ,SAAS,GACtC,KAAK,GAAG,SAAS,IACjB,SAAS,KAAK,OAAO,KAAK,EAAE;CAC9B;CAGA,KAAK,GAAK,GAAG,GAAG;EACd,IAAMF,IAAU,KAAK,QAAQG,CAAG;EAChC,IAAIH,KAAY,QAAiCA,MAAY,MAASA,MAAY,IAAI,OAAO,KAAK,KAAK;EAGvG,AAFA,KAAK,GAAG,gBAAgBI,EAAOJ,CAAO,CAAC,GACvC,KAAK,GAAG,SAAS,IACjB,KAAK,KAAKK,GAAGC,CAAC;CAChB;CAGA,KAAK,GAAG,GAAG;EACT,IAAI,KAAK,GAAG,QAAQ;EACpB,IAAMC,IAAI,KAAK,GAAG,aAAaC,IAAI,KAAK,GAAG,cACrCC,IAAOJ,IAAIP,IAAMS,IAAI,OAAO,aAAaF,IAAIP,IAAMS,IAAIF,IAAIP,GAC3DY,IAAMJ,IAAIR,IAAMU,IAAI,OAAO,cAAcF,IAAIR,IAAMU,IAAIF,IAAIR;EACjE,KAAK,GAAG,MAAM,YAAY,aAAa,KAAK,MAAM,KAAK,IAAI,GAAGW,CAAI,CAAC,EAAE,MAAM,KAAK,MAAM,KAAK,IAAI,GAAGC,CAAG,CAAC,EAAE;CAC1G;CAEA,OAAO;EACL,KAAK,GAAG,SAAS;CACnB;CAEA,UAAU;EACR,KAAK,GAAG,OAAO;CACjB;AACF;AAGA,SAASN,EAAO,GAAS;CACvB,IAAI,OAAOJ,KAAY,YAAY,OAAOA,KAAY,UAAU,OAAO,SAAS,eAAe,OAAOA,CAAO,CAAC;CAC9G,IAAIA,aAAmB,MAAM,OAAOA;CACpC,IAAI,OAAOA,KAAY,YAAYA,MAAY,WAAWA,KAAW,UAAUA,IAAU;EACvF,IAAMW,IAAM,SAAS,uBAAuB;EAC5C,IAAIX,EAAQ,UAAU,KAAA,GAAW;GAC/B,IAAMY,IAAQ,SAAS,cAAc,KAAK;GAG1C,AAFA,EAAM,YAAY,wBAClB,EAAM,cAAc,OAAOZ,EAAQ,KAAK,GACxCW,EAAI,OAAOC,CAAK;EAClB;EACA,IAAIZ,EAAQ,MAAM;GAChB,IAAMa,IAAO,SAAS,cAAc,KAAK;GACzC,EAAK,YAAY;GACjB,IAAMC,IAAU,MAAM,QAAQd,EAAQ,IAAI,IAAIA,EAAQ,OAAO,OAAO,QAAQA,EAAQ,IAAI;GACxF,KAAK,IAAM,CAACe,GAAMC,MAAUF,GAAS;IACnC,IAAMG,IAAI,SAAS,cAAc,MAAM,GAAGC,IAAI,SAAS,cAAc,MAAM;IAG3E,AAFA,EAAE,cAAc,OAAOH,CAAI,GAC3B,EAAE,cAAc,OAAOC,KAAU,WAAWA,EAAM,eAAe,IAAI,OAAOA,CAAK,GACjFH,EAAK,OAAOI,GAAGC,CAAC;GAClB;GACA,EAAI,OAAOL,CAAI;EACjB;EACA,OAAOF;CACT;CACA,OAAOf,EAAK,QAAQ,uEAAuED,EAASK,CAAO,GAAG;AAChH"}
+{"version":3,"file":"tooltip.js","names":["fail","describe","STYLE","GAP","Tooltip","content","style","className","hit","render","x","y","w","h","left","top","box","title","rows","entries","name","value","n","v"],"sources":["../src/tooltip.js"],"sourcesContent":["// The hover tooltip: one element that follows the pointer and shows what the app says about the\n// thing under it. Its default look is in a :where() rule, which has no specificity, so any CSS for\n// .phoria-tooltip overrides it.\nimport { describe, fail } from './validate.js'\n\n/** @import { Hit } from './Raycaster.js' */\n\n/**\n * What a tooltip function returns: text (new lines kept), an element, or a title with rows of\n * name/value pairs. null (or '') shows nothing.\n * @typedef {string | number | Node | { title?: string, rows?: Record<string, unknown> | Array<[string, unknown]> } | null | undefined | false} TooltipContent\n */\n\nconst STYLE = `\n:where(.phoria-tooltip) { position: fixed; left: 0; top: 0; z-index: 1000; pointer-events: none; max-width: 320px;\n  padding: 6px 10px; border-radius: 6px; background: rgba(20, 20, 24, 0.92); color: #fff;\n  font: 12px/1.45 system-ui, sans-serif; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); white-space: pre-line; }\n:where(.phoria-tooltip-title) { font-weight: 600; }\n:where(.phoria-tooltip-rows) { display: grid; grid-template-columns: auto auto; column-gap: 12px; }\n:where(.phoria-tooltip-rows > :nth-child(odd)) { opacity: 0.7; }\n:where(.phoria-tooltip-rows > :nth-child(even)) { text-align: right; font-variant-numeric: tabular-nums; }\n`\n// space between the pointer and the tooltip, in CSS pixels\nconst GAP = 14\n\nexport class Tooltip {\n  /** @type {HTMLDivElement} */ el\n  /** @type {(hit: Hit) => TooltipContent} */ content\n\n  /** @param {(hit: Hit) => TooltipContent} content @param {string} [className] */\n  constructor(content, className = '') {\n    if (typeof content !== 'function') fail('View', `tooltip() takes a function (hit) => text, got ${describe(content)}`)\n    this.content = content\n    if (!document.getElementById('phoria-tooltip-style')) {\n      const style = document.createElement('style')\n      style.id = 'phoria-tooltip-style'\n      style.textContent = STYLE\n      document.head.prepend(style)\n    }\n    this.el = document.createElement('div')\n    this.el.className = `phoria-tooltip${className ? ` ${className}` : ''}`\n    this.el.setAttribute('role', 'tooltip')\n    this.el.hidden = true\n    document.body.append(this.el)\n  }\n\n  /** Show what the content function says about a hit, near the pointer. @param {Hit} hit @param {number} x @param {number} y */\n  show(hit, x, y) {\n    const content = this.content(hit)\n    if (content === null || content === undefined || content === false || content === '') return this.hide()\n    this.el.replaceChildren(render(content))\n    this.el.hidden = false\n    this.move(x, y)\n  }\n\n  /** Follow the pointer, staying inside the window. @param {number} x @param {number} y client pixels */\n  move(x, y) {\n    if (this.el.hidden) return\n    const w = this.el.offsetWidth, h = this.el.offsetHeight\n    const left = x + GAP + w > window.innerWidth ? x - GAP - w : x + GAP\n    const top = y + GAP + h > window.innerHeight ? y - GAP - h : y + GAP\n    this.el.style.transform = `translate(${Math.round(Math.max(0, left))}px, ${Math.round(Math.max(0, top))}px)`\n  }\n\n  hide() {\n    this.el.hidden = true\n  }\n\n  dispose() {\n    this.el.remove()\n  }\n}\n\n/** @param {TooltipContent} content @returns {Node} */\nfunction render(content) {\n  if (typeof content === 'string' || typeof content === 'number') return document.createTextNode(String(content))\n  if (content instanceof Node) return content\n  if (typeof content === 'object' && content && ('title' in content || 'rows' in content)) {\n    const box = document.createDocumentFragment()\n    if (content.title !== undefined) {\n      const title = document.createElement('div')\n      title.className = 'phoria-tooltip-title'\n      title.textContent = String(content.title)\n      box.append(title)\n    }\n    if (content.rows) {\n      const rows = document.createElement('div')\n      rows.className = 'phoria-tooltip-rows'\n      const entries = Array.isArray(content.rows) ? content.rows : Object.entries(content.rows)\n      for (const [name, value] of entries) {\n        const n = document.createElement('span'), v = document.createElement('span')\n        n.textContent = String(name)\n        v.textContent = typeof value === 'number' ? value.toLocaleString() : String(value)\n        rows.append(n, v)\n      }\n      box.append(rows)\n    }\n    return box\n  }\n  return fail('View', `a tooltip function returns text, an element or { title, rows }, got ${describe(content)}`)\n}\n"],"mappings":";;AAaA,IAAME,IAAQ,2oBAURC,IAAM,IAECC,IAAb,MAAqB;CACW;CACc;CAG5C,YAAY,GAAS,IAAY,IAAI;EAGnC,IAFI,OAAOC,KAAY,cAAYL,EAAK,QAAQ,iDAAiDC,EAASI,CAAO,GAAG,GACpH,KAAK,UAAUA,GACX,CAAC,SAAS,eAAe,sBAAsB,GAAG;GACpD,IAAMC,IAAQ,SAAS,cAAc,OAAO;GAG5C,AAFA,EAAM,KAAK,wBACX,EAAM,cAAcJ,GACpB,SAAS,KAAK,QAAQI,CAAK;EAC7B;EAKA,AAJA,KAAK,KAAK,SAAS,cAAc,KAAK,GACtC,KAAK,GAAG,YAAY,iBAAiBC,IAAY,IAAIA,MAAc,MACnE,KAAK,GAAG,aAAa,QAAQ,SAAS,GACtC,KAAK,GAAG,SAAS,IACjB,SAAS,KAAK,OAAO,KAAK,EAAE;CAC9B;CAGA,KAAK,GAAK,GAAG,GAAG;EACd,IAAMF,IAAU,KAAK,QAAQG,CAAG;EAChC,IAAIH,KAAY,QAAiCA,MAAY,MAASA,MAAY,IAAI,OAAO,KAAK,KAAK;EAGvG,AAFA,KAAK,GAAG,gBAAgBI,EAAOJ,CAAO,CAAC,GACvC,KAAK,GAAG,SAAS,IACjB,KAAK,KAAKK,GAAGC,CAAC;CAChB;CAGA,KAAK,GAAG,GAAG;EACT,IAAI,KAAK,GAAG,QAAQ;EACpB,IAAMC,IAAI,KAAK,GAAG,aAAaC,IAAI,KAAK,GAAG,cACrCC,IAAOJ,IAAIP,IAAMS,IAAI,OAAO,aAAaF,IAAIP,IAAMS,IAAIF,IAAIP,GAC3DY,IAAMJ,IAAIR,IAAMU,IAAI,OAAO,cAAcF,IAAIR,IAAMU,IAAIF,IAAIR;EACjE,KAAK,GAAG,MAAM,YAAY,aAAa,KAAK,MAAM,KAAK,IAAI,GAAGW,CAAI,CAAC,EAAE,MAAM,KAAK,MAAM,KAAK,IAAI,GAAGC,CAAG,CAAC,EAAE;CAC1G;CAEA,OAAO;EACL,KAAK,GAAG,SAAS;CACnB;CAEA,UAAU;EACR,KAAK,GAAG,OAAO;CACjB;AACF;AAGA,SAASN,EAAO,GAAS;CACvB,IAAI,OAAOJ,KAAY,YAAY,OAAOA,KAAY,UAAU,OAAO,SAAS,eAAe,OAAOA,CAAO,CAAC;CAC9G,IAAIA,aAAmB,MAAM,OAAOA;CACpC,IAAI,OAAOA,KAAY,YAAYA,MAAY,WAAWA,KAAW,UAAUA,IAAU;EACvF,IAAMW,IAAM,SAAS,uBAAuB;EAC5C,IAAIX,EAAQ,UAAU,KAAA,GAAW;GAC/B,IAAMY,IAAQ,SAAS,cAAc,KAAK;GAG1C,AAFA,EAAM,YAAY,wBAClB,EAAM,cAAc,OAAOZ,EAAQ,KAAK,GACxCW,EAAI,OAAOC,CAAK;EAClB;EACA,IAAIZ,EAAQ,MAAM;GAChB,IAAMa,IAAO,SAAS,cAAc,KAAK;GACzC,EAAK,YAAY;GACjB,IAAMC,IAAU,MAAM,QAAQd,EAAQ,IAAI,IAAIA,EAAQ,OAAO,OAAO,QAAQA,EAAQ,IAAI;GACxF,KAAK,IAAM,CAACe,GAAMC,MAAUF,GAAS;IACnC,IAAMG,IAAI,SAAS,cAAc,MAAM,GAAGC,IAAI,SAAS,cAAc,MAAM;IAG3E,AAFA,EAAE,cAAc,OAAOH,CAAI,GAC3B,EAAE,cAAc,OAAOC,KAAU,WAAWA,EAAM,eAAe,IAAI,OAAOA,CAAK,GACjFH,EAAK,OAAOI,GAAGC,CAAC;GAClB;GACA,EAAI,OAAOL,CAAI;EACjB;EACA,OAAOF;CACT;CACA,OAAOhB,EAAK,QAAQ,uEAAuEC,EAASI,CAAO,GAAG;AAChH"}

package/dist/types/OrbitControl.d.ts

@@ -134,8 +134,12 @@ export declare class OrbitControl {
     zoomAt(factor: number, x: number, y: number): void;
     /** Move the camera and target together by screen pixels; the scene follows the pointer. @param {number} dx @param {number} dy */
     panBy(dx: number, dy: number): void;
-    /** Apply inertia and auto-rotate; the View calls this each frame. @param {number} dt seconds */
-    update(dt: number): void;
+    /**
+     * Apply inertia and auto-rotate; the View calls this each frame.
+     * @param {number} dt seconds
+     * @param {boolean} [still] hold auto-rotation - the View passes its reducedMotion
+     */
+    update(dt: number, still?: boolean): void;
     /**
      * Let go of the gesture under way - for an app taking the pointer over, such as to drag
      * something across the scene. The camera stays where it is; the next press orbits as usual.