three-live 0.0.1-alpha.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +202 -0
- package/README.md +58 -0
- package/dist/index.d.ts +224 -0
- package/dist/three-author-engine.js +292 -0
- package/dist/three-author.cjs +292 -0
- package/dist/three-author.d.ts +224 -0
- package/dist/three-author.js +292 -0
- package/dist/three-convert.cjs +286 -0
- package/dist/three-convert.d.ts +224 -0
- package/dist/three-convert.js +286 -0
- package/dist/three-live-animation.cjs +36 -0
- package/dist/three-live-animation.d.ts +224 -0
- package/dist/three-live-animation.js +36 -0
- package/dist/three-live-animation.min.js +36 -0
- package/dist/three-live-element.cjs +217 -0
- package/dist/three-live-element.d.ts +224 -0
- package/dist/three-live-element.js +217 -0
- package/dist/three-live-extras.cjs +42 -0
- package/dist/three-live-extras.d.ts +224 -0
- package/dist/three-live-extras.js +42 -0
- package/dist/three-live-extras.min.js +42 -0
- package/dist/three-live-full.cjs +336 -0
- package/dist/three-live-full.js +336 -0
- package/dist/three-live-full.min.js +336 -0
- package/dist/three-live-sandbox.html +157 -0
- package/dist/three-live-viewer.cjs +217 -0
- package/dist/three-live-viewer.d.ts +224 -0
- package/dist/three-live-viewer.js +217 -0
- package/dist/three-live-viewer.min.js +217 -0
- package/dist/three-live.cjs +294 -0
- package/dist/three-live.js +294 -0
- package/dist/three-live.min.js +294 -0
- package/dist/three-view.cjs +217 -0
- package/dist/three-view.d.ts +224 -0
- package/dist/three-view.js +217 -0
- package/dist/three-xr.cjs +286 -0
- package/dist/three-xr.d.ts +224 -0
- package/dist/three-xr.js +286 -0
- package/package.json +78 -6
- package/index.js +0 -1
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2026 Google LLC
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
var fe="__THREE_LIVE_REGISTRY__";function U(){let n=typeof globalThis<"u"?globalThis:{};if(!n[fe]){let t={plugins:[],decoders:new Map};try{Object.defineProperty(n,fe,{value:t,writable:!1,configurable:!1,enumerable:!1})}catch{n[fe]=t}}return n[fe]}var O=U().plugins;function Me(n){let t=U().plugins;t.some(e=>e.name===n.name)||t.push(n)}function we(){return U().plugins}function V(){let n=new Float32Array(16);return n[0]=1,n[5]=1,n[10]=1,n[15]=1,n}function Re(n,t,e,r,i){let s=1/Math.tan(t/2);n.fill(0),n[0]=s/e,n[5]=s,n[11]=-1;let u=1/(r-i);return n[10]=(i+r)*u,n[14]=2*i*r*u,n}function Ee(n,t,e,r){let[i,s,u]=t,[c,o,l]=r,[a,h,m]=e,b=i-a,p=s-h,y=u-m,g=Math.hypot(b,p,y);g<=1e-5?(b=0,p=0,y=1):(b/=g,p/=g,y/=g);let M=o*y-l*p,w=l*b-c*y,R=c*p-o*b;g=Math.hypot(M,w,R),g<=1e-5?(M=0,w=0,R=0):(M/=g,w/=g,R/=g);let T=p*R-y*w,v=y*M-b*R,x=b*w-p*M;return g=Math.hypot(T,v,x),g<=1e-5?(T=0,v=0,x=0):(T/=g,v/=g,x/=g),n[0]=M,n[1]=T,n[2]=b,n[3]=0,n[4]=w,n[5]=v,n[6]=p,n[7]=0,n[8]=R,n[9]=x,n[10]=y,n[11]=0,n[12]=-(M*i+w*s+R*u),n[13]=-(T*i+v*s+x*u),n[14]=-(b*i+p*s+y*u),n[15]=1,n}function Y(n,t,e){let r=t[0],i=t[1],s=t[2],u=t[3],c=t[4],o=t[5],l=t[6],a=t[7],h=t[8],m=t[9],b=t[10],p=t[11],y=t[12],g=t[13],M=t[14],w=t[15],R=e[0],T=e[1],v=e[2],x=e[3];return n[0]=R*r+T*c+v*h+x*y,n[1]=R*i+T*o+v*m+x*g,n[2]=R*s+T*l+v*b+x*M,n[3]=R*u+T*a+v*p+x*w,R=e[4],T=e[5],v=e[6],x=e[7],n[4]=R*r+T*c+v*h+x*y,n[5]=R*i+T*o+v*m+x*g,n[6]=R*s+T*l+v*b+x*M,n[7]=R*u+T*a+v*p+x*w,R=e[8],T=e[9],v=e[10],x=e[11],n[8]=R*r+T*c+v*h+x*y,n[9]=R*i+T*o+v*m+x*g,n[10]=R*s+T*l+v*b+x*M,n[11]=R*u+T*a+v*p+x*w,R=e[12],T=e[13],v=e[14],x=e[15],n[12]=R*r+T*c+v*h+x*y,n[13]=R*i+T*o+v*m+x*g,n[14]=R*s+T*l+v*b+x*M,n[15]=R*u+T*a+v*p+x*w,n}function Ae(n,t,e,r){let i=t[0],s=t[1],u=t[2],c=t[3],o=i+i,l=s+s,a=u+u,h=i*o,m=i*l,b=i*a,p=s*l,y=s*a,g=u*a,M=c*o,w=c*l,R=c*a,T=r[0],v=r[1],x=r[2];return n[0]=(1-(p+g))*T,n[1]=(m+R)*T,n[2]=(b-w)*T,n[3]=0,n[4]=(m-R)*v,n[5]=(1-(h+g))*v,n[6]=(y+M)*v,n[7]=0,n[8]=(b+w)*x,n[9]=(y-M)*x,n[10]=(1-(h+p))*x,n[11]=0,n[12]=e[0],n[13]=e[1],n[14]=e[2],n[15]=1,n}function se(n,t){let e=t[0],r=t[1],i=t[2],s=t[4],u=t[5],c=t[6],o=t[8],l=t[9],a=t[10],h=a*u-c*l,m=-a*s+c*o,b=l*s-u*o,p=e*h+r*m+i*b;return p&&(p=1/p,n[0]=h*p,n[1]=(-a*r+i*l)*p,n[2]=(c*r-i*u)*p,n[3]=m*p,n[4]=(a*e-i*o)*p,n[5]=(-c*e+i*s)*p,n[6]=b*p,n[7]=(-l*e+r*o)*p,n[8]=(u*e-r*s)*p),n}function Pe(n,t){let e=t[0],r=t[1],i=t[2],s=t[3],u=t[4],c=t[5],o=t[6],l=t[7],a=t[8],h=t[9],m=t[10],b=t[11],p=t[12],y=t[13],g=t[14],M=t[15],w=e*c-r*u,R=e*o-i*u,T=e*l-s*u,v=r*o-i*c,x=r*l-s*c,C=i*l-s*o,A=a*y-h*p,f=a*g-m*p,P=a*M-b*p,D=h*g-m*y,d=h*M-b*y,S=m*M-b*g,E=w*S-R*d+T*D+v*P-x*f+C*A;return E?(E=1/E,n[0]=(c*S-o*d+l*D)*E,n[1]=(i*d-r*S-s*D)*E,n[2]=(y*C-g*x+M*v)*E,n[3]=(m*x-h*C-b*v)*E,n[4]=(o*P-u*S-l*f)*E,n[5]=(e*S-i*P+s*f)*E,n[6]=(g*T-p*C-M*R)*E,n[7]=(a*C-m*T+b*R)*E,n[8]=(u*d-c*P+l*A)*E,n[9]=(r*P-e*d-s*A)*E,n[10]=(p*x-y*T+M*w)*E,n[11]=(h*T-a*x-b*w)*E,n[12]=(c*f-u*D-o*A)*E,n[13]=(e*D-r*f+i*A)*E,n[14]=(y*R-p*v-g*w)*E,n[15]=(a*v-h*R+m*w)*E,n):null}function ve(n,t,e,r,i){let s=i[0]*t+i[4]*e+i[8]*r+i[12],u=i[1]*t+i[5]*e+i[9]*r+i[13],c=i[2]*t+i[6]*e+i[10]*r+i[14],o=i[3]*t+i[7]*e+i[11]*r+i[15],l=o!==0?1/o:1;n[0]=s*l,n[1]=u*l,n[2]=c*l}function De(n,t,e,r,i,s,u,c,o,l,a,h,m,b,p,y,g=0){let M=l-u,w=a-c,R=h-o,T=m-u,v=b-c,x=p-o,C=i*x-s*v,A=s*T-r*x,f=r*v-i*T,P=M*C+w*A+R*f;if(P>-1e-7&&P<1e-7)return!1;let D=1/P,d=n-u,S=t-c,E=e-o,X=D*(d*C+S*A+E*f);if(X<-g||X>1+g)return!1;let ee=S*R-E*w,j=E*M-d*R,G=d*w-S*M,oe=D*(r*ee+i*j+s*G);if(oe<-g||X+oe>1+g)return!1;let k=D*(T*ee+v*j+x*G);if(k>1e-4&&k<y.distance){y.distance=k,y.point=[n+r*k,t+i*k,e+s*k];let W=w*x-R*v,I=R*T-M*x,L=M*v-w*T,B=Math.hypot(W,I,L)||1;return y.normal=[W/B,I/B,L/B],!0}return!1}function Se(n,t){let e=Array.isArray(n?.nodes)?n.nodes.length:0,r=[];for(let a=0;a<e;a++)r.push(V());if(e===0)return r;let i=new Set;for(let a of n.nodes)if(Array.isArray(a.children))for(let h of a.children)i.add(h);let s=new Set,u=128,c=(a,h,m=0)=>{if(m>u||a<0||a>=e||s.has(a))return;s.add(a);let b=n.nodes[a];if(!b)return;let p=V();if(t&&t[a])p.set(t[a]);else if(b.matrix&&b.matrix.length===16)p.set(b.matrix);else{let g=b.translation||[0,0,0],M=b.rotation||[0,0,0,1],w=b.scale||[1,1,1];Ae(p,M,g,w)}let y=r[a];if(h?Y(y,h,p):y.set(p),Array.isArray(b.children))for(let g of b.children)typeof g=="number"&&c(g,y,m+1)},o=[],l=n.scenes&&n.scenes[n.scene!==void 0?n.scene:0];if(l&&Array.isArray(l.nodes))o.push(...l.nodes);else for(let a=0;a<e;a++)i.has(a)||o.push(a);for(let a of o)c(a,null);for(let a=0;a<e;a++)!i.has(a)&&!o.includes(a)&&c(a,null);return r}function Ye(n){return new TextDecoder().decode(n)}var Fe=U().decoders;function je(n,t){Fe.set(n.toLowerCase(),t)}function he(n){return Fe.get(n.toLowerCase())}function Ie(n){let t=ArrayBuffer.isView(n)?n.buffer.slice(n.byteOffset,n.byteOffset+n.byteLength):n,e=new DataView(t);if(t.byteLength<12)throw new Error(`Invalid GLB buffer size: ${t.byteLength} bytes`);let r=e.getUint32(0,!0);if(r!==1179937895){let m=e.getUint8(0);throw m===123||m===32||m===10||m===13?new Error("[three-live] Multi-file JSON .gltf is not supported for performance reasons. Please pack your asset into a single binary .glb file."):new Error(`Invalid GLB magic: 0x${r.toString(16)}`)}let i=e.getUint32(4,!0);if(i!==2)throw new Error(`Unsupported GLB version: ${i}`);let s=e.getUint32(8,!0),u=12,c=null,o=null;for(;u+8<=s&&u+8<=t.byteLength;){let m=e.getUint32(u,!0),b=e.getUint32(u+4,!0),p=u+8;if(p+m>t.byteLength)throw new Error(`Truncated GLB chunk: required ${p+m} bytes, buffer has ${t.byteLength}`);if(b===1313821514){let y=new Uint8Array(t,p,m),g=Ye(y);c=JSON.parse(g,(M,w)=>M==="__proto__"||M==="constructor"||M==="prototype"?void 0:w)}else b===5130562&&(o=t.slice(p,p+m));u=p+m}if(!c)throw new Error("Missing JSON chunk in GLB");let l=c.extensionsRequired||[];if(l.includes("KHR_draco_mesh_compression")&&!he("draco"))throw new Error("Model requires KHR_draco_mesh_compression. Register a decoder via ThreeLiveElement.registerDecoder('draco', decoder).");if(l.includes("EXT_meshopt_compression")&&!he("meshopt"))throw new Error("Model requires EXT_meshopt_compression. Register a decoder via ThreeLiveElement.registerDecoder('meshopt', decoder).");if(l.includes("KHR_texture_basisu")&&!he("ktx2"))throw new Error("Model requires KHR_texture_basisu. Register a decoder via ThreeLiveElement.registerDecoder('ktx2', decoder).");let a=o||new ArrayBuffer(0),h={gltf:c,bin:a,animations:[]};for(let m of O)m.onParseGLB?.(h);return h}function $e(n){return typeof n=="object"&&n!==null&&"gltf"in n&&typeof n.gltf=="object"&&n.gltf!==null&&"bin"in n&&(n.bin instanceof ArrayBuffer||ArrayBuffer.isView(n.bin))}function be(n){if($e(n))return n;if(n instanceof ArrayBuffer||ArrayBuffer.isView(n))return Ie(n);throw new TypeError("Invalid 3D model input: expected GLBData ({ gltf, bin }) or binary GLB (ArrayBuffer / ArrayBufferView).")}var Be=`#version 300 es
|
|
18
|
+
layout(location=0) in vec3 aPosition;
|
|
19
|
+
layout(location=1) in vec3 aNormal;
|
|
20
|
+
layout(location=2) in vec2 aUV;
|
|
21
|
+
uniform mat4 uMVP,uModel;
|
|
22
|
+
uniform mat3 uNormalMatrix;
|
|
23
|
+
uniform vec4 uUvTransform;
|
|
24
|
+
out vec3 vNormal,vWorldPos;
|
|
25
|
+
out vec2 vUV;
|
|
26
|
+
void main(){
|
|
27
|
+
vec3 rawN=uNormalMatrix*aNormal;
|
|
28
|
+
vNormal=length(rawN)>1e-5?normalize(rawN):vec3(0.0);
|
|
29
|
+
vec4 world=uModel*vec4(aPosition,1.0);
|
|
30
|
+
vWorldPos=world.xyz;
|
|
31
|
+
vec2 scaleUV=uUvTransform.zw;
|
|
32
|
+
if(scaleUV.x==0.0&&scaleUV.y==0.0)scaleUV=vec2(1.0);
|
|
33
|
+
vUV=aUV*scaleUV+uUvTransform.xy;
|
|
34
|
+
gl_Position=uMVP*vec4(aPosition,1.0);
|
|
35
|
+
}`,ke=`#version 300 es
|
|
36
|
+
precision highp float;
|
|
37
|
+
in vec3 vNormal,vWorldPos;
|
|
38
|
+
in vec2 vUV;
|
|
39
|
+
uniform vec4 uBaseColor;
|
|
40
|
+
uniform float uMetallic,uRoughness,uEmissive,uEnvIntensity;
|
|
41
|
+
uniform vec2 uClearcoat;
|
|
42
|
+
uniform vec3 uCameraPos,uAmbientColor;
|
|
43
|
+
uniform sampler2D uBaseColorTexture,uMetallicRoughnessTexture,uNormalTexture,uOcclusionTexture,uEnvironmentMap,uXrDepthTex;
|
|
44
|
+
uniform int uHasTexture,uHasMetallicRoughnessTexture,uHasNormalTexture,uHasOcclusionTexture,uHasEnvironmentMap,uXrDepthEnabled,uXrDepthFormat;
|
|
45
|
+
uniform float uNormalScale,uOcclusionStrength,uXrRawValueToMeters;
|
|
46
|
+
uniform mat4 uXrDepthUVTransform;
|
|
47
|
+
uniform vec2 uViewportSize;
|
|
48
|
+
uniform int uToneMapping,uNumDirLights,uNumPointLights;
|
|
49
|
+
uniform vec3 uDirLightDir[2],uDirLightColor[2],uPointLightPos[2],uPointLightColor[2];
|
|
50
|
+
out vec4 fragColor;
|
|
51
|
+
|
|
52
|
+
vec2 envBRDF(float r,float n){
|
|
53
|
+
vec4 c0=vec4(-1.0,-0.0275,-0.572,0.022),c1=vec4(1.0,0.0425,1.04,-0.04);
|
|
54
|
+
vec4 rv=r*c0+c1;
|
|
55
|
+
float a=min(rv.x*rv.x,exp2(-9.28*n))*rv.x+rv.y;
|
|
56
|
+
return vec2(-1.04,1.04)*a+rv.zw;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
vec3 F_SchlickRoughness(vec3 F0,float r,float n){
|
|
60
|
+
return F0+(max(vec3(1.0-r),F0)-F0)*pow(clamp(1.0-n,0.0,1.0),5.0);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
vec3 getStudioRadiance(vec3 R,float r){
|
|
64
|
+
vec3 kd=normalize(vec3(0.0,1.0,0.35));
|
|
65
|
+
float ki=pow(max(dot(R,kd),0.0),mix(96.0,1.5,r))*mix(2.4,0.5,r);
|
|
66
|
+
vec3 fd=normalize(vec3(-0.85,0.45,-0.35));
|
|
67
|
+
float fi=pow(max(dot(R,fd),0.0),mix(36.0,1.2,r))*mix(1.3,0.35,r);
|
|
68
|
+
float ri=pow(clamp(1.0-abs(R.y),0.0,1.0),3.5)*mix(0.55,0.22,r);
|
|
69
|
+
vec3 ag=mix(vec3(0.06,0.06,0.08),vec3(0.48,0.50,0.55),R.y*0.5+0.5);
|
|
70
|
+
return ag+vec3(1.0,0.98,0.94)*ki+vec3(0.85,0.92,1.0)*fi+vec3(0.65,0.72,0.85)*ri;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
vec3 perturbNormal(vec3 N,vec3 V,vec2 uv,sampler2D normalMap,float scale){
|
|
74
|
+
vec3 mapNormal=texture(normalMap,uv).xyz*2.0-1.0;
|
|
75
|
+
mapNormal.xy*=scale;
|
|
76
|
+
vec3 dp1=dFdx(vWorldPos);
|
|
77
|
+
vec3 dp2=dFdy(vWorldPos);
|
|
78
|
+
vec2 duv1=dFdx(uv);
|
|
79
|
+
vec2 duv2=dFdy(uv);
|
|
80
|
+
vec3 dp2perp=cross(dp2,N);
|
|
81
|
+
vec3 dp1perp=cross(N,dp1);
|
|
82
|
+
vec3 T=dp2perp*duv1.x+dp1perp*duv2.x;
|
|
83
|
+
vec3 B=dp2perp*duv1.y+dp1perp*duv2.y;
|
|
84
|
+
float invmax=inversesqrt(max(dot(T,T),dot(B,B)));
|
|
85
|
+
return normalize(mat3(T*invmax,B*invmax,N)*normalize(mapNormal));
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
vec2 equirectangularUV(vec3 dir){
|
|
89
|
+
vec3 d=normalize(dir);
|
|
90
|
+
float u=atan(d.z,d.x)*0.15915494309+0.5;
|
|
91
|
+
float v=asin(clamp(d.y,-1.0,1.0))*0.31830988618+0.5;
|
|
92
|
+
return vec2(u,1.0-v);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
vec3 neutralToneMapping(vec3 color){
|
|
96
|
+
const float startCompression=0.76;
|
|
97
|
+
const float desaturation=0.15;
|
|
98
|
+
float x=min(color.r,min(color.g,color.b));
|
|
99
|
+
float offset=x<0.08?x-6.25*x*x:0.04;
|
|
100
|
+
color-=offset;
|
|
101
|
+
float peak=max(color.r,max(color.g,color.b));
|
|
102
|
+
if(peak<startCompression)return color;
|
|
103
|
+
const float d=1.0-startCompression;
|
|
104
|
+
float newPeak=1.0-d*d/(peak+d-startCompression);
|
|
105
|
+
color*=newPeak/peak;
|
|
106
|
+
float g=1.0-1.0/(desaturation*(peak-newPeak)+1.0);
|
|
107
|
+
return mix(color,newPeak*vec3(1.0),g);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
vec3 applyToneMapping(vec3 color,int mode){
|
|
111
|
+
if(mode==0)return neutralToneMapping(color);
|
|
112
|
+
if(mode==1)return color/(color+vec3(1.0));
|
|
113
|
+
return color;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
void main(){
|
|
117
|
+
vec4 base=uBaseColor;
|
|
118
|
+
if(uHasTexture==1)base*=texture(uBaseColorTexture,vUV);
|
|
119
|
+
if(length(vNormal)<1e-4&&uHasTexture==1){
|
|
120
|
+
vec3 unlit=base.rgb+vec3(uEmissive*0.35,uEmissive*0.5,uEmissive*0.7);
|
|
121
|
+
fragColor=vec4(unlit,base.a);
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
vec3 N=length(vNormal)<1e-4?normalize(cross(dFdx(vWorldPos),dFdy(vWorldPos))):normalize(vNormal);
|
|
125
|
+
if(!gl_FrontFacing)N=-N;
|
|
126
|
+
vec3 V=normalize(uCameraPos-vWorldPos);
|
|
127
|
+
if(uHasNormalTexture==1){
|
|
128
|
+
N=perturbNormal(N,V,vUV,uNormalTexture,uNormalScale);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
float metallic=uMetallic;
|
|
132
|
+
float roughness=uRoughness;
|
|
133
|
+
if(uHasMetallicRoughnessTexture==1){
|
|
134
|
+
vec4 mr=texture(uMetallicRoughnessTexture,vUV);
|
|
135
|
+
roughness*=mr.g;
|
|
136
|
+
metallic*=mr.b;
|
|
137
|
+
}
|
|
138
|
+
roughness=clamp(roughness,0.04,1.0);
|
|
139
|
+
metallic=clamp(metallic,0.0,1.0);
|
|
140
|
+
|
|
141
|
+
float occ=1.0;
|
|
142
|
+
if(uHasOcclusionTexture==1){
|
|
143
|
+
occ=mix(1.0,texture(uOcclusionTexture,vUV).r,uOcclusionStrength);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
float gloss=1.0-roughness;
|
|
147
|
+
float specExp=mix(16.0,256.0,gloss*gloss);
|
|
148
|
+
float specWeight=mix(0.22*gloss,1.0,metallic);
|
|
149
|
+
vec3 directLight=vec3(0.0);
|
|
150
|
+
for(int i=0;i<2;i++){
|
|
151
|
+
if(i>=uNumDirLights)break;
|
|
152
|
+
vec3 L=normalize(uDirLightDir[i]);
|
|
153
|
+
float NdotL=max(dot(N,L),0.0);
|
|
154
|
+
vec3 H=normalize(L+V);
|
|
155
|
+
float NoH=max(dot(N,H),0.0);
|
|
156
|
+
float spec=pow(NoH,specExp)*specWeight+uClearcoat.x*pow(NoH,mix(64.0,512.0,1.0-uClearcoat.y))*0.35;
|
|
157
|
+
directLight+=(base.rgb*NdotL*0.75+vec3(spec))*uDirLightColor[i];
|
|
158
|
+
}
|
|
159
|
+
for(int i=0;i<2;i++){
|
|
160
|
+
if(i>=uNumPointLights)break;
|
|
161
|
+
vec3 toLight=uPointLightPos[i]-vWorldPos;
|
|
162
|
+
float dist=length(toLight);
|
|
163
|
+
vec3 L=toLight/max(dist,0.0001);
|
|
164
|
+
float atten=1.0/(1.0+0.09*dist+0.032*dist*dist);
|
|
165
|
+
float NdotL=max(dot(N,L),0.0);
|
|
166
|
+
vec3 H=normalize(L+V);
|
|
167
|
+
float NoH=max(dot(N,H),0.0);
|
|
168
|
+
float spec=pow(NoH,specExp)*specWeight+uClearcoat.x*pow(NoH,mix(64.0,512.0,1.0-uClearcoat.y))*0.35;
|
|
169
|
+
directLight+=(base.rgb*NdotL*0.75+vec3(spec))*uPointLightColor[i]*atten;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
vec3 R=reflect(-V,N);
|
|
173
|
+
float NoV=clamp(dot(N,V),0.001,1.0);
|
|
174
|
+
vec3 F0=mix(vec3(0.04),base.rgb,metallic);
|
|
175
|
+
vec3 F=F_SchlickRoughness(F0,roughness,NoV);
|
|
176
|
+
vec2 brdf=envBRDF(roughness,NoV);
|
|
177
|
+
|
|
178
|
+
vec3 specularIBL;
|
|
179
|
+
vec3 envDiffuse;
|
|
180
|
+
if(uHasEnvironmentMap==1){
|
|
181
|
+
specularIBL=texture(uEnvironmentMap,equirectangularUV(R)).rgb*(F*brdf.x+brdf.y);
|
|
182
|
+
envDiffuse=texture(uEnvironmentMap,equirectangularUV(N)).rgb;
|
|
183
|
+
}else{
|
|
184
|
+
specularIBL=getStudioRadiance(R,roughness)*(F*brdf.x+brdf.y);
|
|
185
|
+
envDiffuse=mix(vec3(0.10,0.10,0.12),vec3(0.52,0.54,0.58),N.y*0.5+0.5);
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
vec3 kD=(vec3(1.0)-F)*(1.0-metallic);
|
|
189
|
+
vec3 diffuseIBL=kD*base.rgb*(uAmbientColor+envDiffuse*0.5)*occ;
|
|
190
|
+
vec3 color=directLight+(diffuseIBL+specularIBL)*uEnvIntensity+vec3(uEmissive*0.35,uEmissive*0.5,uEmissive*0.7);
|
|
191
|
+
if(uClearcoat.x>0.0){
|
|
192
|
+
vec3 ccF=F_SchlickRoughness(vec3(0.04),uClearcoat.y,NoV)*uClearcoat.x;
|
|
193
|
+
color=color*(vec3(1.0)-ccF)+getStudioRadiance(R,uClearcoat.y)*ccF*uEnvIntensity;
|
|
194
|
+
}
|
|
195
|
+
color=applyToneMapping(color,uToneMapping);
|
|
196
|
+
float outAlpha=base.a;
|
|
197
|
+
if(uXrDepthEnabled==1){
|
|
198
|
+
vec2 normViewUV=gl_FragCoord.xy/max(uViewportSize,vec2(1.0));
|
|
199
|
+
vec2 depthUV=(uXrDepthUVTransform*vec4(normViewUV,0.0,1.0)).xy;
|
|
200
|
+
vec4 depthSample=texture(uXrDepthTex,depthUV);
|
|
201
|
+
float realDepth=(uXrDepthFormat==1?depthSample.r:(depthSample.r+depthSample.a*256.0))*uXrRawValueToMeters;
|
|
202
|
+
float virtDepth=length(uCameraPos-vWorldPos);
|
|
203
|
+
if(realDepth>0.05&&virtDepth>realDepth){
|
|
204
|
+
float occAlpha=1.0-smoothstep(0.0,0.025,virtDepth-realDepth);
|
|
205
|
+
outAlpha*=occAlpha;
|
|
206
|
+
if(outAlpha<0.01)discard;
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
fragColor=vec4(color,outAlpha);
|
|
210
|
+
}`,qe=`#version 300 es
|
|
211
|
+
layout(location=0) in vec3 aPosition;
|
|
212
|
+
uniform mat4 uMVP;
|
|
213
|
+
void main(){gl_Position=uMVP*vec4(aPosition,1.0);}`,Ke=`#version 300 es
|
|
214
|
+
precision highp float;
|
|
215
|
+
uniform vec4 uColorId;
|
|
216
|
+
out vec4 fragColor;
|
|
217
|
+
void main(){fragColor=uColorId;}`;function Ce(n,t,e){let r=n.createShader(t);if(n.shaderSource(r,e),n.compileShader(r),!n.getShaderParameter(r,35713)){let i=n.getShaderInfoLog(r);throw n.deleteShader(r),new Error(`Shader compile error: ${i}`)}return r}function xe(n,t,e){let r=Ce(n,35633,t),i=Ce(n,35632,e),s=n.createProgram();if(n.attachShader(s,r),n.attachShader(s,i),n.linkProgram(s),!n.getProgramParameter(s,35714)){let u=n.getProgramInfoLog(s);throw n.deleteProgram(s),new Error(`Program link error: ${u}`)}return s}function ye(n,t,e){let r={};for(let i of e)r[i]=n.getUniformLocation(t,i);return r}var Ne=["uMVP","uModel","uNormalMatrix","uUvTransform","uBaseColor","uMetallic","uRoughness","uClearcoat","uEmissive","uCameraPos","uBaseColorTexture","uHasTexture","uMetallicRoughnessTexture","uHasMetallicRoughnessTexture","uNormalTexture","uHasNormalTexture","uNormalScale","uOcclusionTexture","uHasOcclusionTexture","uOcclusionStrength","uToneMapping","uEnvironmentMap","uHasEnvironmentMap","uAmbientColor","uNumDirLights","uDirLightDir","uDirLightColor","uNumPointLights","uPointLightPos","uPointLightColor","uEnvIntensity","uXrDepthTex","uXrDepthEnabled","uXrDepthFormat","uXrRawValueToMeters","uXrDepthUVTransform","uViewportSize"];function Ze(n){if(typeof n!="string")return null;let t=n.trim();if(!t||/[\x00-\x1f\x7f]/.test(t))return null;let e=t.toLowerCase();return e.startsWith("data:")?/^data:image\/(png|jpeg|jpg|webp|ktx2|avif)(;|,)/i.test(t)?t:null:e.startsWith("https://")||e.startsWith("blob:")?t:e.startsWith("//")||/^[a-z][a-z0-9+.-]*:/i.test(t)||/(^|[\\/])\.\.([\\/]|$)/.test(t)?null:t}function ge(n,t,e,r,i,s,u){if(r===void 0||!t.accessors?.[r])return null;let c=t.accessors[r],o=t.bufferViews[c.bufferView],l=(o.byteOffset||0)+(c.byteOffset||0),a=o.byteStride&&o.byteStride>s*4?o.byteStride>>2:s,h;if(a===s)h=new Float32Array(e,l,c.count*s);else{h=new Float32Array(c.count*s);let b=new Float32Array(e,o.byteOffset||0,Math.floor(o.byteLength/4)),p=(c.byteOffset||0)>>2;for(let y=0;y<c.count;y++){let g=p+y*a;for(let M=0;M<s;M++)h[y*s+M]=b[g+M]}}let m=n.createBuffer();return u.push(m),n.bindBuffer(34962,m),n.bufferData(34962,h,35044),n.enableVertexAttribArray(i),n.vertexAttribPointer(i,s,5126,!1,0,0),h}var Ue=Object.freeze({maxMeshes:1e3,maxTextures:64,maxVertices:1e6,maxIndices:3e6}),Oe=Object.freeze({maxMeshes:1/0,maxTextures:1/0,maxVertices:1/0,maxIndices:1/0});function Le(n,t,e=Oe,r){if(!t||!t.gltf)throw new Error("Invalid GLBData passed to buildGpuScene: missing gltf object.");let{gltf:i,bin:s}=t,u=[],c=Se(i),o=[];if(Array.isArray(i.nodes))for(let A=0;A<i.nodes.length;A++){let f=i.nodes[A];f.mesh!==void 0&&i.meshes&&i.meshes[f.mesh]&&o.push({node:f,nodeIdx:A,meshIdx:f.mesh})}let l=o.length>0?o:(i.meshes||[]).map((A,f)=>({node:A,nodeIdx:-1,meshIdx:f})),a=[];if(Array.isArray(t.lights)&&t.lights.length>0)a.push(...t.lights);else if(i.extensions?.KHR_lights_punctual?.lights){let A=i.extensions.KHR_lights_punctual.lights;for(let f of A){let P=f.type==="directional"?"directional":f.type==="point"?"point":"ambient";a.push({type:P,color:f.color||[1,1,1],intensity:f.intensity!==void 0?f.intensity:1})}}if(a.length===0&&(a.push({type:"ambient",color:[1,1,1],intensity:.35}),a.push({type:"directional",color:[1,1,1],intensity:.85,direction:[.5,1,.8]})),l.length>e.maxMeshes)throw new Error(`SecurityError: GLB scene exceeds host mesh limit (${e.maxMeshes}). Found: ${l.length}`);let h=[];if(i.textures&&i.images){if(i.textures.length>e.maxTextures)throw new Error(`SecurityError: GLB scene exceeds host texture limit (${e.maxTextures}). Found: ${i.textures.length}`);for(let A=0;A<i.textures.length;A++){let f=i.textures[A],P=i.images[f.source];if(P){let D=n.createTexture();if(n.bindTexture(3553,D),n.texImage2D(3553,0,6408,1,1,0,6408,5121,new Uint8Array([255,255,255,255])),n.texParameteri(3553,10242,10497),n.texParameteri(3553,10243,10497),n.texParameteri(3553,10241,9729),n.texParameteri(3553,10240,9729),P.bufferView!==void 0){let d=i.bufferViews[P.bufferView],S=s.slice(d.byteOffset||0,(d.byteOffset||0)+d.byteLength),E=new Blob([S],{type:P.mimeType||"image/png"});typeof createImageBitmap=="function"&&createImageBitmap(E).then(X=>{n.bindTexture(3553,D),n.texImage2D(3553,0,6408,6408,5121,X),n.generateMipmap(3553),r?.()}).catch(()=>{})}else if(P.uri){let d=Ze(P.uri);if(d){let S=new Image;S.crossOrigin="anonymous",S.referrerPolicy="no-referrer",S.onload=()=>{n.bindTexture(3553,D),n.texImage2D(3553,0,6408,6408,5121,S),n.generateMipmap(3553),r?.()},S.src=d}else console.warn("[Three-Live Security] Blocked unsafe glTF image URI:",P.uri)}h.push(D)}else h.push(null)}}let m=[1/0,1/0,1/0],b=[-1/0,-1/0,-1/0],p=0,y=0;for(let A=0;A<l.length;A++){let f=l[A],P=i.meshes[f.meshIdx],D=f.nodeIdx>=0?c[f.nodeIdx]:V(),d=new Float32Array(9);se(d,D);let S={name:f.node.name||P.name||`Mesh_${f.meshIdx}`,nodeIndex:f.nodeIdx,transform:D,normalMatrix:d,primitives:[],extras:f.node.extras||P.extras};for(let E of P.primitives||[]){if(E.extensions?.KHR_draco_mesh_compression){let F=he("draco");F&&F.decodePrimitive(i,E,s)}let X=[],ee=n.createVertexArray();n.bindVertexArray(ee);let j=i.accessors[E.attributes.POSITION],G=Number(j?.count??0);if(!Number.isFinite(G)||G<0||p+G>e.maxVertices)throw new Error(`SecurityError: GLB scene exceeds host vertex limit (${e.maxVertices}).`);if(p+=G,j?.min&&j?.max)for(let F=0;F<3;F++){let q=D[12+F],ae=D[12+F];for(let Q=0;Q<3;Q++){let de=D[Q*4+F]*j.min[Q],pe=D[Q*4+F]*j.max[Q];q+=de<pe?de:pe,ae+=de>pe?de:pe}q<m[F]&&(m[F]=q),ae>b[F]&&(b[F]=ae)}let oe=ge(n,i,s,E.attributes.POSITION,0,3,X);ge(n,i,s,E.attributes.NORMAL,1,3,X),ge(n,i,s,E.attributes.TEXCOORD_0,2,2,X);let k=0,W=5123,I=null;if(E.indices!==void 0){let F=i.accessors[E.indices],ae=(i.bufferViews[F.bufferView].byteOffset||0)+(F.byteOffset||0);if(k=Number(F.count??0),!Number.isFinite(k)||k<0||y+k>e.maxIndices)throw new Error(`SecurityError: GLB scene exceeds host index limit (${e.maxIndices}).`);y+=k,W=F.componentType===5125?5125||5125:5123||5123;let Q=n.createBuffer();X.push(Q),n.bindBuffer(34963,Q),F.componentType===5125?(I=new Uint32Array(s,ae,F.count),n.bufferData(34963,I,35044)):(I=new Uint16Array(s,ae,F.count),n.bufferData(34963,I,35044))}else k=j.count;let L={};for(let F of O)if(F.onBuildPrimitiveVAO){let q=F.onBuildPrimitiveVAO(n,ee,E,i,s);q&&(L[F.name]=q)}n.bindVertexArray(null);let B=i.materials&&E.material!==void 0?i.materials[E.material]:null,_=Be,K=ke,J=!1;for(let F of O)if(F.onResolveShader){let q=F.onResolveShader(E,B,_,K);q&&(_=q.vs,K=q.fs,J=!0)}let Z=J?xe(n,_,K):null,me=Z?ye(n,Z,Ne):null,z=B?.pbrMetallicRoughness,$=z?.baseColorFactor||[.8,.8,.8,1],ue=z?.metallicFactor??.1,ce=z?.roughnessFactor??.5,ne=B?.extensions?.KHR_materials_clearcoat,te=ne?ne.clearcoatFactor??1:0,ie=Math.max(.04,ne?.clearcoatRoughnessFactor??.04),re=z?.baseColorTexture!==void 0&&h[z.baseColorTexture.index]?h[z.baseColorTexture.index]:null,le=z?.metallicRoughnessTexture!==void 0&&h[z.metallicRoughnessTexture.index]?h[z.metallicRoughnessTexture.index]:null,He=B?.normalTexture!==void 0&&h[B.normalTexture.index]?h[B.normalTexture.index]:null,Ve=B?.normalTexture?.scale??1,Xe=B?.occlusionTexture!==void 0&&h[B.occlusionTexture.index]?h[B.occlusionTexture.index]:null,We=B?.occlusionTexture?.strength??1,ze=!!(B?.extensions?.KHR_materials_transmission||L.materials?.isTransmissive);S.primitives.push({vao:ee,indexCount:k,indexType:W,baseColor:$,metallic:ue,roughness:ce,clearcoat:te,clearcoatRoughness:ie,positions:oe,indices:I,texture:re,metallicRoughnessTexture:le,normalTexture:He,occlusionTexture:Xe,normalScale:Ve,occlusionStrength:We,buffers:X,materialIndex:E.material,pluginData:L,customProgram:Z,customUniforms:me,isTransmissive:ze})}u.push(S)}isFinite(m[0])||(m=[-1,-1,-1]),isFinite(b[0])||(b=[1,1,1]);let g=[(m[0]+b[0])/2,(m[1]+b[1])/2,(m[2]+b[2])/2],M=b[0]-m[0],w=b[1]-m[1],R=b[2]-m[2],T=Math.max(Math.hypot(M,w,R)/2,.5),v=[m[0],m[1],m[2]],x=[b[0],b[1],b[2]],C=t.animations;if(!C){for(let A of O)if(A.onParseGLB?.(t),t.animations){C=t.animations;break}}return C||(C=[]),{meshes:u,bounds:{center:g,radius:T,min:v,max:x},lights:a,animations:C,worldMatrices:c}}var H=class{constructor(t,e,r){this.meshes=[];this.backdropMeshes=[];this.bounds={center:[0,0,0],radius:1,min:[-1,-1,-1],max:[1,1,1]};this.lights=[];this.modelRootMatrix=V();this.clearColor=[0,0,0,0];this.envIntensity=1;this.shadowIntensity=0;this.shadowSoftness=.5;this.toneMapping="neutral";this.environmentTexture=null;this.animations=[];this.currentClip=null;this.animationTime=0;this.isPlayingAnimation=!1;this.autoplay=!1;this.animationName="";this.gltf=null;this.worldMatrices=[];this.initialNodeTransforms=[];this.projMatrix=V();this.viewMatrix=V();this.modelMatrix=V();this.mvpMatrix=V();this.normalMatrix=new Float32Array(9);this.initialTheta=.6;this.initialPhi=.35;this.initialDistance=null;this.customDistance=!1;this.distanceMode="auto";this.initialCustomTarget=null;this.customTarget=null;this.fov=Math.PI/4;this.minTheta=-1/0;this.maxTheta=1/0;this.minPhi=-Math.PI*.48;this.maxPhi=Math.PI*.48;this.minDistanceLimit=null;this.maxDistanceLimit=null;this.activePointers=new Map;this.isPanning=!1;this.targetTheta=.6;this.currTheta=.6;this.targetPhi=.35;this.currPhi=.35;this.targetDistance=3;this.currDistance=3;this.autoRotate=!1;this.autoRotateSpeed=Math.PI/6;this.autoRotateDelay=3e3;this.lastInteractionTime=-1/0;this.turntableRotation=0;this.isPointerDown=!1;this.interactive=!0;this.skyboxTexture=null;this.lastPointerX=0;this.lastPointerY=0;this.totalDragDist=0;this.selectedMeshName="";this.pickFbo=null;this.pickTexture=null;this.pickDepth=null;this.pickFboWidth=0;this.pickFboHeight=0;this.animFrameId=null;this.isVisible=!0;this.lastTime=0;this.lastReportedTheta=-999;this.lastReportedPhi=-999;this.lastReportedZoom=-999;this.boundPointerDown=null;this.boundPointerMove=null;this.boundPointerUp=null;this.boundWheel=null;this.boundKeyDown=null;this.boundContextMenu=null;this.boundSetCamera=null;this.boundResetCamera=null;this.xrDepthState={enabled:!1,texture:null,uvTransform:V(),rawValueToMeters:.001,format:0};this.container=t;let i,s;if(e&&typeof e.getContext=="function"?(i=e,s=r):(s=e,i=s?.canvas),!i){let o=t.querySelector("canvas");o||(o=document.createElement("canvas"),o.style.width="100%",o.style.height="100%",o.style.display="block",o.style.touchAction="none",t.prepend(o)),i=o}this.canvas=i,this.opts=s||{},this.opts.clearColor&&(this.clearColor=this.opts.clearColor);let u=typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.opts.autoRotate!==void 0?this.autoRotate=this.opts.autoRotate&&!u:u&&(this.autoRotate=!1),this.opts.autoRotateSpeed!==void 0&&(this.autoRotateSpeed=this.opts.autoRotateSpeed),this.opts.autoRotateDelay!==void 0&&(this.autoRotateDelay=Math.max(0,Number(this.opts.autoRotateDelay)||0)),this.opts.exposure!==void 0&&(this.envIntensity=Math.max(0,Number(this.opts.exposure))),this.opts.camera&&this.setInitialCamera(this.opts.camera.theta,this.opts.camera.phi,this.opts.camera.distance,this.opts.camera.zoom),this.opts.shadowIntensity!==void 0&&(this.shadowIntensity=Math.max(0,Math.min(1,Number(this.opts.shadowIntensity)||0))),this.opts.shadowSoftness!==void 0&&(this.shadowSoftness=Math.max(0,Math.min(1,Number(this.opts.shadowSoftness)||0))),this.opts.toneMapping!==void 0&&(this.toneMapping=this.opts.toneMapping),this.opts.autoplay!==void 0&&(this.autoplay=this.opts.autoplay),this.opts.animationName!==void 0&&(this.animationName=this.opts.animationName),this.opts.fieldOfView!==void 0&&(this.fov=this.opts.fieldOfView*Math.PI/180),this.opts.distanceMode!==void 0&&(this.distanceMode=this.opts.distanceMode),this.opts.cameraTarget!==void 0&&(this.setTarget(this.opts.cameraTarget[0],this.opts.cameraTarget[1],this.opts.cameraTarget[2]),this.initialCustomTarget=[...this.opts.cameraTarget]),(this.opts.minCameraOrbit||this.opts.maxCameraOrbit)&&this.setOrbitLimits({minTheta:this.opts.minCameraOrbit?.theta,maxTheta:this.opts.maxCameraOrbit?.theta,minPhi:this.opts.minCameraOrbit?.phi,maxPhi:this.opts.maxCameraOrbit?.phi,minDistance:this.opts.minCameraOrbit?.distance,maxDistance:this.opts.maxCameraOrbit?.distance});let c=i.getContext("webgl2",{antialias:!0,alpha:!0,xrCompatible:!0});if(!c)throw new Error("WebGL2 not supported");this.gl=c,this.renderProg=xe(c,Be,ke),this.pickProg=xe(c,qe,Ke),this.uRender=ye(c,this.renderProg,Ne),this.uPick=ye(c,this.pickProg,["uMVP","uColorId"]),this.setupPickingFbo(),this.setupEvents(),this.opts.environmentImage&&this.setEnvironmentImage(this.opts.environmentImage).catch(()=>{}),typeof requestAnimationFrame<"u"&&this.opts.autoStart!==!1&&this.start()}static registerDecoder(t,e){je(t,e)}static getDecoder(t){return he(t)}setupPickingFbo(){let t=this.gl;if(typeof t.createFramebuffer!="function")return;this.pickFbo=t.createFramebuffer(),this.pickTexture=t.createTexture(),this.pickDepth=t.createRenderbuffer();let e=Math.max(1,this.canvas.width),r=Math.max(1,this.canvas.height);this.pickFboWidth=e,this.pickFboHeight=r,t.bindTexture(3553,this.pickTexture),t.texImage2D(3553,0,6408,e,r,0,6408,5121,null),t.texParameteri(3553,10241,9728),t.texParameteri(3553,10240,9728),t.bindRenderbuffer(36161,this.pickDepth),t.renderbufferStorage(36161,33189,e,r),t.bindFramebuffer(36160,this.pickFbo),t.framebufferTexture2D(36160,36064,3553,this.pickTexture,0),t.framebufferRenderbuffer(36160,36096,36161,this.pickDepth),t.bindFramebuffer(36160,null)}resizePickingFbo(t,e){if(!this.pickFbo)return;let r=this.gl,i=Math.max(1,t),s=Math.max(1,e);this.pickFboWidth=i,this.pickFboHeight=s,r.bindTexture(3553,this.pickTexture),r.texImage2D(3553,0,6408,i,s,0,6408,5121,null),r.bindRenderbuffer(36161,this.pickDepth),r.renderbufferStorage(36161,33189,i,s)}loadGLBData(t,e){let{meshes:r,bounds:i,lights:s,animations:u,worldMatrices:c}=Le(this.gl,t,e,()=>this.render());if(this.disposeMeshGpuResources(),this.meshes=r,this.bounds=i,this.turntableRotation=0,this.updateTurntableMatrix(),this.lights=s,this.animations=u||[],this.worldMatrices=c||[],this.gltf=t.gltf,this.initialNodeTransforms=[],Array.isArray(t.gltf?.nodes))for(let l of t.gltf.nodes)this.initialNodeTransforms.push({t:l.translation?[l.translation[0],l.translation[1],l.translation[2]]:[0,0,0],r:l.rotation?[l.rotation[0],l.rotation[1],l.rotation[2],l.rotation[3]]:[0,0,0,1],s:l.scale?[l.scale[0],l.scale[1],l.scale[2]]:[1,1,1]});this.autoplay&&this.animations.length>0&&this.playAnimation(this.animationName||void 0);for(let l of O)l.onLoadModel?.(this,this.gltf);this.customDistance||(this.initialDistance=this.distanceMode==="absolute"?3:i.radius*2.5,this.targetDistance=this.initialDistance,this.currDistance=this.initialDistance);let o=t.exposure??t.environmentIntensity??t.gltf?.extras?.exposure??t.gltf?.extras?.environmentIntensity??t.gltf?.asset?.extras?.exposure??t.gltf?.asset?.extras?.environmentIntensity;o!==void 0&&(this.envIntensity=Math.max(0,Number(o))),this.container&&typeof this.container.hasAttribute=="function"&&this.container.hasAttribute("poster")&&this.container.removeAttribute("poster"),this.resize(),this.update(0),this.render(),this.animFrameId===null&&typeof requestAnimationFrame<"u"&&this.opts.autoStart!==!1&&this.start()}loadGLB(t){this.loadGLBData(Ie(t))}loadModel(t){this.loadGLBData(be(t))}setBackdropGLB(t,e){if(this.disposeMeshListGpuResources(this.backdropMeshes),this.backdropMeshes=[],!t){this.update(0),this.render();return}let r=be(t),{meshes:i}=Le(this.gl,r,Oe,()=>this.render());if(e)for(let s of i)s.transform[12]+=e[0],s.transform[13]+=e[1],s.transform[14]+=e[2],se(s.normalMatrix,s.transform);this.backdropMeshes=i,this.update(0),this.render()}setClearColor(t,e,r,i=1){this.clearColor=[t,e,r,i]}updateMeshTransforms(t){for(let e=0;e<this.meshes.length;e++){let r=this.meshes[e],i;t instanceof Map?i=t.get(r.name)??t.get(e):Array.isArray(t)?i=t[e]:t&&typeof t=="object"&&(Object.prototype.hasOwnProperty.call(t,r.name)?i=t[r.name]:Object.prototype.hasOwnProperty.call(t,e)&&(i=t[e])),i&&i.length===16&&(r.transform.set(i),se(r.normalMatrix,r.transform))}}bindLights(t=this.uRender){let e=this.gl,r=[.28,.28,.28],i=[],s=[],u=[],c=[];for(let o of this.lights){let l=o.color||[1,1,1],a=o.intensity!==void 0?o.intensity:1;if(o.type==="ambient")r=[l[0]*a,l[1]*a,l[2]*a];else if(o.type==="directional"&&i.length<6){let h=o.direction||[.5,1,.8];i.push(h[0],h[1],h[2]),s.push(l[0]*a,l[1]*a,l[2]*a)}else if(o.type==="point"&&u.length<6){let h=o.position||[0,0,0];u.push(h[0],h[1],h[2]),c.push(l[0]*a,l[1]*a,l[2]*a)}}i.length===0&&(i.push(.5,1,.8),s.push(1,1,1)),e.uniform3fv(t.uAmbientColor,r),e.uniform1i(t.uNumDirLights,i.length/3),i.length>0&&(e.uniform3fv(t.uDirLightDir,i),e.uniform3fv(t.uDirLightColor,s)),e.uniform1i(t.uNumPointLights,u.length/3),u.length>0&&(e.uniform3fv(t.uPointLightPos,u),e.uniform3fv(t.uPointLightColor,c)),e.uniform1f(t.uEnvIntensity,this.envIntensity)}setExposure(t){this.envIntensity=Math.max(0,Number(t))}getExposure(){return this.envIntensity}setShadow(t,e){this.shadowIntensity=Math.max(0,Math.min(1,Number(t)||0)),e!==void 0&&(this.shadowSoftness=Math.max(0,Math.min(1,Number(e)||0)))}getShadowIntensity(){return this.shadowIntensity}getShadowSoftness(){return this.shadowSoftness}setToneMapping(t){this.toneMapping=t}getToneMapping(){return this.toneMapping}async setEnvironmentImage(t){for(let e of O)if(e.setEnvironmentImage){await e.setEnvironmentImage(this,t);return}}async setSkyboxImage(t){for(let e of O)if(e.setSkyboxImage){await e.setSkyboxImage(this,t);return}}setInteractive(t){this.interactive=t}isInteractive(){return this.interactive}getCameraOrbit(){let t=this.currTheta,e=this.currPhi,r=this.currDistance;return{theta:t,phi:e,radius:r,toString(){return`${t.toFixed(4)}rad ${e.toFixed(4)}rad ${r.toFixed(4)}m`}}}getCameraTarget(){let t=this.customTarget||this.bounds.center;return{x:t[0],y:t[1],z:t[2],toString(){return`${t[0].toFixed(4)}m ${t[1].toFixed(4)}m ${t[2].toFixed(4)}m`}}}jumpCameraToGoal(){this.currTheta=this.targetTheta,this.currPhi=this.targetPhi,this.currDistance=this.targetDistance,this.update(0),this.render()}getModelMaterials(){let t=this.gltf?.materials?.length?this.gltf.materials:[{name:"DefaultMaterial",pbrMetallicRoughness:{}}];return t.map((e,r)=>{let i=this.meshes.flatMap(a=>a.primitives.filter(h=>h.materialIndex===r||t.length===1&&h.materialIndex===void 0)),s=i[0],u=s?[...s.baseColor]:e.pbrMetallicRoughness?.baseColorFactor||[.8,.8,.8,1],c=s?s.metallic:e.pbrMetallicRoughness?.metallicFactor??.1,o=s?s.roughness:e.pbrMetallicRoughness?.roughnessFactor??.5,l={baseColorFactor:u,metallicFactor:c,roughnessFactor:o,setBaseColorFactor:a=>{let h=[a[0],a[1],a[2],a[3]??1];l.baseColorFactor=h,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.baseColorFactor=h);for(let m of i)m.baseColor=h;this.render()},setMetallicFactor:a=>{l.metallicFactor=a,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.metallicFactor=a);for(let h of i)h.metallic=a;this.render()},setRoughnessFactor:a=>{l.roughnessFactor=a,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.roughnessFactor=a);for(let h of i)h.roughness=a;this.render()}};return{name:e.name||`Material_${r}`,pbrMetallicRoughness:l}})}playAnimation(t){if(this.animations.length!==0){if(t){let e=this.animations.find(r=>r.name===t);e&&(this.currentClip=e)}else this.currentClip||(this.currentClip=this.animations[0]);this.isPlayingAnimation=!0}}pauseAnimation(){this.isPlayingAnimation=!1}getAvailableAnimations(){return this.animations.map(t=>t.name)}setAutoplay(t){this.autoplay=t,t?this.playAnimation(this.animationName||void 0):this.pauseAnimation()}setAnimationName(t){this.animationName=t,(this.isPlayingAnimation||this.autoplay)&&this.playAnimation(t)}evaluateAnimation(t){for(let e of O)if(e.evaluateAnimation){e.evaluateAnimation(this,t);return}}setTarget(t,e,r){this.customTarget=[t,e,r],this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}getTarget(){return this.customTarget?[...this.customTarget]:null}setFieldOfView(t){let e=Math.max(10,Math.min(90,t));this.fov=e*Math.PI/180}getFieldOfView(){return this.fov*180/Math.PI}setDistanceMode(t){if(this.distanceMode=t,!this.customDistance){let e=this.clampDistance(this.distanceMode==="absolute"?3:this.bounds.radius*2.5);this.initialDistance=e,this.targetDistance=e,this.currDistance=e,this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}}getDistanceMode(){return this.distanceMode}setOrbitLimits(t){t.minTheta!==void 0&&(this.minTheta=t.minTheta*Math.PI/180),t.maxTheta!==void 0&&(this.maxTheta=t.maxTheta*Math.PI/180),t.minPhi!==void 0&&(this.minPhi=Math.max(-Math.PI*.48,t.minPhi*Math.PI/180)),t.maxPhi!==void 0&&(this.maxPhi=Math.min(Math.PI*.48,t.maxPhi*Math.PI/180)),t.minDistance!==void 0&&(this.minDistanceLimit=t.minDistance),t.maxDistance!==void 0&&(this.maxDistanceLimit=t.maxDistance),this.targetTheta=this.clampTheta(this.targetTheta),this.targetPhi=this.clampPhi(this.targetPhi),this.targetDistance=this.clampDistance(this.targetDistance)}getOrbitLimits(){return{minTheta:isFinite(this.minTheta)?this.minTheta*180/Math.PI:void 0,maxTheta:isFinite(this.maxTheta)?this.maxTheta*180/Math.PI:void 0,minPhi:this.minPhi*180/Math.PI,maxPhi:this.maxPhi*180/Math.PI,minDistance:this.minDistanceLimit!==null?this.minDistanceLimit:void 0,maxDistance:this.maxDistanceLimit!==null?this.maxDistanceLimit:void 0}}clampTheta(t){return Math.max(this.minTheta,Math.min(this.maxTheta,t))}clampPhi(t){return Math.max(this.minPhi,Math.min(this.maxPhi,t))}clampDistance(t){let e=this.minDistanceLimit!==null?this.minDistanceLimit:this.bounds?this.bounds.radius*.5:.1,r=this.maxDistanceLimit!==null?this.maxDistanceLimit:this.bounds?this.bounds.radius*8:100;return Math.max(e,Math.min(r,t))}setCamera(t,e,r,i){t!==void 0&&(this.targetTheta=this.clampTheta(t*Math.PI/180)),e!==void 0&&(this.targetPhi=this.clampPhi(e*Math.PI/180)),r!==void 0&&r>0&&(this.targetDistance=this.clampDistance(r)),i!==void 0&&i>0&&(this.targetDistance=this.clampDistance(this.bounds.radius*2.5/i))}setInitialCamera(t,e,r,i){if(t!==void 0&&(this.initialTheta=this.clampTheta(t*Math.PI/180),this.targetTheta=this.initialTheta,this.currTheta=this.initialTheta),e!==void 0&&(this.initialPhi=this.clampPhi(e*Math.PI/180),this.targetPhi=this.initialPhi,this.currPhi=this.initialPhi),r!==void 0&&r>0){let s=this.clampDistance(r);this.initialDistance=s,this.customDistance=!0,this.targetDistance=s,this.currDistance=s}else if(i!==void 0&&i>0){let s=this.clampDistance(this.bounds.radius*2.5/i);this.initialDistance=s,this.customDistance=!0,this.targetDistance=s,this.currDistance=s}else{this.customDistance=!1;let s=this.clampDistance(this.distanceMode==="absolute"?3:this.bounds.radius*2.5);this.initialDistance=s,this.targetDistance=s,this.currDistance=s}this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}resetCamera(){this.targetTheta=this.clampTheta(this.initialTheta),this.targetPhi=this.clampPhi(this.initialPhi),this.initialDistance!==null?this.targetDistance=this.clampDistance(this.initialDistance):this.targetDistance=this.clampDistance(this.bounds.radius*2.5),this.initialCustomTarget?this.customTarget=[...this.initialCustomTarget]:this.customTarget=null,this.turntableRotation=0,this.updateTurntableMatrix()}projectPointToScreen(t,e){let r=V();Y(r,this.projMatrix,this.viewMatrix);let[i,s,u]=t,c=e?e[0]:0,o=e?e[1]:0,l=e?e[2]:0,a=this.modelRootMatrix;a&&(i=a[0]*t[0]+a[4]*t[1]+a[8]*t[2]+a[12],s=a[1]*t[0]+a[5]*t[1]+a[9]*t[2]+a[13],u=a[2]*t[0]+a[6]*t[1]+a[10]*t[2]+a[14],e&&(c=a[0]*e[0]+a[4]*e[1]+a[8]*e[2],o=a[1]*e[0]+a[5]*e[1]+a[9]*e[2],l=a[2]*e[0]+a[6]*e[1]+a[10]*e[2]));let h=r[0]*i+r[4]*s+r[8]*u+r[12],m=r[1]*i+r[5]*s+r[9]*u+r[13],b=r[2]*i+r[6]*s+r[10]*u+r[14],p=r[3]*i+r[7]*s+r[11]*u+r[15];if(p<=1e-4)return{x:0,y:0,z:1,visible:!1};let y=h/p,g=m/p,M=b/p,w=this.canvas.getBoundingClientRect(),R=w.width||this.canvas.clientWidth||this.canvas.width||300,T=w.height||this.canvas.clientHeight||this.canvas.height||150,v=(y*.5+.5)*R,x=(-g*.5+.5)*T,C=y>=-1.1&&y<=1.1&&g>=-1.1&&g<=1.1&&M>=-1&&M<=1;if(C&&e){let A=this.customTarget||this.bounds.center,f=A[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),P=A[1]+this.currDistance*Math.sin(this.currPhi),D=A[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta),d=[i-f,s-P,u-D];c*d[0]+o*d[1]+l*d[2]>.05&&(C=!1)}return{x:v,y:x,z:M,visible:C}}setSelectedMesh(t){this.selectedMeshName=t||""}setupEvents(){let t=this.canvas;this.boundContextMenu=e=>{e.preventDefault()},t.addEventListener("contextmenu",this.boundContextMenu),this.boundPointerDown=e=>{this.interactive&&(this.isPointerDown=!0,this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now(),this.lastPointerX=e.clientX,this.lastPointerY=e.clientY,this.totalDragDist=0,this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),this.isPanning=e.button===2||e.shiftKey||this.activePointers.size===2,t.setPointerCapture(e.pointerId))},t.addEventListener("pointerdown",this.boundPointerDown),this.boundPointerMove=e=>{if(!this.isPointerDown||!this.interactive)return;this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now();let r=this.activePointers.get(e.pointerId)||{x:this.lastPointerX,y:this.lastPointerY},i=e.clientX-r.x,s=e.clientY-r.y;if(this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),this.lastPointerX=e.clientX,this.lastPointerY=e.clientY,this.totalDragDist+=Math.hypot(i,s),this.isPanning||e.button===2||e.shiftKey||this.activePointers.size===2){let u=[this.viewMatrix[0],this.viewMatrix[4],this.viewMatrix[8]],c=[this.viewMatrix[1],this.viewMatrix[5],this.viewMatrix[9]],o=this.customTarget?[...this.customTarget]:[...this.bounds.center],l=this.currDistance/Math.max(t.clientHeight||300,1)*1.5;o[0]+=(-i*u[0]+s*c[0])*l,o[1]+=(-i*u[1]+s*c[1])*l,o[2]+=(-i*u[2]+s*c[2])*l,this.customTarget=o}else this.targetTheta=this.clampTheta(this.targetTheta-i*.008),this.targetPhi=this.clampPhi(this.targetPhi+s*.008)},t.addEventListener("pointermove",this.boundPointerMove),this.boundPointerUp=e=>{this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now(),this.activePointers.delete(e.pointerId),this.activePointers.size===0?(this.isPointerDown=!1,this.isPanning=!1):this.activePointers.size===1&&(this.isPanning=!1);try{t.releasePointerCapture(e.pointerId)}catch{}if(this.totalDragDist<5&&e.button===0){let r=t.getBoundingClientRect(),i=Math.floor((e.clientX-r.left)*(t.width/Math.max(r.width,1))),s=Math.floor((e.clientY-r.top)*(t.height/Math.max(r.height,1)));this.performMeshPick(i,s,!0)}},t.addEventListener("pointerup",this.boundPointerUp),this.boundWheel=e=>{if(!this.interactive)return;e.preventDefault(),this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now();let r=Math.exp(e.deltaY*.001);this.targetDistance=this.clampDistance(this.targetDistance*r)},t.addEventListener("wheel",this.boundWheel,{passive:!1}),this.boundSetCamera=e=>{let r=e.detail||{};r.reset?this.resetCamera():this.setCamera(r.theta,r.phi,r.distance,r.zoom)},this.container.addEventListener("setCamera",this.boundSetCamera),this.boundResetCamera=()=>{this.resetCamera()},this.container.addEventListener("resetCamera",this.boundResetCamera),t.tabIndex!==void 0&&t.tabIndex<0&&(t.tabIndex=0),t.getAttribute?.("role")||t.setAttribute?.("role","region"),t.getAttribute?.("aria-label")||t.setAttribute?.("aria-label","Interactive 3D model viewport"),this.boundKeyDown=e=>{if(!this.interactive)return;let r=typeof performance<"u"?performance.now():Date.now();switch(e.key){case"ArrowLeft":this.lastInteractionTime=r,this.targetTheta=this.clampTheta(this.targetTheta-.1),e.preventDefault();break;case"ArrowRight":this.lastInteractionTime=r,this.targetTheta=this.clampTheta(this.targetTheta+.1),e.preventDefault();break;case"ArrowUp":this.lastInteractionTime=r,this.targetPhi=this.clampPhi(this.targetPhi+.08),e.preventDefault();break;case"ArrowDown":this.lastInteractionTime=r,this.targetPhi=this.clampPhi(this.targetPhi-.08),e.preventDefault();break;case"+":case"=":{this.lastInteractionTime=r,this.targetDistance=this.clampDistance(this.targetDistance*.9),e.preventDefault();break}case"-":case"_":{this.lastInteractionTime=r,this.targetDistance=this.clampDistance(this.targetDistance*1.1),e.preventDefault();break}case"Home":this.lastInteractionTime=r,this.resetCamera(),e.preventDefault();break}},t.addEventListener("keydown",this.boundKeyDown)}teardownEvents(){let t=this.canvas;this.boundContextMenu&&(t.removeEventListener("contextmenu",this.boundContextMenu),this.boundContextMenu=null),this.boundPointerDown&&(t.removeEventListener("pointerdown",this.boundPointerDown),this.boundPointerDown=null),this.boundPointerMove&&(t.removeEventListener("pointermove",this.boundPointerMove),this.boundPointerMove=null),this.boundPointerUp&&(t.removeEventListener("pointerup",this.boundPointerUp),this.boundPointerUp=null),this.boundWheel&&(t.removeEventListener("wheel",this.boundWheel),this.boundWheel=null),this.boundKeyDown&&(t.removeEventListener("keydown",this.boundKeyDown),this.boundKeyDown=null),this.boundSetCamera&&(this.container.removeEventListener("setCamera",this.boundSetCamera),this.boundSetCamera=null),this.boundResetCamera&&(this.container.removeEventListener("resetCamera",this.boundResetCamera),this.boundResetCamera=null)}raycastFromScreenPoint(t,e){let r=this.canvas,i=r.getBoundingClientRect(),s=r.width||300,u=r.height||300,c=i.width>0?Math.floor((t-i.left)*(s/i.width)):Math.floor(t),o=i.height>0?Math.floor((e-i.top)*(u/i.height)):Math.floor(e);return this.performMeshPick(c,o,!1)}performMeshPick(t,e,r=!0){if(this.meshes.length===0)return null;let i=this.gl,s=Math.max(1,this.canvas.width||300),u=Math.max(1,this.canvas.height||300),c=V();Y(c,this.projMatrix,this.viewMatrix);let o=[],l=Math.max(0,Math.min(s-1,t)),a=Math.max(0,Math.min(u-1,u-1-e));if(this.pickFbo&&i){(this.pickFboWidth!==s||this.pickFboHeight!==u)&&this.resizePickingFbo(s,u),i.bindFramebuffer(36160,this.pickFbo),i.viewport(0,0,s,u),i.enable(2929),i.clearColor(0,0,0,0),i.clear(16384|256),i.useProgram(this.pickProg);for(let C=0;C<this.meshes.length;C++){let A=this.meshes[C];if(A.visible===!1||A.isPluginMesh)continue;let f=C+1,P=(f&255)/255,D=(f>>8&255)/255,d=(f>>16&255)/255;i.uniform4f(this.uPick.uColorId,P,D,d,1),Y(this.modelMatrix,this.modelRootMatrix,A.transform),Y(this.mvpMatrix,c,this.modelMatrix),i.uniformMatrix4fv(this.uPick.uMVP,!1,this.mvpMatrix);for(let S of A.primitives)i.bindVertexArray(S.vao),i.drawElements(4,S.indexCount,S.indexType,0)}let v=new Uint8Array(4);i.readPixels(l,a,1,1,6408,5121,v),i.bindFramebuffer(36160,null);let x=v[0]+(v[1]<<8)+(v[2]<<16);x>0&&x<=this.meshes.length&&(o=[this.meshes[x-1]])}o.length===0&&(o=this.meshes.filter(v=>v.visible!==!1));let h=null,m=1/0,b=[0,0,0],p=[0,1,0],y=this.customTarget||this.bounds.center,g=y[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),M=y[1]+this.currDistance*Math.sin(this.currPhi),w=y[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta);for(let v of o){Y(this.modelMatrix,this.modelRootMatrix,v.transform),Y(this.mvpMatrix,c,this.modelMatrix);let x=V();if(!Pe(x,this.mvpMatrix))continue;let C=(l+.5)/s*2-1,A=(a+.5)/u*2-1,f=[0,0,0],P=[0,0,0];ve(f,C,A,-1,x),ve(P,C,A,1,x);let D=P[0]-f[0],d=P[1]-f[1],S=P[2]-f[2],E=Math.hypot(D,d,S)||1,X=D/E,ee=d/E,j=S/E,G={distance:1/0,point:[0,0,0],normal:[0,1,0]};if((k=>{for(let W of v.primitives){if(!W.positions)continue;let I=W.positions,L=W.indices,B=Math.floor(L?L.length/3:I.length/9);for(let _=0;_<B;_++){let K=L?L[_*3]:_*3,J=L?L[_*3+1]:_*3+1,Z=L?L[_*3+2]:_*3+2;De(f[0],f[1],f[2],X,ee,j,I[K*3],I[K*3+1],I[K*3+2],I[J*3],I[J*3+1],I[J*3+2],I[Z*3],I[Z*3+1],I[Z*3+2],G,k)}}})(1e-4),isFinite(G.distance)){let k=G.point[0],W=G.point[1],I=G.point[2],L=this.modelMatrix,B=L[0]*k+L[4]*W+L[8]*I+L[12],_=L[1]*k+L[5]*W+L[9]*I+L[13],K=L[2]*k+L[6]*W+L[10]*I+L[14],J=B-g,Z=_-M,me=K-w,z=Math.hypot(J,Z,me);if(z<m){se(this.normalMatrix,this.modelMatrix);let $=this.normalMatrix,ue=G.normal[0],ce=G.normal[1],ne=G.normal[2],te=$[0]*ue+$[3]*ce+$[6]*ne,ie=$[1]*ue+$[4]*ce+$[7]*ne,re=$[2]*ue+$[5]*ce+$[8]*ne,le=Math.hypot(te,ie,re)||1;te/=le,ie/=le,re/=le,te*J+ie*Z+re*me>0&&(te=-te,ie=-ie,re=-re),h=v,m=Math.round(z*1e3)/1e3,b=[Math.round(B*1e3)/1e3,Math.round(_*1e3)/1e3,Math.round(K*1e3)/1e3],p=[Math.round(te*1e3)/1e3,Math.round(ie*1e3)/1e3,Math.round(re*1e3)/1e3]}}}if(!h)return null;let T={meshIndex:this.meshes.indexOf(h),meshName:h.name,nodeIndex:h.nodeIndex,distance:m,hitPoint:b,normal:p,screenX:t,screenY:e};if(r){for(let v of O)v.onMeshSelect?.(this,T);this.opts.onMeshClick&&this.opts.onMeshClick(T),typeof CustomEvent<"u"&&typeof this.container.dispatchEvent=="function"&&this.container.dispatchEvent(new CustomEvent("meshClick",{bubbles:!0,detail:T}))}return T}resize(){let t=Math.min((typeof window<"u"?window.devicePixelRatio:1)||1,2),e=this.canvas.getBoundingClientRect(),r=Math.max(1,Math.floor(e.width*t)),i=Math.max(1,Math.floor(e.height*t));(this.canvas.width!==r||this.canvas.height!==i)&&(this.canvas.width=r,this.canvas.height=i,this.resizePickingFbo(r,i))}start(){if(this.animFrameId!==null)return;this.lastTime=performance.now();let t=e=>{let r=Math.min((e-this.lastTime)/1e3,.1);this.lastTime=e,this.isVisible&&(this.resize(),this.update(r),this.render()),this.animFrameId=requestAnimationFrame(t)};this.animFrameId=requestAnimationFrame(t)}stop(){this.animFrameId!==null&&(cancelAnimationFrame(this.animFrameId),this.animFrameId=null)}setAutoRotate(t){this.autoRotate=t}getAutoRotate(){return this.autoRotate}setAutoRotateSpeed(t){this.autoRotateSpeed=t}getAutoRotateSpeed(){return this.autoRotateSpeed}setAutoRotateDelay(t){this.autoRotateDelay=Math.max(0,Number(t)||0)}getAutoRotateDelay(){return this.autoRotateDelay}resetTurntableRotation(t=0){this.turntableRotation=Number(t)||0,this.updateTurntableMatrix(),this.render()}updateTurntableMatrix(){let t=Math.cos(this.turntableRotation),e=Math.sin(this.turntableRotation),r=this.bounds.center[0],i=this.bounds.center[2],s=this.modelRootMatrix;s[0]=t,s[1]=0,s[2]=-e,s[3]=0,s[4]=0,s[5]=1,s[6]=0,s[7]=0,s[8]=e,s[9]=0,s[10]=t,s[11]=0,s[12]=r-(t*r+e*i),s[13]=0,s[14]=i-(-e*r+t*i),s[15]=1}setVisible(t){this.isVisible=t}update(t){for(let m of O)m.onUpdate?.(this,t);let e=typeof performance<"u"?performance.now():Date.now();if(!this.isPointerDown&&this.autoRotate&&e-this.lastInteractionTime>=this.autoRotateDelay){this.turntableRotation+=this.autoRotateSpeed*t,this.updateTurntableMatrix();for(let m of O)m.onCameraChange?.(this,this.container)}this.currTheta+=(this.targetTheta-this.currTheta)*.12,this.currPhi+=(this.targetPhi-this.currPhi)*.12,this.currDistance+=(this.targetDistance-this.currDistance)*.12;let r=(this.canvas.width||1)/(this.canvas.height||1),i=this.backdropMeshes.length>0?Math.max(this.bounds.radius*20,120):this.bounds.radius*20;Re(this.projMatrix,this.fov,r,.1,i);let s=this.customTarget||this.bounds.center,u=s[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),c=s[1]+this.currDistance*Math.sin(this.currPhi),o=s[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta);Ee(this.viewMatrix,[u,c,o],s,[0,1,0]),Y(this.mvpMatrix,this.projMatrix,this.viewMatrix),se(this.normalMatrix,this.modelMatrix);let l=Math.round((this.currTheta*180/Math.PI%360+360)%360),a=Math.round(this.currPhi*180/Math.PI),h=Math.round(this.bounds.radius*2.5/this.currDistance*100)/100;if(Math.abs(l-this.lastReportedTheta)>=1||Math.abs(a-this.lastReportedPhi)>=1||Math.abs(h-this.lastReportedZoom)>=.02){this.lastReportedTheta=l,this.lastReportedPhi=a,this.lastReportedZoom=h;let m={theta:l,phi:a,zoom:h,distance:Math.round(this.currDistance*100)/100};this.opts.onCameraChange&&this.opts.onCameraChange(m),typeof CustomEvent<"u"&&typeof this.container.dispatchEvent=="function"&&this.container.dispatchEvent(new CustomEvent("cameraChange",{bubbles:!0,detail:m}))}}renderXRView(t,e,r,i){this.onBeforeRenderXRView&&this.onBeforeRenderXRView(t);let s=t?.transform?.inverse?.matrix||this.viewMatrix,u=t?.projectionMatrix||this.projMatrix,c=t?.transform?.position,o=c?[c.x,c.y,c.z]:[0,1.6,0];r&&e&&this.modelRootMatrix.set(e),this.render({viewMatrix:s,projMatrix:u,eyePos:o,viewport:i,eye:t?.eye||"none",clear:t?.eye!=="right"})}render(t){let e=this.gl,r=this.canvas.width,i=this.canvas.height;t?.viewport?(e.viewport(t.viewport[0],t.viewport[1],t.viewport[2],t.viewport[3]),r=t.viewport[2],i=t.viewport[3]):e.viewport(0,0,this.canvas.width,this.canvas.height),e.enable(2929),(!t||t.clear!==!1)&&(e.clearColor(this.clearColor[0],this.clearColor[1],this.clearColor[2],this.clearColor[3]),e.clear(16384|256));let s=V();Y(s,t?.projMatrix??this.projMatrix,t?.viewMatrix??this.viewMatrix);let u=this.toneMapping==="reinhard"?1:this.toneMapping==="none"?2:0,c=this.customTarget||this.bounds.center,o=t?t.eyePos[0]:c[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),l=t?t.eyePos[1]:c[1]+this.currDistance*Math.sin(this.currPhi),a=t?t.eyePos[2]:c[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta);for(let g of O)g.onBeforeDrawScene?.(this,e,s,[o,l,a],u);if(this.meshes.length===0&&this.backdropMeshes.length===0)return;let h=t?.eye||"none",m=!1,b=this.backdropMeshes.length,p=b>0?[...this.backdropMeshes,...this.meshes]:this.meshes,y=g=>{for(let M=0;M<p.length;M++){let w=p[M];if(w.visible===!1)continue;let R=this.selectedMeshName!==""&&w.name===this.selectedMeshName;M<b?this.modelMatrix.set(w.transform):Y(this.modelMatrix,this.modelRootMatrix,w.transform),Y(this.mvpMatrix,s,this.modelMatrix),se(w.normalMatrix,this.modelMatrix);let T=w.extras?.xr?.stereo||w.userData?.xr?.stereo,v=0,x=0,C=1,A=1;T==="sbs"?(C=.5,v=h==="right"?.5:0):T==="ou"&&(A=.5,x=h==="right"?.5:0);for(let f of w.primitives){let P=!!f.isTransmissive;if(!g&&P){m=!0;continue}if(g&&!P)continue;let D=f.customProgram||this.renderProg,d=f.customUniforms||this.uRender;e.useProgram(D),e.uniform1i(d.uToneMapping,u),e.uniform1f(d.uEnvIntensity,this.envIntensity),e.uniform3f(d.uCameraPos,o,l,a),e.uniform1f(d.uEmissive,R?1:0),e.uniformMatrix4fv(d.uMVP,!1,this.mvpMatrix),e.uniformMatrix4fv(d.uModel,!1,this.modelMatrix),e.uniformMatrix3fv(d.uNormalMatrix,!1,w.normalMatrix),d.uUvTransform&&e.uniform4f(d.uUvTransform,v,x,C,A),d.uViewportSize&&e.uniform2f(d.uViewportSize,Math.max(1,r),Math.max(1,i)),this.xrDepthState.enabled&&this.xrDepthState.texture?(e.activeTexture(33989),e.bindTexture(3553,this.xrDepthState.texture),d.uXrDepthTex&&e.uniform1i(d.uXrDepthTex,5),d.uXrDepthEnabled&&e.uniform1i(d.uXrDepthEnabled,1),d.uXrDepthFormat&&e.uniform1i(d.uXrDepthFormat,this.xrDepthState.format||0),d.uXrRawValueToMeters&&e.uniform1f(d.uXrRawValueToMeters,this.xrDepthState.rawValueToMeters),d.uXrDepthUVTransform&&e.uniformMatrix4fv(d.uXrDepthUVTransform,!1,this.xrDepthState.uvTransform)):d.uXrDepthEnabled&&e.uniform1i(d.uXrDepthEnabled,0),this.environmentTexture?(e.activeTexture(33988),e.bindTexture(3553,this.environmentTexture),e.uniform1i(d.uEnvironmentMap,4),e.uniform1i(d.uHasEnvironmentMap,1)):e.uniform1i(d.uHasEnvironmentMap,0),this.bindLights(d);for(let S of O)S.onBeforeDrawPrimitive?.(e,D,f,w,this.worldMatrices||[],this.gltf);e.uniform4fv(d.uBaseColor,f.baseColor),e.uniform1f(d.uMetallic,f.metallic),e.uniform1f(d.uRoughness,f.roughness),d.uClearcoat&&e.uniform2f(d.uClearcoat,f.clearcoat??0,f.clearcoatRoughness??.04),f.texture?(e.activeTexture(33984),e.bindTexture(3553,f.texture),e.uniform1i(d.uBaseColorTexture,0),e.uniform1i(d.uHasTexture,1)):e.uniform1i(d.uHasTexture,0),f.metallicRoughnessTexture?(e.activeTexture(33985),e.bindTexture(3553,f.metallicRoughnessTexture),e.uniform1i(d.uMetallicRoughnessTexture,1),e.uniform1i(d.uHasMetallicRoughnessTexture,1)):e.uniform1i(d.uHasMetallicRoughnessTexture,0),f.normalTexture?(e.activeTexture(33986),e.bindTexture(3553,f.normalTexture),e.uniform1i(d.uNormalTexture,2),e.uniform1i(d.uHasNormalTexture,1),e.uniform1f(d.uNormalScale,f.normalScale)):e.uniform1i(d.uHasNormalTexture,0),f.occlusionTexture?(e.activeTexture(33987),e.bindTexture(3553,f.occlusionTexture),e.uniform1i(d.uOcclusionTexture,3),e.uniform1i(d.uHasOcclusionTexture,1),e.uniform1f(d.uOcclusionStrength,f.occlusionStrength)):e.uniform1i(d.uHasOcclusionTexture,0),e.bindVertexArray(f.vao),e.drawElements(4,f.indexCount,f.indexType,0)}}};if(y(!1),m){for(let g of O)g.onBeforeTransmissivePass?.(e,this);y(!0)}for(let g of O)g.onAfterRender?.(e,this,s)}disposeMeshListGpuResources(t){let e=this.gl;for(let r of t)for(let i of r.primitives){if(i.vao&&e.deleteVertexArray(i.vao),i.buffers)for(let s of i.buffers)e.deleteBuffer(s);i.texture&&e.deleteTexture(i.texture),i.metallicRoughnessTexture&&e.deleteTexture(i.metallicRoughnessTexture),i.normalTexture&&e.deleteTexture(i.normalTexture),i.occlusionTexture&&e.deleteTexture(i.occlusionTexture),i.customProgram&&e.deleteProgram(i.customProgram)}}disposeMeshGpuResources(){this.disposeMeshListGpuResources(this.meshes),this.meshes=[]}disposeGpuResources(){let t=this.gl;this.disposeMeshGpuResources(),this.disposeMeshListGpuResources(this.backdropMeshes),this.backdropMeshes=[];for(let e of O)e.onDestroy?.(t,this);this.environmentTexture&&(t.deleteTexture(this.environmentTexture),this.environmentTexture=null),this.renderProg&&t.deleteProgram(this.renderProg),this.pickProg&&t.deleteProgram(this.pickProg),this.pickFbo&&t.deleteFramebuffer(this.pickFbo),this.pickTexture&&t.deleteTexture(this.pickTexture),this.pickDepth&&t.deleteRenderbuffer(this.pickDepth),this.pickFbo=null,this.pickTexture=null,this.pickDepth=null}dispose(){this.stop(),this.teardownEvents(),this.disposeGpuResources()}destroy(){this.dispose()}};H.registerPlugin=Me,H.getRegisteredPlugins=we;var Ge='SecurityError: Client-modified script compilation (Use Case 1) is disabled by default to satisfy strict CSP and Trusted Types requirements. Use script-src="..." or loadScriptFromSrc(url) for server-generated scripts (Use Case 2), or explicitly opt in via ThreeLiveElement.allowClientScripts = true (or the allow-client-scripts attribute).',_e="Security Error: client-side scripts require allow-client-scripts opt-in.";var Je=typeof HTMLElement<"u"?HTMLElement:class{};typeof CustomEvent>"u"&&typeof Event<"u"&&(globalThis.CustomEvent=class extends Event{constructor(n,t){super(n,t),this.detail=t?.detail??null}});var N=class N extends Je{constructor(){super(...arguments);this.viewer=null;this.canvas=null;this.posterEl=null;this.arButton=null;this.currentModel=null;this.currentModelLimits=void 0;this.isModelLoaded=!1;this.scriptHandle=null;this.resizeObserver=null;this.mutationObserver=null}static get arProvider(){return U().arProvider}static set arProvider(e){U().arProvider=e}static get scriptRunner(){return U().scriptRunner}static set scriptRunner(e){U().scriptRunner=e}static get sandboxEngineSrc(){return U().sandboxEngineSrc??null}static set sandboxEngineSrc(e){U().sandboxEngineSrc=e}static get sandboxIframeSrc(){return U().sandboxIframeSrc??null}static set sandboxIframeSrc(e){U().sandboxIframeSrc=e}static get allowClientScripts(){return!!U().allowClientScripts}static set allowClientScripts(e){U().allowClientScripts=e}static registerScriptRunner(e){N.scriptRunner=e}static registerDecoder(e,r){H.registerDecoder(e,r)}static getDecoder(e){return H.getDecoder(e)}static registerAR(e){typeof e=="function"?N.arProvider={activateAR:e}:N.arProvider=e,typeof document<"u"&&document.querySelectorAll("three-live").forEach(i=>{i instanceof N&&i.updateARButtonVisibility()})}static isARSupported(){return!!N.arProvider}connectedCallback(){if(typeof document>"u")return;(!this.style.display||this.style.display==="inline")&&(this.style.display="block"),getComputedStyle(this).position==="static"&&(this.style.position="relative"),this.style.overflow="hidden",this.setupDOM(),this.initViewer(),this.setupResizeObserver();let e=this.getAttribute("src"),r=this.getAttribute("script-src");if(e)this.loadModelFromSrc(e).catch(()=>{});else if(r)this.loadScriptFromSrc(r).catch(()=>{});else{let i=this.querySelector('script[type="text/three"], script[type="text/three-live"]');i&&i.textContent&&this.executeScript(i.textContent).catch(()=>{})}for(let i of H.getRegisteredPlugins())i.onElementConnected?.(this)}disconnectedCallback(){for(let e of H.getRegisteredPlugins())e.onElementDisconnected?.(this);this.scriptHandle&&(this.scriptHandle.terminate(),this.scriptHandle=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.viewer&&(this.viewer.destroy(),this.viewer=null),this.isModelLoaded=!1}attributeChangedCallback(e,r,i){if(r!==i){switch(e){case"src":i&&this.loadModelFromSrc(i).catch(()=>{});break;case"camera-target":this.applyCameraTarget(i);break;case"min-camera-orbit":case"max-camera-orbit":this.applyOrbitLimits();break;case"field-of-view":this.applyFieldOfView(i);break;case"script-src":i&&this.loadScriptFromSrc(i).catch(()=>{});break;case"sandbox":case"allow-client-scripts":case"ios-src":break;case"poster":this.updatePoster(i);break;case"camera-orbit":this.applyCameraOrbit(i);break;case"selected-mesh":this.viewer&&i!==null&&this.viewer.setSelectedMesh(i);break;case"exposure":if(this.viewer&&i!==null){let s=parseFloat(i);isNaN(s)||this.viewer.setExposure(s)}break;case"shadow-intensity":case"shadow-softness":this.viewer&&this.viewer.setShadow(this.shadowIntensity,this.shadowSoftness);break;case"tone-mapping":this.viewer&&i&&this.viewer.setToneMapping(i);break;case"environment-image":this.viewer&&this.viewer.setEnvironmentImage(i).catch(()=>{});break;case"skybox-image":this.viewer&&this.viewer.setSkyboxImage?.(i)?.catch?.(()=>{});break;case"camera-controls":{let s=this.cameraControls;this.viewer&&this.viewer.setInteractive?.(s),this.canvas&&(this.canvas.style.touchAction=s?"none":"auto");break}case"autoplay":this.viewer&&this.viewer.setAutoplay(i!==null&&i!=="false");break;case"animation-name":this.viewer&&i!==null&&this.viewer.setAnimationName(i);break;case"auto-rotate":this.viewer&&this.viewer.setAutoRotate(i!==null&&i!=="false");break;case"auto-rotate-delay":this.viewer&&this.viewer.setAutoRotateDelay(this.autoRotateDelay);break;case"rotation-per-second":this.viewer&&this.viewer.setAutoRotateSpeed(this.parseRotationPerSecond(i));break;case"ar":this.updateARButtonVisibility();break}for(let s of H.getRegisteredPlugins())s.onAttributeChanged?.(this,e,r,i)}}getAttr(e){return this.getAttribute(e)}setAttr(e,r){r!==null?this.setAttribute(e,r):this.removeAttribute(e)}getBoolAttr(e){return this.hasAttribute(e)&&this.getAttribute(e)!=="false"}setBoolAttr(e,r){r?this.setAttribute(e,""):this.removeAttribute(e)}getFloatAttr(e,r){let i=this.getAttribute(e);return i!==null?parseFloat(i):r}get src(){return this.getAttr("src")}set src(e){this.setAttr("src",e)}get cameraControls(){return this.getBoolAttr("camera-controls")}set cameraControls(e){this.setBoolAttr("camera-controls",e)}get cameraOrbit(){return this.getAttr("camera-orbit")}set cameraOrbit(e){this.setAttr("camera-orbit",e)}get cameraTarget(){return this.getAttr("camera-target")}set cameraTarget(e){this.setAttr("camera-target",e)}get minCameraOrbit(){return this.getAttr("min-camera-orbit")}set minCameraOrbit(e){this.setAttr("min-camera-orbit",e)}get maxCameraOrbit(){return this.getAttr("max-camera-orbit")}set maxCameraOrbit(e){this.setAttr("max-camera-orbit",e)}get fieldOfView(){return this.getAttr("field-of-view")}set fieldOfView(e){this.setAttr("field-of-view",e)}get iosSrc(){return this.getAttr("ios-src")}set iosSrc(e){this.setAttr("ios-src",e)}get scriptSrc(){return this.getAttr("script-src")}set scriptSrc(e){this.setAttr("script-src",e)}get sandbox(){return this.getAttribute("sandbox")||(U().sandboxIframeSrc?"iframe":"worker")}set sandbox(e){this.setAttribute("sandbox",e)}get allowClientScripts(){return this.getBoolAttr("allow-client-scripts")||N.allowClientScripts}set allowClientScripts(e){this.setBoolAttr("allow-client-scripts",e)}get poster(){return this.getAttr("poster")}set poster(e){this.setAttr("poster",e)}get selectedMesh(){return this.getAttr("selected-mesh")}set selectedMesh(e){this.setAttr("selected-mesh",e)}get exposure(){return this.getFloatAttr("exposure",1)}set exposure(e){this.setAttribute("exposure",String(e))}get autoRotate(){return this.getBoolAttr("auto-rotate")}set autoRotate(e){this.setBoolAttr("auto-rotate",e)}get autoRotateDelay(){return this.getFloatAttr("auto-rotate-delay",3e3)}set autoRotateDelay(e){this.setAttribute("auto-rotate-delay",String(e))}get rotationPerSecond(){return this.getAttr("rotation-per-second")||"30deg"}set rotationPerSecond(e){this.setAttr("rotation-per-second",e)}get turntableRotation(){return this.viewer?this.viewer.turntableRotation:0}get ar(){return this.hasAttribute("ar")}set ar(e){this.setBoolAttr("ar",e)}get arScale(){return this.getAttribute("ar-scale")||"auto"}set arScale(e){this.setAttribute("ar-scale",e)}get arPlacement(){return this.getAttribute("ar-placement")||"floor"}set arPlacement(e){this.setAttribute("ar-placement",e)}get canActivateAR(){return N.isARSupported()}get shadowIntensity(){return this.getFloatAttr("shadow-intensity",0)}set shadowIntensity(e){this.setAttribute("shadow-intensity",String(e))}get shadowSoftness(){return this.getFloatAttr("shadow-softness",.5)}set shadowSoftness(e){this.setAttribute("shadow-softness",String(e))}get toneMapping(){return this.getAttribute("tone-mapping")||"neutral"}set toneMapping(e){this.setAttribute("tone-mapping",e)}get environmentImage(){return this.getAttr("environment-image")}set environmentImage(e){this.setAttr("environment-image",e)}get skyboxImage(){return this.getAttr("skybox-image")}set skyboxImage(e){this.setAttr("skybox-image",e)}get autoplay(){return this.getBoolAttr("autoplay")}set autoplay(e){this.setBoolAttr("autoplay",e)}get animationName(){return this.getAttr("animation-name")}set animationName(e){this.setAttr("animation-name",e)}get availableAnimations(){return this.viewer?this.viewer.getAvailableAnimations():[]}get model(){let e=this.viewer?this.viewer.getModelMaterials():[];return{materials:e,getMaterialByName(r){return e.find(i=>i.name===r)??null}}}play(){this.viewer&&this.viewer.playAnimation(this.animationName||void 0)}pause(){this.viewer&&this.viewer.pauseAnimation()}resetCamera(){this.viewer?.resetCamera()}resetTurntableRotation(e=0){this.viewer?.resetTurntableRotation(e)}setCamera(e,r,i,s){this.viewer&&this.viewer.setCamera(e,r,i,s)}getCameraOrbit(){return this.viewer?this.viewer.getCameraOrbit():{theta:0,phi:0,radius:3,toString(){return"0rad 0rad 3m"}}}getCameraTarget(){return this.viewer?this.viewer.getCameraTarget():{x:0,y:0,z:0,toString(){return"0m 0m 0m"}}}getFieldOfView(){return this.viewer?this.viewer.getFieldOfView():45}jumpCameraToGoal(){this.viewer?.jumpCameraToGoal()}toDataURL(e,r){return this.viewer&&this.viewer.render?.(),this.canvas?this.canvas.toDataURL(e,r):""}toBlob(e){return this.viewer&&this.viewer.render?.(),new Promise((r,i)=>{if(!this.canvas||typeof this.canvas.toBlob!="function"){i(new Error("Canvas toBlob is not supported in this environment."));return}this.canvas.toBlob(s=>{s?r(s):i(new Error("Failed to capture canvas blob."))},e?.mimeType,e?.qualityArgument)})}positionAndNormalFromPoint(e,r){if(!this.viewer)return null;let i=this.viewer.raycastFromScreenPoint(e,r);if(!i)return null;let[s,u,c]=i.hitPoint||i.point,[o,l,a]=i.normal;return{position:{x:s,y:u,z:c,toString(){return`${s}m ${u}m ${c}m`}},normal:{x:o,y:l,z:a,toString(){return`${o}m ${l}m ${a}m`}}}}async loadModel(e){return this.loadModelWithLimits(e)}async loadModelWithLimits(e,r){if(!this.viewer){this.currentModel=e,this.currentModelLimits=r;return}try{let i;if(typeof e=="string"){let c=await fetch(e);if(!c.ok)throw new Error(`Failed to load 3D model from "${e}": HTTP ${c.status}`);i=await c.arrayBuffer()}else i=e;let s=be(i);this.viewer.loadGLBData(s,r),this.currentModel=s,this.currentModelLimits=r,this.isModelLoaded=!0,this.hidePoster(),this.updateHotspots();let u=this.getAttribute("selected-mesh");u&&this.viewer.setSelectedMesh(u),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,composed:!0,detail:{model:s}}))}catch(i){throw this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:i}})),i}}showToast(e,r=4e3){if(typeof document>"u")return;let i=this.querySelector(".three-live-toast");i||(i=document.createElement("div"),i.className="three-live-toast",i.style.cssText="position:absolute;bottom:70px;left:50%;transform:translateX(-50%) translateY(10px);z-index:10;padding:10px 18px;background-color:rgba(15,23,42,0.92);color:#f8fafc;border:1px solid rgba(56,189,248,0.4);border-radius:9999px;font:500 13px system-ui,-apple-system,sans-serif;box-shadow:0 10px 25px rgba(0,0,0,0.4);backdrop-filter:blur(12px);pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;max-width:90%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis",this.appendChild(i)),i.textContent=e,typeof requestAnimationFrame<"u"?requestAnimationFrame(()=>{i&&(i.style.opacity="1",i.style.transform="translateX(-50%) translateY(0)")}):(i.style.opacity="1",i.style.transform="translateX(-50%) translateY(0)"),setTimeout(()=>{i&&(i.style.opacity="0",i.style.transform="translateX(-50%) translateY(10px)")},r)}async activateAR(){if(!this.currentModel){let i=new Error("No 3D model is loaded in <three-live>.");throw this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(i.message),i}if(!N.arProvider){let i=new Error("AR module not bundled. Use the default 'three-live' bundle or call ThreeLiveElement.registerAR().");throw this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(i.message),i}let e=this.getAttribute("ios-src"),r=(this.getAttribute("ar-modes")||"").split(/\s+/).filter(Boolean);try{this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"session-started"}}));let i=await N.arProvider.activateAR({model:e||this.currentModel,glbUrl:typeof this.currentModel=="string"?this.currentModel:void 0,view:this.viewer||void 0,preferredModes:r.length>0?r:void 0,arScale:this.arScale,arPlacement:this.arPlacement,webXROptions:{onExit:()=>{this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"not-presenting"}}))},onError:s=>{this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:s}})),this.showToast(`AR error: ${s.message}`)}}});if(i.success)i.mode==="quick-look"?this.showToast("Opening Apple AR Quick Look..."):i.mode==="scene-viewer"?this.showToast("Opening Google Scene Viewer..."):i.mode==="webxr"&&this.showToast("WebXR AR session started.");else{if(typeof document<"u"&&this.currentModel&&N.arProvider.createUSDZBlob)try{let s=this.currentModel instanceof Blob&&this.currentModel.type==="model/vnd.usdz+zip"?this.currentModel:N.arProvider.createUSDZBlob(this.currentModel),u=URL.createObjectURL(s),c=document.createElement("a");c.href=u,c.download="three_live_model.usdz",document.body.appendChild(c),c.click(),document.body.removeChild(c),setTimeout(()=>URL.revokeObjectURL(u),3e3),this.showToast("\u{1F4F1} AR camera requires iOS / Android. Downloaded USDZ for macOS Quick Look!")}catch{this.showToast(i.error?.message||"AR requires an iOS (Quick Look) or Android (Scene Viewer / WebXR) device.")}else this.showToast(i.error?.message||"AR requires an iOS (Quick Look) or Android (Scene Viewer / WebXR) device.");i.error&&this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i.error}}))}return i}catch(i){throw this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(`AR error: ${i.message||String(i)}`),i}}setupDOM(){let e=this.querySelector("canvas");e||(e=document.createElement("canvas"),e.style.width="100%",e.style.height="100%",e.style.display="block",e.style.touchAction=this.cameraControls?"none":"auto",e.style.outline="none",this.appendChild(e)),this.canvas=e;let r=this.getAttribute("poster");r&&this.updatePoster(r),this.createARButton(),typeof MutationObserver<"u"&&!this.mutationObserver&&(this.mutationObserver=new MutationObserver(()=>{this.updateARButtonVisibility()}),this.mutationObserver.observe(this,{childList:!0}))}initViewer(){if(!this.canvas)return;let e=this.autoRotate,r=this.exposure,i=this.parseOrbitLimit(this.getAttribute("min-camera-orbit")),s=this.parseOrbitLimit(this.getAttribute("max-camera-orbit")),u=this.parseCameraTarget(this.getAttribute("camera-target")),c=this.parseFieldOfView(this.getAttribute("field-of-view"));this.viewer=new H(this,this.canvas,{autoRotate:e,autoRotateDelay:this.autoRotateDelay,autoRotateSpeed:this.parseRotationPerSecond(this.getAttribute("rotation-per-second")),exposure:r,shadowIntensity:this.shadowIntensity,shadowSoftness:this.shadowSoftness,toneMapping:this.toneMapping,environmentImage:this.environmentImage,autoplay:this.autoplay,animationName:this.animationName||void 0,fieldOfView:c,cameraTarget:u,minCameraOrbit:i,maxCameraOrbit:s,onMeshClick:l=>{this.dispatchEvent(new CustomEvent("meshclick",{bubbles:!0,composed:!0,detail:l}))},onCameraChange:l=>{this.updateHotspots();for(let a of H.getRegisteredPlugins())a.onCameraChange?.(this.viewer,this);this.dispatchEvent(new CustomEvent("camera-change",{bubbles:!0,composed:!0,detail:l}))}}),this.viewer.setInteractive(this.cameraControls),this.skyboxImage&&this.viewer.setSkyboxImage(this.skyboxImage).catch(()=>{});let o=this.getAttribute("camera-orbit");o&&this.applyCameraOrbit(o),this.currentModel&&this.loadModelWithLimits(this.currentModel,this.currentModelLimits)}setupResizeObserver(){typeof ResizeObserver>"u"||(this.resizeObserver=new ResizeObserver(()=>{this.viewer&&(this.viewer.resize(),this.viewer.render(),this.updateHotspots())}),this.resizeObserver.observe(this))}updatePoster(e){if(!(typeof document>"u")){if(!e){this.posterEl&&(this.posterEl.remove(),this.posterEl=null);return}this.posterEl||(this.posterEl=document.createElement("img"),this.posterEl.setAttribute("alt","3D Scene Preview"),this.posterEl.style.position="absolute",this.posterEl.style.inset="0",this.posterEl.style.width="100%",this.posterEl.style.height="100%",this.posterEl.style.objectFit="cover",this.posterEl.style.transition="opacity 0.35s ease-out",this.posterEl.style.pointerEvents="none",this.posterEl.style.zIndex="1",this.appendChild(this.posterEl)),this.posterEl.src=e,this.isModelLoaded||(this.posterEl.style.opacity="1")}}hidePoster(){this.posterEl&&(this.posterEl.style.opacity="0",setTimeout(()=>{this.isModelLoaded&&this.posterEl&&(this.posterEl.remove(),this.posterEl=null)},400))}createARButton(){if(!(typeof document>"u")){if(!this.arButton){let e=document.createElement("button");e.setAttribute("type","button"),e.setAttribute("aria-label","View in Augmented Reality"),e.className="three-live-ar-button",e.setAttribute("part","default-ar-button");let r="http://www.w3.org/2000/svg";if(typeof document.createElementNS=="function"){let s=document.createElementNS(r,"svg");s.setAttribute("width","20"),s.setAttribute("height","20"),s.setAttribute("viewBox","0 0 24 24"),s.setAttribute("fill","none"),s.setAttribute("stroke","currentColor"),s.setAttribute("stroke-width","2"),s.setAttribute("stroke-linecap","round"),s.setAttribute("stroke-linejoin","round"),s.style.marginRight="6px";let u=document.createElementNS(r,"path");u.setAttribute("d","M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z");let c=document.createElementNS(r,"polyline");c.setAttribute("points","3.27 6.96 12 12.01 20.73 6.96");let o=document.createElementNS(r,"line");o.setAttribute("x1","12"),o.setAttribute("y1","22.08"),o.setAttribute("x2","12"),o.setAttribute("y2","12"),s.appendChild(u),s.appendChild(c),s.appendChild(o),e.appendChild(s)}let i=document.createElement("span");i.textContent="View in AR",e.appendChild(i),e.style.cssText="position:absolute;right:16px;bottom:16px;z-index:2;align-items:center;justify-content:center;padding:8px 16px;background-color:rgba(15,23,42,0.85);color:#fff;border:1px solid rgba(255,255,255,0.15);border-radius:9999px;font:600 13px system-ui,-apple-system,sans-serif;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,0.25);transition:transform .15s ease,background-color .15s ease;display:none",e.addEventListener("mouseenter",()=>{e.style.backgroundColor="rgba(30, 41, 59, 0.95)",e.style.transform="scale(1.04)"}),e.addEventListener("mouseleave",()=>{e.style.backgroundColor="rgba(15, 23, 42, 0.85)",e.style.transform="scale(1)"}),e.addEventListener("click",s=>{s.stopPropagation(),this.activateAR()}),this.arButton=e,this.appendChild(e)}this.updateARButtonVisibility()}}updateARButtonVisibility(){let e=this.hasAttribute("ar")&&!!N.arProvider,r=typeof this.querySelector=="function"?this.querySelector('[slot="ar-button"]'):null;r?(this.arButton&&(this.arButton.style.display="none"),r.__tlARBound||(r.__tlARBound=!0,r.addEventListener("click",i=>{i.stopPropagation(),this.activateAR()})),r.dataset.tlOrigDisplay===void 0&&(r.dataset.tlOrigDisplay=r.style.display==="none"?"":r.style.display),r.style.display=e?r.dataset.tlOrigDisplay||"":"none"):this.arButton&&(this.arButton.style.display=e?"flex":"none")}applyCameraOrbit(e){if(!(!e||!this.viewer))try{let r=JSON.parse(e);this.viewer.setInitialCamera(r.theta,r.phi,r.distance,r.zoom)}catch{let r=e.trim().split(/\s+/);if(r.length>=2){let i=o=>o.endsWith("rad")?parseFloat(o)*180/Math.PI:parseFloat(o.replace(/deg$/,"")),s=r[0]==="auto"?void 0:i(r[0]),u=r[1]==="auto"?void 0:i(r[1]),c;r.length>=3&&r[2]!=="auto"&&(c=parseFloat(r[2].replace(/m$/,""))),(s!==void 0&&!isNaN(s)||u!==void 0&&!isNaN(u))&&this.viewer.setInitialCamera(s!==void 0&&!isNaN(s)?s:void 0,u!==void 0&&!isNaN(u)?u:void 0,c!==void 0&&!isNaN(c)?c:void 0)}}}parseOrbitLimit(e){if(!e)return{};let r=e.trim().split(/\s+/),i={};if(r.length>0&&r[0]!=="auto"){let s=r[0].endsWith("rad")?parseFloat(r[0])*180/Math.PI:parseFloat(r[0].replace(/deg$/,""));isNaN(s)||(i.theta=s)}if(r.length>1&&r[1]!=="auto"){let s=r[1].endsWith("rad")?parseFloat(r[1])*180/Math.PI:parseFloat(r[1].replace(/deg$/,""));isNaN(s)||(i.phi=s)}if(r.length>2&&r[2]!=="auto"){let s=parseFloat(r[2].replace(/m$/,""));isNaN(s)||(i.distance=s)}return i}applyOrbitLimits(){if(!this.viewer)return;let e=this.parseOrbitLimit(this.getAttribute("min-camera-orbit")),r=this.parseOrbitLimit(this.getAttribute("max-camera-orbit"));this.viewer.setOrbitLimits({minTheta:e.theta,maxTheta:r.theta,minPhi:e.phi,maxPhi:r.phi,minDistance:e.distance,maxDistance:r.distance})}parseCameraTarget(e){if(!e)return;let r=e.trim().split(/\s+/).map(i=>parseFloat(i.replace(/m$/,"")));return r.length>=3&&!r.some(isNaN)?[r[0],r[1],r[2]]:void 0}parseFieldOfView(e){if(!e)return;let r=e.endsWith("rad")?parseFloat(e)*180/Math.PI:parseFloat(e.replace(/deg$/,""));return isNaN(r)?void 0:r}parseRotationPerSecond(e){if(!e)return Math.PI/6;let r=e.trim(),i=parseFloat(r);return isNaN(i)?Math.PI/6:r.endsWith("rad")?i:r.endsWith("%")?i/100*Math.PI*2:i*Math.PI/180}applyCameraTarget(e){let r=this.parseCameraTarget(e);this.viewer&&r&&this.viewer.setTarget(r[0],r[1],r[2])}applyFieldOfView(e){let r=this.parseFieldOfView(e);this.viewer&&r!==void 0&&this.viewer.setFieldOfView(r)}updateHotspot(e){let r=this.querySelector(`[slot="${e.name}"]`);r&&(e.position!==void 0&&r.setAttribute("data-position",e.position),e.normal!==void 0&&r.setAttribute("data-normal",e.normal)),this.updateHotspots()}updateHotspots(){for(let e of H.getRegisteredPlugins())if(e.updateHotspotsForElement){e.updateHotspotsForElement(this,this.viewer);return}}async loadModelFromSrc(e){await this.loadModel(e)}runWithScriptRunner(e){let r=N.scriptRunner;if(!r){let i=new Error('Procedural script execution requires "three-live/full" or ThreeLiveElement.registerScriptRunner().');return this.showToast(i.message),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:i}})),Promise.reject(i)}return this.scriptHandle&&(this.scriptHandle.terminate(),this.scriptHandle=null),new Promise((i,s)=>{let u=!1;e(r,{onModelReady:o=>{this.loadModelWithLimits(o,Ue).then(()=>{u||(u=!0,i(o))},l=>{let a=l instanceof Error?l.message:String(l);this.showToast(a),u||(u=!0,s(l))})},onUpdateTransforms:o=>this.viewer?.updateMeshTransforms(o),onError:o=>{this.showToast(o.message),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:o}})),u||(u=!0,s(o))},onToast:o=>this.showToast(o)}).then(o=>{o&&(this.scriptHandle=o)},o=>{o instanceof Error&&o.message&&this.showToast(o.message),u||(u=!0,s(o))})})}loadScriptFromSrc(e){return this.runWithScriptRunner((r,i)=>{if(typeof r.executeUrl!="function"){let s=new Error("Registered ScriptRunner does not support executeUrl() for server-generated scripts.");return i.onError?.(s),Promise.reject(s)}return r.executeUrl(e,this.sandbox,i)})}executeScript(e){if(!N.scriptRunner)return this.runWithScriptRunner(()=>Promise.resolve());if(!this.allowClientScripts){let r=new Error(Ge);return this.showToast(_e),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:r}})),Promise.reject(r)}return this.runWithScriptRunner((r,i)=>r.execute(e,this.sandbox,i,{allowClientScripts:!0}))}};N.observedAttributes=["src","ios-src","script-src","sandbox","allow-client-scripts","poster","camera-controls","camera-orbit","camera-target","min-camera-orbit","max-camera-orbit","field-of-view","selected-mesh","ar","ar-modes","ar-scale","ar-placement","exposure","shadow-intensity","shadow-softness","tone-mapping","environment-image","skybox-image","autoplay","animation-name","auto-rotate","auto-rotate-delay","rotation-per-second"],N.registerPlugin=H.registerPlugin,N.getRegisteredPlugins=H.getRegisteredPlugins;var Te=N;typeof customElements<"u"&&!customElements.get("three-live")&&customElements.define("three-live",Te);export{Te as ThreeLiveElement};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2026 Google LLC
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
"use strict";var Te=Object.defineProperty;var lt=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var ft=Object.prototype.hasOwnProperty;var mt=(e,t)=>{for(var n in t)Te(e,n,{get:t[n],enumerable:!0})},dt=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ut(t))!ft.call(e,r)&&r!==n&&Te(e,r,{get:()=>t[r],enumerable:!(a=lt(t,r))||a.enumerable});return e};var pt=e=>dt(Te({},"__esModule",{value:!0}),e);var Lt={};mt(Lt,{InteractivityVM:()=>ae,contactShadowPlugin:()=>ke,environmentMapPlugin:()=>we,getEnvironmentSH:()=>$e,getInteractivityVM:()=>he,hotspotPlugin:()=>_e,interactivityPlugin:()=>Ce,materialsPlugin:()=>Ne,parseSafeGltfPointer:()=>oe,registerMaterialShader:()=>nt,sendInteractivityEvent:()=>Le,setEnvironmentSH:()=>fe,webxrPlugin:()=>De});module.exports=pt(Lt);var ue="__THREE_LIVE_REGISTRY__";function Me(){let e=typeof globalThis<"u"?globalThis:{};if(!e[ue]){let t={plugins:[],decoders:new Map};try{Object.defineProperty(e,ue,{value:t,writable:!1,configurable:!1,enumerable:!1})}catch{e[ue]=t}}return e[ue]}var Vt=Me().plugins;function Q(e){let t=Me().plugins;t.some(n=>n.name===e.name)||t.push(e)}function Be(){return Me().plugins}function ne(){let e=new Float32Array(16);return e[0]=1,e[5]=1,e[10]=1,e[15]=1,e}function bt(e,t,n){let a=t[0],r=t[1],s=t[2],y=t[3],l=t[4],u=t[5],m=t[6],o=t[7],b=t[8],S=t[9],w=t[10],g=t[11],x=t[12],R=t[13],I=t[14],C=t[15],E=n[0],F=n[1],L=n[2],N=n[3];return e[0]=E*a+F*l+L*b+N*x,e[1]=E*r+F*u+L*S+N*R,e[2]=E*s+F*m+L*w+N*I,e[3]=E*y+F*o+L*g+N*C,E=n[4],F=n[5],L=n[6],N=n[7],e[4]=E*a+F*l+L*b+N*x,e[5]=E*r+F*u+L*S+N*R,e[6]=E*s+F*m+L*w+N*I,e[7]=E*y+F*o+L*g+N*C,E=n[8],F=n[9],L=n[10],N=n[11],e[8]=E*a+F*l+L*b+N*x,e[9]=E*r+F*u+L*S+N*R,e[10]=E*s+F*m+L*w+N*I,e[11]=E*y+F*o+L*g+N*C,E=n[12],F=n[13],L=n[14],N=n[15],e[12]=E*a+F*l+L*b+N*x,e[13]=E*r+F*u+L*S+N*R,e[14]=E*s+F*m+L*w+N*I,e[15]=E*y+F*o+L*g+N*C,e}function yt(e,t,n,a){let r=t[0],s=t[1],y=t[2],l=t[3],u=r+r,m=s+s,o=y+y,b=r*u,S=r*m,w=r*o,g=s*m,x=s*o,R=y*o,I=l*u,C=l*m,E=l*o,F=a[0],L=a[1],N=a[2];return e[0]=(1-(g+R))*F,e[1]=(S+E)*F,e[2]=(w-C)*F,e[3]=0,e[4]=(S-E)*L,e[5]=(1-(b+R))*L,e[6]=(x+I)*L,e[7]=0,e[8]=(w+C)*N,e[9]=(x-I)*N,e[10]=(1-(b+g))*N,e[11]=0,e[12]=n[0],e[13]=n[1],e[14]=n[2],e[15]=1,e}function re(e,t){let n=t[0],a=t[1],r=t[2],s=t[4],y=t[5],l=t[6],u=t[8],m=t[9],o=t[10],b=o*y-l*m,S=-o*s+l*u,w=m*s-y*u,g=n*b+a*S+r*w;return g&&(g=1/g,e[0]=b*g,e[1]=(-o*a+r*m)*g,e[2]=(l*a-r*y)*g,e[3]=S*g,e[4]=(o*n-r*u)*g,e[5]=(-l*n+r*s)*g,e[6]=w*g,e[7]=(-m*n+a*u)*g,e[8]=(y*n-a*s)*g),e}function Oe(e,t){let n=t[0],a=t[1],r=t[2],s=t[3],y=t[4],l=t[5],u=t[6],m=t[7],o=t[8],b=t[9],S=t[10],w=t[11],g=t[12],x=t[13],R=t[14],I=t[15],C=n*l-a*y,E=n*u-r*y,F=n*m-s*y,L=a*u-r*l,N=a*m-s*l,G=r*m-s*u,H=o*x-b*g,O=o*R-S*g,U=o*I-w*g,K=b*R-S*x,q=b*I-w*x,Z=S*I-w*R,z=C*Z-E*q+F*K+L*U-N*O+G*H;return z?(z=1/z,e[0]=(l*Z-u*q+m*K)*z,e[1]=(r*q-a*Z-s*K)*z,e[2]=(x*G-R*N+I*L)*z,e[3]=(S*N-b*G-w*L)*z,e[4]=(u*U-y*Z-m*O)*z,e[5]=(n*Z-r*U+s*O)*z,e[6]=(R*F-g*G-I*E)*z,e[7]=(o*G-S*F+w*E)*z,e[8]=(y*q-l*U+m*H)*z,e[9]=(a*U-n*q-s*H)*z,e[10]=(g*N-x*F+I*C)*z,e[11]=(b*F-o*N-w*C)*z,e[12]=(l*O-y*K-u*H)*z,e[13]=(n*K-a*O+r*H)*z,e[14]=(x*E-g*L-R*C)*z,e[15]=(o*L-b*E+S*C)*z,e):null}function Re(e,t){let n=Array.isArray(e?.nodes)?e.nodes.length:0,a=[];for(let o=0;o<n;o++)a.push(ne());if(n===0)return a;let r=new Set;for(let o of e.nodes)if(Array.isArray(o.children))for(let b of o.children)r.add(b);let s=new Set,y=128,l=(o,b,S=0)=>{if(S>y||o<0||o>=n||s.has(o))return;s.add(o);let w=e.nodes[o];if(!w)return;let g=ne();if(t&&t[o])g.set(t[o]);else if(w.matrix&&w.matrix.length===16)g.set(w.matrix);else{let R=w.translation||[0,0,0],I=w.rotation||[0,0,0,1],C=w.scale||[1,1,1];yt(g,I,R,C)}let x=a[o];if(b?bt(x,b,g):x.set(g),Array.isArray(w.children))for(let R of w.children)typeof R=="number"&&l(R,x,S+1)},u=[],m=e.scenes&&e.scenes[e.scene!==void 0?e.scene:0];if(m&&Array.isArray(m.nodes))u.push(...m.nodes);else for(let o=0;o<n;o++)r.has(o)||u.push(o);for(let o of u)l(o,null);for(let o=0;o<n;o++)!r.has(o)&&!u.includes(o)&&l(o,null);return a}var Se=new WeakMap;function fe(e,t){let n=t instanceof Float32Array?t:new Float32Array(t);Se.set(e,n)}function $e(e){return Se.get(e)}async function ht(e,t){if(!t)return null;let n;if(typeof t=="string")if(typeof fetch<"u"&&typeof createImageBitmap=="function"){let s=await(await fetch(t)).blob();n=await createImageBitmap(s)}else if(typeof Image<"u")n=await new Promise((r,s)=>{let y=new Image;y.crossOrigin="anonymous",y.onload=()=>r(y),y.onerror=s,y.src=t});else return null;else n=t;let a=e.createTexture();return e.bindTexture(3553,a),e.texImage2D(3553,0,6408,6408,5121,n),e.texParameteri(3553,10242,33071),e.texParameteri(3553,10243,33071),e.texParameteri(3553,10241,9987),e.texParameteri(3553,10240,9729),e.generateMipmap(3553),a}var We=new WeakMap,Ge=new Float32Array(16);async function Xe(e,t,n){let a=n?await ht(e.gl,n):null;e[t]&&e.gl.deleteTexture(e[t]),e[t]=a}var we={name:"environment-map",setEnvironmentImage(e,t){return Xe(e,"environmentTexture",t)},setSkyboxImage(e,t){return Xe(e,"skyboxTexture",t)},onBeforeDrawScene(e,t,n,a,r){if(!e.skyboxTexture||typeof t.createProgram!="function")return;let s=We.get(t);if(!s){let b=(g,x)=>{let R=t.createShader(g);return t.shaderSource(R,x),t.compileShader(R),R},S=t.createProgram();t.attachShader(S,b(35633,`#version 300 es
|
|
18
|
+
out vec2 vNDC;void main(){vec2 p=vec2((gl_VertexID<<1)&2,gl_VertexID&2);vNDC=p*2.-1.;gl_Position=vec4(vNDC,.999999,1.);}`)),t.attachShader(S,b(35632,`#version 300 es
|
|
19
|
+
precision highp float;in vec2 vNDC;uniform mat4 uInvVP;uniform vec3 uCameraPos;uniform sampler2D uSkyboxMap;uniform float uExposure;out vec4 fragColor;vec2 eqUV(vec3 d){return vec2(atan(d.x,d.z)/6.2831853+.5,asin(clamp(d.y,-1.,1.))/3.1415926+.5);}void main(){vec4 fp=uInvVP*vec4(vNDC,1.,1.);vec3 dir=normalize(fp.xyz/fp.w-uCameraPos);fragColor=vec4(pow(texture(uSkyboxMap,eqUV(dir)).rgb*uExposure,vec3(1./2.2)),1.);}`)),t.linkProgram(S);let w=typeof t.createVertexArray=="function"?t.createVertexArray():null;s={program:S,vao:w},We.set(t,s)}let y=Oe(Ge,n)||Ge;t.depthMask(!1),t.useProgram(s.program),s.vao&&t.bindVertexArray(s.vao),t.activeTexture(33984),t.bindTexture(3553,e.skyboxTexture);let l=t.getUniformLocation(s.program,"uSkyboxMap");l&&t.uniform1i(l,0);let u=t.getUniformLocation(s.program,"uInvVP");u&&t.uniformMatrix4fv(u,!1,y);let m=t.getUniformLocation(s.program,"uCameraPos");m&&t.uniform3f(m,a[0],a[1],a[2]);let o=t.getUniformLocation(s.program,"uExposure");o&&t.uniform1f(o,e.exposure??1),t.drawArrays(4,0,3),t.depthMask(!0)},onResolveShader(e,t,n,a){if(a.includes("evalSHIrradiance"))return null;let r=a.replace("out vec4 fragColor;",`uniform vec3 uSH[9];
|
|
20
|
+
uniform int uHasSH;
|
|
21
|
+
out vec4 fragColor;`).replace("void main(){",`vec3 integrateBRDFApprox(vec3 f0,float r,float NoV){vec4 c0=vec4(-1.,-.0275,-.572,.022),c1=vec4(1.,.0425,1.04,-.04),rv=r*c0+c1;float a=min(rv.x*rv.x,exp2(-9.28*NoV))*rv.x+rv.y;vec2 ab=vec2(-1.04,1.04)*a+rv.zw;return f0*ab.x+vec3(ab.y);}
|
|
22
|
+
vec3 evalSHIrradiance(vec3 n){return max(vec3(0.),uSH[0]+uSH[1]*n.y+uSH[2]*n.z+uSH[3]*n.x+uSH[4]*(n.x*n.y)+uSH[5]*(n.y*n.z)+uSH[6]*(3.*n.z*n.z-1.)+uSH[7]*(n.x*n.z)+uSH[8]*(n.x*n.x-n.y*n.y));}
|
|
23
|
+
void main(){`);return r=r.replace(`if(uHasEnvironmentMap==1){
|
|
24
|
+
specularIBL=texture(uEnvironmentMap,equirectangularUV(R)).rgb*(F*brdf.x+brdf.y);
|
|
25
|
+
envDiffuse=texture(uEnvironmentMap,equirectangularUV(N)).rgb;
|
|
26
|
+
}`,`if(uHasEnvironmentMap==1){
|
|
27
|
+
specularIBL=textureLod(uEnvironmentMap,equirectangularUV(R),clamp(roughness*6.0,0.0,6.0)).rgb*integrateBRDFApprox(F,roughness,NoV);
|
|
28
|
+
envDiffuse=uHasSH==1?evalSHIrradiance(N):textureLod(uEnvironmentMap,equirectangularUV(N),5.0).rgb;
|
|
29
|
+
}else if(uHasSH==1){
|
|
30
|
+
specularIBL=getStudioRadiance(R,roughness)*integrateBRDFApprox(F,roughness,NoV);
|
|
31
|
+
envDiffuse=evalSHIrradiance(N);
|
|
32
|
+
}`),{vs:n,fs:r}},onBeforeDrawPrimitive(e,t,n,a,r,s){let y=Se.get(e),l=e.getUniformLocation(t,"uHasSH");if(y&&y.length>=27){l&&e.uniform1i(l,1);let u=e.getUniformLocation(t,"uSH");u&&e.uniform3fv(u,y)}else l&&e.uniform1i(l,0)},onAttributeChanged(e,t,n,a){t==="environment-image"&&e.viewer?this.setEnvironmentImage?.(e.viewer,a):t==="skybox-image"&&e.viewer&&this.setSkyboxImage?.(e.viewer,a)}};var Ee=new WeakMap;function Ie(e,t){let n=t||e.viewer;if(!n||typeof n.projectPointToScreen!="function")return;let a=e.mockHotspots||e.querySelectorAll('[slot^="hotspot-"], [data-position]');for(let r=0;r<a.length;r++){let s=a[r],y=s.getAttribute("data-position");if(!y)continue;let l=y.trim().split(/\s+/).map(b=>parseFloat(b.replace(/m$/,"")));if(l.length<3||l.some(isNaN))continue;let u=s.getAttribute("data-normal"),m;if(u){let b=u.trim().split(/\s+/).map(S=>parseFloat(S));b.length>=3&&!b.some(isNaN)&&(m=[b[0],b[1],b[2]])}let o=n.projectPointToScreen([l[0],l[1],l[2]],m);s.style.position="absolute",s.style.left="0",s.style.top="0",s.style.transform=`translate(-50%, -50%) translate3d(${o.x}px, ${o.y}px, 0)`,s.style.zIndex="3",o.visible?(s.style.opacity="1",s.style.pointerEvents="auto",s.removeAttribute("data-occluded")):(s.style.opacity="0",s.style.pointerEvents="none",s.setAttribute("data-occluded",""))}}var _e={name:"hotspots",updateHotspotsForElement:Ie,onElementConnected(e){if(typeof MutationObserver>"u"||!e)return;let t=new MutationObserver(()=>{Ie(e)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-position","data-normal"]}),Ee.set(e,t)},onCameraChange(e,t){t&&Ie(t,e)},onElementDisconnected(e){let t=Ee.get(e);t&&(t.disconnect(),Ee.delete(e))}};function me(e,t,n,a){let r=typeof e=="number"&&Number.isFinite(e)?e:a;return Math.max(t,Math.min(n,r))}function gt(e){return Array.isArray(e)&&e.length>=3&&Number.isFinite(e[0])&&Number.isFinite(e[1])&&Number.isFinite(e[2])}function xt(e){return e&&typeof e=="object"&&!Array.isArray(e)?e:null}function je(e){let t=xt(e);if(!t)return null;let n=t.target;return{target:gt(n)?[n[0],n[1],n[2]]:typeof n=="string"&&n.length>0&&n.length<=256?n:[0,0,0],radius:me(t.radius,.01,50,.5),speed:me(t.speed,-20,20,.5),height:me(t.height,-10,10,0),phase:me(t.phase,-1e6,1e6,0),faceCenter:t.faceCenter===!0}}function qe(e,t,n,a){let r=t[0],s=t[1],y=t[2],l=t[3],u=n[0],m=n[1],o=n[2],b=n[3],S=r*u+s*m+y*o+l*b;if(S<0&&(u=-u,m=-m,o=-o,b=-b,S=-S),Math.abs(S)>=1)return e[0]=r,e[1]=s,e[2]=y,e[3]=l,e;let w=Math.acos(S),g=Math.sqrt(1-S*S);if(Math.abs(g)<.001)return e[0]=.5*(r+u),e[1]=.5*(s+m),e[2]=.5*(y+o),e[3]=.5*(l+b),e;let x=Math.sin((1-a)*w)/g,R=Math.sin(a*w)/g;return e[0]=r*x+u*R,e[1]=s*x+m*R,e[2]=y*x+o*R,e[3]=l*x+b*R,e}var Ye=1024,Fe=256,de=2048,vt=128,At=64,Tt=16,Mt=1e4,Rt=8,Y=new Set(["__proto__","constructor","prototype"]),Ke={neg:e=>-e,abs:Math.abs,sign:Math.sign,floor:Math.floor,ceil:Math.ceil,round:Math.round,trunc:Math.trunc,fract:e=>e-Math.floor(e),sqrt:e=>Math.sqrt(Math.max(0,e)),cbrt:Math.cbrt,exp:Math.exp,log:e=>e>0?Math.log(e):0,sin:Math.sin,cos:Math.cos,tan:Math.tan,asin:e=>Math.asin(Math.max(-1,Math.min(1,e))),acos:e=>Math.acos(Math.max(-1,Math.min(1,e))),atan:Math.atan,rad:e=>e*Math.PI/180,deg:e=>e*180/Math.PI,saturate:e=>Math.max(0,Math.min(1,e))},Ze={add:(e,t)=>e+t,sub:(e,t)=>e-t,mul:(e,t)=>e*t,div:(e,t)=>Math.abs(t)<1e-12?0:e/t,rem:(e,t)=>Math.abs(t)<1e-12?0:e%t,mod:(e,t)=>Math.abs(t)<1e-12?0:e%t,min:Math.min,max:Math.max,pow:Math.pow,atan2:Math.atan2},pe={translation:[0,0,0],rotation:[0,0,0,1],scale:[1,1,1]},be=(e,t)=>e!==null&&typeof e=="object"&&!Y.has(t)&&Object.prototype.hasOwnProperty.call(e,t),W=e=>Array.isArray(e)?[...e]:e,tt=e=>e!==null&&typeof e=="object"&&!Array.isArray(e)&&be(e,"value")?e.value:e,D=(e,t)=>be(e.configuration,t)?tt(e.configuration[t]):void 0,T=(e,t=0)=>{let n=Number(e);return Number.isFinite(n)?n:t},J=e=>Math.max(0,Math.min(1,e)),X=e=>typeof e=="boolean"?e:typeof e=="number"?e!==0&&!Number.isNaN(e):typeof e=="string"?e.length>0&&e!=="false":!!e;function oe(e){if(typeof e!="string"||!e.startsWith("/"))return null;let t=[];for(let n of e.slice(1).split("/")){let a=n.replace(/~1/g,"/").replace(/~0/g,"~");if(!a||Y.has(a)||Y.has(n))return null;t.push(a)}return{segments:t}}var te=(e,t)=>{if(e===void 0||!/^\d+$/.test(e))return-1;let n=Number(e);return Number.isSafeInteger(n)&&n>=0&&n<t?n:-1},Qe=e=>{let t=T(e[0]),n=T(e[1]),a=T(e[2]),r=T(e[3],1),s=Math.hypot(t,n,a,r);return s>1e-8?[t/s,n/s,a/s,r/s]:[0,0,0,1]},Je=(e,t,n,a)=>{if(typeof e=="number"&&typeof t=="number")return e+(t-e)*n;if(Array.isArray(e)&&Array.isArray(t)){if(a&&e.length===4&&t.length===4){let r=[0,0,0,1];return qe(r,Qe(e),Qe(t),n),r}return e.slice(0,t.length).map((r,s)=>r+(t[s]-r)*n)}return n>=.5?t:e},Pe=(e,t,n)=>Array.isArray(e)&&Array.isArray(t)?e.slice(0,t.length).map((a,r)=>n(T(a),T(t[r]))):Array.isArray(e)?e.map(a=>n(T(a),T(t))):Array.isArray(t)?t.map(a=>n(T(e),T(a))):n(T(e),T(t)),St=(e,t)=>Array.isArray(e)?e.map(n=>t(T(n))):t(T(e)),et=(e,t)=>Array.isArray(e)&&Array.isArray(t)?e.length===t.length&&e.every((n,a)=>Math.abs(n-t[a])<=1e-6):e===t,ae=class{constructor(t,n,a){let r=Array.isArray(a.nodes)?a.nodes:[];if(r.length>Ye)throw new Error(`SecurityError: Exceeds MAX_GRAPH_NODES (${Ye})`);let s=Array.isArray(a.variables)?a.variables:[];if(s.length>Fe)throw new Error(`SecurityError: Exceeds MAX_VARIABLES (${Fe})`);let y=Array.isArray(a.declarations)?a.declarations:[],l=Array.isArray(a.events)?a.events:[],u=new Map,m=new Map,o=new Map,b=new Map,S=new Map,w=new Map,g=[],x=[],R=new Map,I=1,C=0,E=0,F=0,L=0,N=!1,G=!1,H=!1;s.forEach((d,p)=>{if(!d||typeof d!="object")return;let v=W(tt(d.value));u.set(p,v);let A=d.id??d.name;typeof A=="string"&&A&&!Y.has(A)&&u.set(A,v)}),(n?.nodes||[]).forEach((d,p)=>{for(let v of d?.children||[])typeof v=="number"&&R.set(v,p)});let O=d=>d.op||typeof d.declaration=="number"&&y[d.declaration]?.op||"",U=(d,p,v)=>{if(Y.has(p))return;let A=m.get(d);A||m.set(d,A=Object.create(null)),A[p]=v},K=(d,p)=>{if(typeof d!="number"&&typeof d!="string"||typeof d=="string"&&Y.has(d)||!u.has(d)&&u.size>=Fe*2)return;let v=W(p);if(u.set(d,v),typeof d=="number"){let A=s[d]?.id??s[d]?.name;typeof A=="string"&&!Y.has(A)&&u.set(A,v)}},q=d=>typeof d=="number"?l[d]?.id??String(d):typeof d=="string"?/^\d+$/.test(d)&&l[Number(d)]?.id?l[Number(d)].id:d:"",Z=(d,p)=>{for(let v=d,A=0;v!==void 0&&v>=0&&A<128;v=R.get(v),A++)if(v===p)return!0;return!1},z=d=>{for(let p=g.length-1;p>=0;p--)g[p].key===d&&g.splice(p,1)},Ue=d=>{z(d.key),g.length>=vt&&g.shift(),g.push(d)},xe=d=>{let p=oe(d)?.segments;if(p){if(p[0]==="nodes"&&Array.isArray(n?.nodes)){let v=n.nodes[te(p[1],n.nodes.length)];if(!v)return;let A=p[2];if(A in pe){let f=pe[A],i=v[A]||f;return f.map((c,h)=>T(i[h],c))}if(A==="weights"){let f=Array.isArray(v.weights)?v.weights:[0],i=p.length===4?te(p[3],64):-2;return i===-2?f.map(c=>T(c)):i>=0?T(f[i]):void 0}if(A==="visible"||A==="extensions"&&p[3]==="KHR_node_visibility"&&p[4]==="visible")return v.extensions?.KHR_node_visibility?.visible??v.visible??!0}else if(p[0]==="materials"&&Array.isArray(n?.materials)){let v=n.materials[te(p[1],n.materials.length)];if(!v)return;let A=v.pbrMetallicRoughness||{};if(p[2]==="pbrMetallicRoughness"){if(p[3]==="baseColorFactor"){let f=A.baseColorFactor||[1,1,1,1];return[T(f[0],1),T(f[1],1),T(f[2],1),T(f[3],1)]}if(p[3]==="metallicFactor"||p[3]==="roughnessFactor")return T(A[p[3]],1)}if(p[2]==="emissiveFactor"){let f=v.emissiveFactor||[0,0,0];return[T(f[0]),T(f[1]),T(f[2])]}if(p[2]==="alphaCutoff")return T(v.alphaCutoff,.5)}}},se=(d,p)=>{let v=oe(d)?.segments;if(!v)return!1;if(v[0]==="nodes"&&Array.isArray(n?.nodes)){let A=te(v[1],n.nodes.length),f=n.nodes[A];if(!f)return!1;let i=v[2];if(i in pe&&Array.isArray(p)){let c=pe[i];if(p.length<c.length)return!1;let h=c.map((V,k)=>T(p[k],V));if(i==="rotation"){let V=Math.hypot(...h);h=V>1e-8?h.map(k=>k/V):[0,0,0,1]}f[i]=h,delete f.matrix;let P=t?.initialNodeTransforms?.[A];return P&&(P[i[0]]=[...h]),N=!0,!0}if(i==="weights"){Array.isArray(f.weights)||(f.weights=[]);let c=(h,P)=>{for(let V of t?.meshes||[])if(V.nodeIndex===A)for(let k of V.primitives||[])k.pluginData?.morph?.weights&&(k.pluginData.morph.weights[h]=P)};if(v.length===4){let h=te(v[3],64);if(h<0)return!1;c(h,f.weights[h]=T(p))}else if(Array.isArray(p))f.weights=p.slice(0,64).map(h=>T(h)),f.weights.forEach((h,P)=>c(P,h));else return!1;return H=!0,!0}if(i==="visible"||i==="extensions"&&v[3]==="KHR_node_visibility"&&v[4]==="visible"){let c=X(p);return f.visible=c,(!f.extensions||typeof f.extensions!="object")&&(f.extensions={}),f.extensions.KHR_node_visibility={visible:c},G=!0,!0}}else if(v[0]==="materials"&&Array.isArray(n?.materials)){let A=te(v[1],n.materials.length),f=n.materials[A];if(!f)return!1;let i=f.pbrMetallicRoughness||(f.pbrMetallicRoughness={}),c=h=>{for(let P of t?.meshes||[])for(let V of P.primitives||[])(V.materialIndex??0)===A&&h(V)};if(v[2]==="pbrMetallicRoughness"){if(v[3]==="baseColorFactor"&&Array.isArray(p)&&p.length>=3){let h=[J(T(p[0],1)),J(T(p[1],1)),J(T(p[2],1)),p[3]!==void 0?J(T(p[3],1)):i.baseColorFactor?.[3]??1];return i.baseColorFactor=h,c(P=>P.baseColor=[...h]),H=!0}if(v[3]==="metallicFactor"||v[3]==="roughnessFactor"){let h=v[3]==="metallicFactor",P=J(T(p,h?0:.5));return i[v[3]]=P,c(V=>V[h?"metallic":"roughness"]=P),H=!0}}if(v[2]==="emissiveFactor"&&Array.isArray(p)&&p.length>=3)return f.emissiveFactor=[0,1,2].map(h=>Math.max(0,T(p[h]))),H=!0;if(v[2]==="alphaCutoff")return f.alphaCutoff=J(T(p,.5)),H=!0}return!1},ve=(d,p,v=new Set)=>{let A=D(p,"pointer");if(typeof A!="string"||!A.startsWith("/"))return null;let f=A.replace(/\{([a-zA-Z0-9_]+)\}/g,(i,c)=>{let h=Math.trunc(Number(ce(d,c,void 0,v)??D(p,c)));return Number.isSafeInteger(h)&&h>=0?String(h):"-1"});return oe(f)?f:null},ce=(d,p,v,A)=>{let f=r[d]?.values;if(!be(f,p))return v;let i=f[p];if(i==null)return v;if(typeof i!="object"||Array.isArray(i))return W(i);let c=i;return typeof c.node=="number"?st(c.node,c.socket||"value",A):be(c,"value")?W(c.value):v},st=(d,p,v)=>{if(d<0||d>=r.length||v.has(d)||v.size>128||++F>Mt)return;let A=r[d],f=O(A);if(/^(event\/|pointer\/on|scene\/on|flow\/)/.test(f))return W(m.get(d)?.[p]);v.add(d);try{let i=(c,h=0)=>ce(d,c,h,v);if(f==="variable/get"){let c=D(A,"variable")??D(A,"id");return typeof c=="number"||typeof c=="string"?W(u.get(c)):void 0}if(f==="pointer/get"){let c=ve(d,A,v);return c?xe(c):void 0}if(f.startsWith("math/")){let c=f.slice(5);if(c in Ke)return St(i("a"),Ke[c]);if(c in Ze){let h=/^(mul|div|rem|mod|pow)$/.test(c)?1:0;return Pe(i("a",c==="mul"?1:0),i("b",h),Ze[c])}if(c==="pi")return Math.PI;if(c==="e")return Math.E;if(c==="random")return Math.random();if(c==="clamp")return Pe(Pe(i("a"),i("b",i("min",0)),Math.max),i("c",i("max",1)),Math.min);if(c==="mix"||c==="quatSlerp")return Je(i("a",0),i("b",1),T(i("c",i("t",.5)),.5),c==="quatSlerp");if(c==="dot"){let h=i("a"),P=i("b");return Array.isArray(h)&&Array.isArray(P)?h.reduce((V,k,M)=>V+(k||0)*(P[M]||0),0):T(h)*T(P)}if(c==="cross"){let h=i("a",[0,0,0]),P=i("b",[0,0,0]);return Array.isArray(h)&&Array.isArray(P)?[(h[1]||0)*(P[2]||0)-(h[2]||0)*(P[1]||0),(h[2]||0)*(P[0]||0)-(h[0]||0)*(P[2]||0),(h[0]||0)*(P[1]||0)-(h[1]||0)*(P[0]||0)]:[0,0,0]}if(c==="length"){let h=i("a");return Array.isArray(h)?Math.hypot(...h):Math.abs(T(h))}if(c==="distance"){let h=i("a"),P=i("b");return Array.isArray(h)&&Array.isArray(P)?Math.hypot(...h.map((V,k)=>(V||0)-(P[k]||0))):Math.abs(T(h)-T(P))}if(c==="normalize"){let h=i("a");if(!Array.isArray(h))return T(h)>=0?1:-1;let P=Math.hypot(...h);return P>1e-8?h.map(V=>V/P):h.map(()=>0)}if(c.startsWith("combine"))return["a","b","c","d"].slice(0,Number(c[7])||2).map(h=>T(i(h)));if(c.startsWith("extract")){let h=i("a");return Array.isArray(h)?h[p==="0"||p==="x"?0:p==="1"||p==="y"?1:p==="2"||p==="z"?2:3]??0:0}if(c==="eq")return et(i("a"),i("b"));if(c==="ne")return!et(i("a"),i("b"));if(c==="lt")return T(i("a"))<T(i("b"));if(c==="le")return T(i("a"))<=T(i("b"));if(c==="gt")return T(i("a"))>T(i("b"));if(c==="ge")return T(i("a"))>=T(i("b"));if(c==="isNaN")return Number.isNaN(Number(i("a")));if(c==="isInf"){let h=Number(i("a"));return!Number.isFinite(h)&&!Number.isNaN(h)}return c==="and"?X(i("a",!1))&&X(i("b",!1)):c==="or"?X(i("a",!1))||X(i("b",!1)):c==="xor"?X(i("a",!1))!==X(i("b",!1)):c==="not"?!X(i("a",!1)):c==="select"?W(X(i("condition",!1))?i("a"):i("b")):void 0}return f==="type/boolToInt"||f==="type/boolToFloat"?X(i("a",!1))?1:0:f==="type/intToBool"||f==="type/floatToBool"?T(i("a",0))!==0:f==="type/intToFloat"?T(i("a",0)):f==="type/floatToInt"?Math.trunc(T(i("a",0))):void 0}finally{v.delete(d)}},le=()=>{if(N){N=!1,H=!0;let d=Re(n);if(t){t.worldMatrices=d;for(let p of t.meshes||[])p.nodeIndex>=0&&p.nodeIndex<d.length&&(p.transform.set(d[p.nodeIndex]),re(p.normalMatrix,p.transform))}}if(G){G=!1,H=!0;let d=n?.nodes;if(Array.isArray(t?.meshes)&&Array.isArray(d))for(let p of t.meshes){let v=!0;for(let A=p.nodeIndex,f=0;A!==void 0&&A>=0&&f<128;A=R.get(A),f++){let i=d[A];if(i?.visible===!1||i?.extensions?.KHR_node_visibility?.visible===!1){v=!1;break}}p.visible=v}}H&&(H=!1,t?.render?.())},ee=(d,p={steps:0})=>{if(!d||typeof d.node!="number")return;p.steps===0&&(F=0);let v=[d],A=f=>{v.length+p.steps<de&&v.push(f)};for(;v.length>0&&p.steps<de;){p.steps++;let f=v.shift();if(!f||f.node<0||f.node>=r.length)continue;let i=f.node,c=r[i];if(!c)continue;let h=f.socket||"in",P=O(c),V=(M,_=void 0)=>ce(i,M,_,new Set),k=(M="out")=>{let _=c.flows?.[M];_&&A(_)};switch(P){case"flow/branch":k(X(V("condition",!1))?"true":"false");break;case"flow/sequence":for(let M of Object.keys(c.flows||{}).sort((_,B)=>Number(_)-Number(B)||_.localeCompare(B)))k(M);break;case"flow/switch":{let M=c.flows?.[String(V("selection",V("value",0)))]??c.flows?.default;M&&A(M);break}case"flow/for":{let M=Math.trunc(T(V("startIndex",0))),_=Math.trunc(T(V("endIndex",0))),B=Math.max(1,Math.trunc(T(V("step",1),1))),$=c.flows?.body;if($&&_>M&&L<Rt){let ct=Math.min(Math.ceil((_-M)/B),de);L++;try{for(let Ae=0;Ae<ct&&p.steps<de;Ae++)U(i,"index",M+Ae*B),ee($,p)}finally{L--}}let ze=c.flows?.completed??c.flows?.out;ze&&A(ze);break}case"flow/doN":{let M=h==="reset"?0:(o.get(i)||0)+1;if(o.set(i,M),U(i,"currentCount",M),U(i,"count",M),h!=="reset"){let _=Math.trunc(T(V("n",D(c,"stopIterations")??D(c,"n")??1),1));M<=_&&k()}break}case"flow/multiGate":{if(h==="reset"){w.set(i,0);break}let M=Object.keys(c.flows||{}).sort();if(!M.length)break;let _=D(c,"isRandom")?Math.floor(Math.random()*M.length):w.get(i)||0;_<M.length&&(k(M[_]),w.set(i,D(c,"isLoop")!==!1?(_+1)%M.length:_+1));break}case"flow/waitAll":{if(h==="reset"){b.delete(i);break}let M=b.get(i);M||b.set(i,M=new Set),M.add(h),M.size>=Math.max(1,Math.trunc(Number(D(c,"inputFlows")??2)||2))&&(M.clear(),k("out"),k("completed"));break}case"flow/throttle":{if(h==="reset"){S.delete(i);break}let M=Math.max(0,T(V("duration",0))),_=S.get(i);_===void 0||C-_>=M?(S.set(i,C),U(i,"lastRemainingTime",0),k()):U(i,"lastRemainingTime",Math.max(0,M-(C-_)));break}case"flow/delay":case"flow/setDelay":{if(h==="cancel"){for(let $=x.length-1;$>=0;$--)x[$].nodeIdx===i&&x.splice($,1);U(i,"lastDelayIndex",-1);break}let M=Math.max(0,T(V("duration",D(c,"duration")??0))),_=c.flows?.done??c.flows?.out;if(M<=0){U(i,"lastDelayIndex",-1),_&&A(_);break}x.length>=At&&x.shift();let B=I++;U(i,"lastDelayIndex",B),x.push({id:B,nodeIdx:i,rem:M,done:_}),P==="flow/setDelay"&&c.flows?.out&&c.flows?.done&&k("out");break}case"flow/cancelDelay":{let M=Math.trunc(T(V("delayIndex",-1),-1));if(M<0)x.length=0;else for(let _=x.length-1;_>=0;_--)x[_].id===M&&x.splice(_,1);k();break}case"variable/set":K(D(c,"variable")??D(c,"id"),V("value")),k();break;case"variable/interpolate":{let M=D(c,"variable")??D(c,"id"),_=V("value",V("target")),B=Math.max(0,T(V("duration",D(c,"duration")??.3),.3));M!==void 0&&_!==void 0&&Ue({key:`var:${String(M)}`,varKey:M,from:W(V("from")??u.get(M)??0),to:W(_),dur:B,elapsed:0,quat:!1,linear:D(c,"easing")==="linear",done:c.flows?.done}),k();break}case"pointer/set":{let M=ve(i,c),_=V("value");M&&_!==void 0&&(z(`ptr:${M}`),se(M,_)),k();break}case"pointer/interpolate":{let M=ve(i,c),_=V("value",V("target")),B=Math.max(0,T(V("duration",D(c,"duration")??.3),.3));if(M&&_!==void 0){let $=V("from")??xe(M);$!==void 0&&(B<=0?(se(M,_),k("done")):Ue({key:`ptr:${M}`,ptr:M,from:W($),to:W(_),dur:B,elapsed:0,quat:M.endsWith("/rotation"),linear:D(c,"easing")==="linear",done:c.flows?.done}))}k();break}case"animation/start":{let M=V("animation")??D(c,"animation")??D(c,"clipName"),_=typeof M=="number"?t?.animations?.[M]?.name??n?.animations?.[M]?.name:typeof M=="string"?M:void 0;t?.playAnimation?.(_),H=!0,k();break}case"animation/stop":case"animation/resetAt":t?.pauseAnimation?.(),P==="animation/resetAt"&&t?.evaluateAnimation?.(T(V("time",0))),H=!0,k();break;case"event/send":case"customEvent/send":{let M=q(D(c,"event")??D(c,"id")),_={};for(let B of Object.keys(c.values||{}))Y.has(B)||(_[B]=V(B));M&&(typeof CustomEvent<"u"&&typeof t?.container?.dispatchEvent=="function"&&t.container.dispatchEvent(new CustomEvent("interactivityEvent",{bubbles:!0,composed:!0,detail:{id:M,values:_}})),He(M,_,p)),k();break}default:k();break}}};this.readScenePointer=xe,this.writeScenePointer=se,this.fireOnStart=()=>{r.forEach(d=>{O(d)==="event/onStart"&&ee(d.flows?.out)}),le()},this.fireOnSelect=d=>{if(!d)return;let p=typeof d.meshIndex=="number"?d.meshIndex:-1,v=typeof d.nodeIndex=="number"?d.nodeIndex:t?.meshes?.[p]?.nodeIndex??-1;r.forEach((A,f)=>{if(!/^(pointer|event|scene)\/onSelect$/.test(O(A)))return;let i=D(A,"nodeIndex")??D(A,"node")??ce(f,"nodeIndex",void 0,new Set),c=D(A,"meshName");if(typeof c=="string"&&c?d.meshName===c:i==null||Number(i)<0||Number.isNaN(Number(i))||Z(v,Math.trunc(Number(i)))){if(U(f,"nodeIndex",v),U(f,"meshIndex",p),Array.isArray(d.hitPoint)){let P=[T(d.hitPoint[0]),T(d.hitPoint[1]),T(d.hitPoint[2])];U(f,"hitPoint",P),U(f,"point",P),U(f,"intersectionPoint",P)}if(Array.isArray(d.normal)){let P=[T(d.normal[0]),T(d.normal[1],1),T(d.normal[2])];U(f,"normal",P),U(f,"hitNormal",P)}typeof d.distance=="number"&&U(f,"distance",d.distance),ee(A.flows?.out)}}),le()},this.receiveCustomEvent=(d,p={})=>He(d,p,{steps:0});function He(d,p,v){if(!(E>=Tt)){E++;try{let A=q(d);r.forEach((f,i)=>{if(!/^(customE|e)vent\/receive$/.test(O(f)))return;let c=D(f,"event")??D(f,"id");if(!(q(c)!==A&&String(c)!==String(d))){for(let[h,P]of Object.entries(p))Y.has(h)||U(i,h,W(P));ee(f.flows?.out,v)}}),le()}finally{E--}}}this.tick=d=>{if(!Number.isFinite(d)||d<0)return;let p=Math.min(d,.25);C+=p,r.forEach((A,f)=>{O(A)==="event/onTick"&&(U(f,"timeDelta",p),U(f,"dt",p),U(f,"timeElapsed",C),ee(A.flows?.out))});let v=[];for(let A=g.length-1;A>=0;A--){let f=g[A];f.elapsed+=p;let i=f.dur>1e-6?J(f.elapsed/f.dur):1,c=f.linear?i:i*i*(3-2*i),h=Je(f.from,f.to,c,f.quat);f.ptr?se(f.ptr,h):f.varKey!==void 0&&K(f.varKey,h),i>=1&&(g.splice(A,1),f.done&&v.push(f.done))}for(let A=x.length-1;A>=0;A--){let f=x[A];f.rem-=p,f.rem<=0&&(x.splice(A,1),f.done&&v.push(f.done))}for(let A of v)ee(A);le()},this.dispose=()=>{g.length=0,x.length=0,u.clear(),m.clear(),o.clear(),b.clear(),S.clear(),w.clear()}}},j=new WeakMap,ye=new WeakMap;function wt(e,t){if(!e||typeof e!="object"||!Number.isFinite(t)||t<=0||Be().some(l=>l.name==="xr-live-head-follow"))return;let n=e.gltf,a=n?.nodes;if(!Array.isArray(a)||a.length===0)return;let r=Math.min(t,.1),s=(ye.get(e)||0)+r,y=!1;for(let l=0;l<a.length;l++){let u=a[l],m=je(u?.extras?.xr?.orbit);if(!m)continue;let o=0,b=0,S=0;if(Array.isArray(m.target))o=m.target[0],b=m.target[1],S=m.target[2];else if(typeof m.target=="string"&&m.target!=="head"){let I=a.find(C=>C?.name===m.target);Array.isArray(I?.translation)&&(o=T(I.translation[0]),b=T(I.translation[1]),S=T(I.translation[2]))}let w=m.phase+m.speed*s,g=o+Math.cos(w)*m.radius,x=b+m.height,R=S+Math.sin(w)*m.radius;if(u.translation=[g,x,R],m.faceCenter){let I=Math.atan2(o-g,S-R);u.rotation=[0,Math.sin(I*.5),0,Math.cos(I*.5)]}y=!0}if(y){ye.set(e,s);let l=Re(n);e.worldMatrices=l;for(let u of e.meshes||[])u.nodeIndex>=0&&u.nodeIndex<l.length&&(u.transform.set(l[u.nodeIndex]),re(u.normalMatrix,u.transform))}}function he(e){if(!(!e||typeof e!="object"))return j.get(e)||j.get(e.viewer)||j.get(e._view)}function Le(e,t,n){let a=he(e);return a?(a.receiveCustomEvent(t,n),!0):!1}var Ce={name:"khr-interactivity",sendInteractivityEvent:Le,getInteractivityVM:he,onLoadModel(e,t){if(!e||typeof e!="object")return;j.get(e)?.dispose(),j.delete(e),ye.delete(e);let n=t?.extensions?.KHR_interactivity,a=Array.isArray(n?.graphs)?n.graphs[n.graph??0]:n;if(!a||!Array.isArray(a.nodes))return;let r=new ae(e,t,a);j.set(e,r),r.fireOnStart()},onMeshSelect(e,t){j.get(e)?.fireOnSelect(t)},onUpdate(e,t){j.get(e)?.tick(t),wt(e,t)},onDestroy(e,t){j.get(t)?.dispose(),j.delete(t),ye.delete(t)}};var ie=new Map,Ve=new WeakMap;function nt(e,t){ie.set(e,t)}var Ne={name:"materials",onBuildPrimitiveVAO(e,t,n,a,r){return(((a?.materials&&n.material!==void 0?a.materials[n.material]:null)?.extensions||{}).KHR_materials_transmission?.transmissionFactor??0)>0?{isTransmissive:!0}:null},onBeforeTransmissivePass(e,t){let n=Ve.get(e);n||(n=e.createTexture(),Ve.set(e,n));let a=Math.max(1,t.canvas.width),r=Math.max(1,t.canvas.height);e.activeTexture(33990),e.bindTexture(3553,n),e.copyTexImage2D(3553,0,6408,0,0,a,r,0),e.texParameteri(3553,10242,33071),e.texParameteri(3553,10243,33071),e.texParameteri(3553,10241,9987),e.texParameteri(3553,10240,9729),e.generateMipmap(3553)},onResolveShader(e,t,n,a){if(!t)return null;if(t.name&&ie.has(t.name)){let g=ie.get(t.name);return{vs:g.vs||n,fs:g.fs||a}}let r=t.extensions||{},s=r.KHR_materials_clearcoat,y=r.KHR_materials_sheen,l=!!r.KHR_materials_transmission,u=!!r.KHR_materials_ior,m=r.KHR_materials_iridescence;if(!s&&!y&&!r.KHR_materials_unlit&&!l&&!r.KHR_materials_volume&&!u&&!r.KHR_materials_dispersion&&!m)return null;if(r.KHR_materials_unlit)return{vs:n,fs:a.replace("fragColor=vec4(color,outAlpha);","fragColor=vec4(base.rgb,outAlpha);").replace("fragColor=vec4(color,base.a);","fragColor=vec4(base.rgb,base.a);")};let o=a;l&&(o=o.replace("out vec4 fragColor;",`uniform sampler2D uTransmissionTex;
|
|
33
|
+
uniform vec2 uViewportSize;
|
|
34
|
+
out vec4 fragColor;`));let b=(g,x,R=0,I=1e6,C=3)=>{let E=Number(g);return(Number.isFinite(E)?Math.min(I,Math.max(R,E)):x).toFixed(C)},S=Number(r.KHR_materials_ior?.ior??1.5),w=Number.isFinite(S)?Math.min(10,Math.max(1,S)):1.5;if(u){let g=Math.pow((w-1)/(w+1),2);o=o.replace("vec3 F0=mix(vec3(0.04),base.rgb,metallic);",`vec3 F0=mix(vec3(${b(g,.04,0,1,4)}),base.rgb,metallic);`)}if(m){let g=b(m.iridescenceFactor,1,0,1),x=b(m.iridescenceIor,1.3,1,10);o=o.replace("vec3 F=F_SchlickRoughness(F0,roughness,NoV);",`vec3 F=F_SchlickRoughness(F0,roughness,NoV);vec3 iridColor=.5+.5*cos(800.*${x}*NoV*vec3(.015,.018,.022));F=mix(F,iridColor,${g}*pow(1.-NoV,2.));`)}if(l){let g=b(r.KHR_materials_transmission?.transmissionFactor,1,0,1),x=r.KHR_materials_volume||{},R=b(x.thicknessFactor,.5,0,1e4),I=b(x.attenuationDistance,1,.001,1e6),C=Array.isArray(x.attenuationColor)?x.attenuationColor:[1,1,1],E=b(r.KHR_materials_dispersion?.dispersion,0,0,10);o=o.replace("vec3 diffuseIBL=kD*base.rgb*(uAmbientColor+envDiffuse*0.5)*occ;",`vec3 diffuseIBL=kD*base.rgb*(uAmbientColor+envDiffuse*0.5)*occ;
|
|
35
|
+
vec2 sUV=gl_FragCoord.xy/max(uViewportSize,vec2(1.));float iorB=${b(w,1.5,1,10)},dV=${E},tV=${R},lod=clamp(roughness*5.,0.,5.),sc=.06*(1.+tV);
|
|
36
|
+
vec3 refractedR=refract(-V,N,1./(iorB-.02*dV)),rG=refract(-V,N,1./iorB),refractedB=refract(-V,N,1./(iorB+.02*dV));
|
|
37
|
+
vec3 tr=vec3(textureLod(uTransmissionTex,clamp(sUV+refractedR.xy*sc,.001,.999),lod).r,textureLod(uTransmissionTex,clamp(sUV+rG.xy*sc,.001,.999),lod).g,textureLod(uTransmissionTex,clamp(sUV+refractedB.xy*sc,.001,.999),lod).b);
|
|
38
|
+
vec3 aCol=vec3(${b(C[0],1,0,1)},${b(C[1],1,0,1)},${b(C[2],1,0,1)});
|
|
39
|
+
vec3 volumeAtten=exp(-tV*(vec3(1.)-aCol)/max(${I},.001));
|
|
40
|
+
diffuseIBL=mix(diffuseIBL,tr*volumeAtten*base.rgb,${g});`)}if(s&&!a.includes("uClearcoat")){let g=b(s.clearcoatFactor,1,0,1),x=b(s.clearcoatRoughnessFactor,0,0,1);o=o.replace("fragColor=vec4(color,base.a);",`vec3 ccF=F_SchlickRoughness(vec3(.04),${x},NoV)*${g};color=color*(vec3(1.)-ccF)+getStudioRadiance(R,${x})*ccF;fragColor=vec4(color,base.a);`)}if(y){let g=Array.isArray(y.sheenColorFactor)?y.sheenColorFactor:[1,1,1],x=`color+=vec3(${b(g[0],1,0,1)},${b(g[1],1,0,1)},${b(g[2],1,0,1)})*pow(1.-NoV,4.)*.5;`;o.includes("color=applyToneMapping(color,uToneMapping);")?o=o.replace("color=applyToneMapping(color,uToneMapping);",`${x}color=applyToneMapping(color,uToneMapping);`):o=o.replace("fragColor=vec4(color,base.a);",`${x}fragColor=vec4(color,base.a);`)}return{vs:n,fs:o}},onBeforeDrawPrimitive(e,t,n,a,r,s){let y=n.materialIndex;if(y!==void 0&&s?.materials){let l=s.materials[y];l?.name&&ie.has(l.name)&&ie.get(l.name).onBindUniforms?.(e,t,n)}if(n.isTransmissive){let l=Ve.get(e);if(l){e.activeTexture(33990),e.bindTexture(3553,l);let u=e.getUniformLocation(t,"uTransmissionTex");u&&e.uniform1i(u,6);let m=e.getUniformLocation(t,"uViewportSize");m&&e.uniform2f(m,e.drawingBufferWidth||1,e.drawingBufferHeight||1)}}}};var Et=`#version 300 es
|
|
41
|
+
layout(location=0) in vec3 aPosition;layout(location=1) in vec2 aUV;uniform mat4 uMVP;out vec2 vUV;void main(){vUV=aUV;gl_Position=uMVP*vec4(aPosition,1.);}`,It=`#version 300 es
|
|
42
|
+
precision highp float;in vec2 vUV;uniform float uShadowIntensity,uShadowSoftness;out vec4 fragColor;void main(){vec2 p=(vUV-.5)*2.;float d=clamp(length(p),0.,1.);fragColor=vec4(0.,0.,0.,pow(1.-d*d,mix(1.2,2.8,uShadowSoftness))*smoothstep(1.,.85-uShadowSoftness*.6,d)*uShadowIntensity);}`,ge=new WeakMap,rt=new Float32Array(20);function ot(e,t){let[n,a,r,s,y,l]=t;return[e[0]*n+e[4]*a+e[8]*r+e[12],e[1]*n+e[5]*a+e[9]*r+e[13],e[2]*n+e[6]*a+e[10]*r+e[14],Math.abs(e[0])*s+Math.abs(e[4])*y+Math.abs(e[8])*l,Math.abs(e[1])*s+Math.abs(e[5])*y+Math.abs(e[9])*l,Math.abs(e[2])*s+Math.abs(e[6])*y+Math.abs(e[10])*l]}function _t(e){if(e._lb!==void 0)return e._lb;let t=1e9,n=1e9,a=1e9,r=-1e9,s=-1e9,y=-1e9;for(let l of e.primitives||[]){let u=l.positions;if(u)for(let m=0;m<u.length;m+=3)u[m]<t&&(t=u[m]),u[m+1]<n&&(n=u[m+1]),u[m+2]<a&&(a=u[m+2]),u[m]>r&&(r=u[m]),u[m+1]>s&&(s=u[m+1]),u[m+2]>y&&(y=u[m+2])}return e._lb=t<=r?[(t+r)*.5,(n+s)*.5,(a+y)*.5,(r-t)*.5,(s-n)*.5,(y-a)*.5]:null}function Ft(e){let t=ge.get(e);if(t)return t;let n=(l,u)=>{let m=e.createShader(l);return e.shaderSource(m,u),e.compileShader(m),m},a=e.createProgram();e.attachShader(a,n(35633,Et)),e.attachShader(a,n(35632,It)),e.linkProgram(a);let r=e.createVertexArray(),s=e.createBuffer(),y=e.createBuffer();return e.bindVertexArray(r),e.bindBuffer(34962,s),e.bufferData(34962,80,35048),e.enableVertexAttribArray(0),e.vertexAttribPointer(0,3,5126,!1,20,0),e.enableVertexAttribArray(1),e.vertexAttribPointer(1,2,5126,!1,20,12),e.bindBuffer(34963,y),e.bufferData(34963,new Uint16Array([0,1,2,0,2,3]),35044),e.bindVertexArray(null),t={prog:a,vao:r,vbo:s,ibo:y,uMVP:e.getUniformLocation(a,"uMVP"),uIntensity:e.getUniformLocation(a,"uShadowIntensity"),uSoftness:e.getUniformLocation(a,"uShadowSoftness")},ge.set(e,t),t}var ke={name:"contact-shadow",onAfterRender(e,t,n){let a=t.shadowIntensity;if(a<=0||!t.bounds)return;let r=Ft(e),s=(t.backdropMeshes?.length??0)>0,y=[],l=[];for(let o of t.meshes||[]){if(!o||o.visible===!1||o.isPluginMesh||o.name==="__xr_reticle__"||o.name?.startsWith("__xr_slot_"))continue;let b=_t(o);if(!b)continue;o.transform&&(b=ot(o.transform,b)),t.modelRootMatrix&&(b=ot(t.modelRootMatrix,b));let[S,w,g,x,R,I]=b,C=[S,g,x,I,w-R,w+R];/floor|table|pedestal|ground|base|plane/i.test(o.name||"")||R<.14&&Math.min(x,I)>.45?l.push(C):y.push(C)}let u=[],m=(t.bounds.min?t.bounds.min[1]:t.bounds.center[1]-t.bounds.radius)+.002;for(let[o,b,S,w,g]of y){let x=-1/0;for(let[I,C,E,F,,L]of l)g>=L-.08&&Math.abs(o-I)<=E&&Math.abs(b-C)<=F&&L+.002>x&&(x=L+.002);s&&(x=Math.max(x,o>=.04&&o<=.36&&b>=-.34&&b<=-.04&&g>=.01?.036:Math.hypot(o,b)<=.66&&g>=-.06?.003:-.477)),isFinite(x)||(x=m);let R=u.find(I=>Math.hypot(o-I[0],b-I[1])<.06&&Math.abs(x-I[5])<.05);R?(R[2]=Math.max(R[2],S*.78),R[3]=Math.max(R[3],w*.78),R[4]=Math.min(R[4],g)):u.push([o,b,S,w,g,x])}if(u.length===0){let o=t.bounds.center,b=Math.max(.1,t.bounds.radius*1.5)/1.45;u.push([o[0],o[2],b,b,m,m])}e.useProgram(r.prog),e.uniformMatrix4fv(r.uMVP,!1,n),e.enable(3042),(e.blendFuncSeparate||e.blendFunc).call(e,770,771,1,771),e.depthMask(!1),e.bindVertexArray(r.vao),e.bindBuffer(34962,r.vbo);for(let[o,b,S,w,g,x]of u){let R=Math.max(0,g-x),I=a/(1+R*2);if(I<.02)continue;let C=1+Math.min(.75,R*.85),E=Math.max(.045,S*1.45*C),F=Math.max(.045,w*1.45*C);rt.set([o-E,x,b-F,0,0,o+E,x,b-F,1,0,o+E,x,b+F,1,1,o-E,x,b+F,0,1]),e.bufferSubData(34962,0,rt),e.uniform1f(r.uIntensity,I),e.uniform1f(r.uSoftness,Math.min(1,t.shadowSoftness+Math.min(.45,R*.6))),e.drawElements(4,6,5123,0)}e.bindVertexArray(null),e.depthMask(!0),e.disable(3042)},onDestroy(e){let t=ge.get(e);t&&(e.deleteVertexArray(t.vao),e.deleteBuffer(t.vbo),e.deleteBuffer(t.ibo),e.deleteProgram(t.prog),ge.delete(e))}};var at=new WeakMap;function Pt(e){let r=new Float32Array(192),s=new Float32Array(32*2*3),y=new Float32Array(32*2*2),l=new Uint16Array(32*6);for(let R=0;R<32;R++){let I=R/32*Math.PI*2,C=Math.cos(I),E=Math.sin(I),F=R*2,L=R*2+1;r[F*3]=C*.12,r[F*3+1]=.002,r[F*3+2]=E*.12,r[L*3]=C*.15,r[L*3+1]=.002,r[L*3+2]=E*.15,s[F*3+1]=1,s[L*3+1]=1;let N=(R+1)%32*2,G=N+1,H=R*6;l[H]=F,l[H+1]=N,l[H+2]=L,l[H+3]=L,l[H+4]=N,l[H+5]=G}let u=e.createVertexArray();e.bindVertexArray(u);let m=(R,I,C)=>{let E=e.createBuffer();return e.bindBuffer(34962,E),e.bufferData(34962,R,35044),e.enableVertexAttribArray(I),e.vertexAttribPointer(I,C,5126,!1,0,0),E},o=m(r,0,3),b=m(s,1,3),S=m(y,2,2),w=e.createBuffer();e.bindBuffer(34963,w),e.bufferData(34963,l,35044),e.bindVertexArray(null);let g=ne(),x=new Float32Array(9);return x[0]=1,x[4]=1,x[8]=1,{name:"__xr_reticle__",nodeIndex:-1,visible:!1,transform:g,normalMatrix:x,primitives:[{vao:u,indexCount:l.length,indexType:5123,baseColor:[1,1,1,.95],metallic:0,roughness:.2,positions:r,indices:l,texture:null,metallicRoughnessTexture:null,normalTexture:null,occlusionTexture:null,normalScale:1,occlusionStrength:1,buffers:[o,b,S,w]}]}}function it(e,t,n){let a=Math.cos(n),r=Math.sin(n);e.set(t),e[0]=a,e[1]=0,e[2]=-r,e[4]=0,e[5]=1,e[6]=0,e[8]=r,e[9]=0,e[10]=a}var De={name:"webxr-suite",onConfigureXRSessionInit(e,t){let n=new Set(t.optionalFeatures||[]);n.add("hit-test"),n.add("light-estimation"),n.add("dom-overlay"),t.optionalFeatures=Array.from(n);let a=e?.querySelector?.('[slot="ar-overlay"]')||e;a&&(t.domOverlay={root:a},a.addEventListener("beforexrselect",r=>{r.preventDefault()}))},onXRFrame(e,t,n,a){if(!e||!t||!n||!a)return;let r=at.get(t);if(!r){r={initialized:!0,hitTestSource:null,lightProbe:null,reticleMesh:Pt(e.gl),lastHitMatrix:null,hasPlaced:!1,rotationY:0,isDragging:!1,lastTouchAngle:null},at.set(t,r),e.meshes.push(r.reticleMesh),typeof t.requestReferenceSpace=="function"&&t.requestReferenceSpace("viewer").then(o=>typeof t.requestHitTestSource=="function"?t.requestHitTestSource({space:o}):null).then(o=>{r&&o&&(r.hitTestSource=o)}).catch(()=>{}),typeof t.requestLightProbe=="function"&&t.requestLightProbe().then(o=>{r&&o&&(r.lightProbe=o)}).catch(()=>{});let s=()=>r?.lastHitMatrix&&it(e.modelRootMatrix,r.lastHitMatrix,r.rotationY),y=o=>Math.atan2(o.touches[1].clientY-o.touches[0].clientY,o.touches[1].clientX-o.touches[0].clientX);t.addEventListener("select",()=>{r?.lastHitMatrix&&(r.hasPlaced=!0,s())});let l=o=>{r&&(o.touches.length===1&&r.hasPlaced?r.isDragging=!0:o.touches.length===2&&(r.isDragging=!1,r.lastTouchAngle=y(o)))},u=o=>{if(r){if(o.touches.length===1&&r.isDragging)s();else if(o.touches.length===2&&r.lastTouchAngle!==null){let b=y(o);r.rotationY+=b-r.lastTouchAngle,r.lastTouchAngle=b,s()}}},m=()=>{r&&(r.isDragging=!1,r.lastTouchAngle=null)};typeof window<"u"&&(window.addEventListener("touchstart",l,{passive:!0}),window.addEventListener("touchmove",u,{passive:!0}),window.addEventListener("touchend",m,{passive:!0})),t.addEventListener("end",()=>{if(r?.reticleMesh){let o=e.meshes.indexOf(r.reticleMesh);o!==-1&&e.meshes.splice(o,1)}e.modelRootMatrix=ne(),typeof window<"u"&&(window.removeEventListener("touchstart",l),window.removeEventListener("touchmove",u),window.removeEventListener("touchend",m))})}if(r.hitTestSource&&typeof n.getHitTestResults=="function"){let s=n.getHitTestResults(r.hitTestSource);if(s&&s.length>0){let y=s[0].getPose(a);if(y?.transform?.matrix){let l=y.transform.matrix;r.lastHitMatrix=l,r.reticleMesh.visible=!r.hasPlaced||r.isDragging,r.reticleMesh.transform.set(l),re(r.reticleMesh.normalMatrix,r.reticleMesh.transform),r.hasPlaced||it(e.modelRootMatrix,l,r.rotationY)}}else r.reticleMesh.visible=!1}if(r.lightProbe&&typeof n.getLightEstimate=="function"){let s=n.getLightEstimate(r.lightProbe);if(s){let y=s.primaryLightDirection,l=s.primaryLightIntensity;if(y&&l&&Array.isArray(e.lights)){let u=e.lights.find(o=>o.type==="directional");u||(u={type:"directional",direction:[.5,1,.8],color:[1,1,1],intensity:1},e.lights.push(u)),u.direction=[y.x,y.y,y.z];let m=Math.max(l.x,l.y,l.z,.001);u.color=[l.x/m,l.y/m,l.z/m],u.intensity=m}s.sphericalHarmonicsCoefficients&&fe(e.gl,s.sphericalHarmonicsCoefficients)}}}};Q(ke);Q(_e);Q(we);Q(Ne);Q(De);Q(Ce);
|