├── components
    ├── unicornstudio-wix.js
    ├── unicornstudio-react.tsx
    ├── unicornstudio-solid.tsx
    ├── unicornstudio-figma.tsx
    └── unicornstudio-framer.js
├── README.md
├── extensions
    └── model-renderer.js
└── dist
    └── unicornStudio.umd.js


/components/unicornstudio-wix.js:
--------------------------------------------------------------------------------
  1 | 
  2 | class UnicornStudioEmbed extends HTMLElement {
  3 |   constructor() {
  4 |     super();
  5 |     this.attachShadow({ mode: "open" });
  6 |     this.scene = null; // Initialize a property to store the scene reference
  7 |   }
  8 | 
  9 |   // Called when the element is added to the DOM
 10 |   connectedCallback() {
 11 |     this.initializeUnicornStudio();
 12 |   }
 13 | 
 14 |   // Called when the element is removed from the DOM
 15 |   disconnectedCallback() {
 16 |     // If we have a scene reference, destroy it to clean up
 17 |     if (this.scene && typeof this.scene.destroy === "function") {
 18 |       this.scene.destroy();
 19 |     }
 20 |   }
 21 | 
 22 |   // Ensure that the document head is available and then load the Unicorn Studio script
 23 |   loadUnicornStudioScript() {
 24 |     return new Promise((resolve, reject) => {
 25 |       const existingScript = document.querySelector(
 26 |         'script[src="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js"]'
 27 |       );
 28 | 
 29 |       if (existingScript) {
 30 |         if (window.UnicornStudio) {
 31 |           resolve();
 32 |         } else {
 33 |           existingScript.addEventListener("load", resolve);
 34 |           existingScript.addEventListener("error", reject);
 35 |         }
 36 |       } else {
 37 |         const appendScriptToHead = () => {
 38 |           const script = document.createElement("script");
 39 |           script.src = "https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.5.3/dist/unicornStudio.umd.js";
 40 |           script.onload = () => {
 41 |             resolve();
 42 |           };
 43 |           script.onerror = () => {
 44 |             console.error("Error loading Unicorn Studio script.");
 45 |             reject();
 46 |           };
 47 |           document.head.appendChild(script); // Append the script to the head
 48 |         };
 49 | 
 50 |         // Check if the head exists or if it's not ready, wait for the document to load
 51 |         if (document.head) {
 52 |           appendScriptToHead();
 53 |         } else {
 54 |           document.addEventListener("DOMContentLoaded", appendScriptToHead);
 55 |         }
 56 |       }
 57 |     });
 58 |   }
 59 | 
 60 |   // Initialize the Unicorn Studio scene inside the custom element
 61 |   initializeUnicornStudio() {
 62 |     this.loadUnicornStudioScript()
 63 |       .then(() => {
 64 |         if (
 65 |           window.UnicornStudio &&
 66 |           typeof window.UnicornStudio.addScene === "function"
 67 |         ) {
 68 |           const projectId =
 69 |             this.getAttribute("project-id") || "YOUR_PROJECT_EMBED_ID";
 70 |           const dpi = this.getAttribute("dpi") || 1.5;
 71 |           const scale = this.getAttribute("scale") || 1;
 72 |           const lazyLoad = this.getAttribute("lazy-load") === "true";
 73 |           const altText =
 74 |             this.getAttribute("alt-text") || "Welcome to Unicorn Studio";
 75 |           const ariaLabel =
 76 |             this.getAttribute("aria-label") || "This is a canvas scene";
 77 | 
 78 |           // Create a div container for the Unicorn scene and append it to the Shadow DOM
 79 |           const container = document.createElement("div");
 80 |           container.classList.add("unicorn-embed");
 81 |           container.style.width = "100%";
 82 |           container.style.height = "100%";
 83 |           this.shadowRoot.appendChild(container);
 84 | 
 85 |           // Directly pass the container element node as 'element'
 86 |           UnicornStudio.addScene({
 87 |             element: container, // Pass the container DOM node directly using 'element'
 88 |             projectId, // Project ID from attribute
 89 |             dpi, // DPI setting
 90 |             scale, // Scale setting
 91 |             lazyLoad, // Lazy load option
 92 |             altText, // Alt text for SEO
 93 |             ariaLabel, // Aria label for accessibility
 94 |           })
 95 |             .then((scene) => {
 96 |               this.scene = scene; // Store the scene reference for later cleanup
 97 |             })
 98 |             .catch((err) => {
 99 |               console.error("Error loading Unicorn Studio scene:", err);
100 |             });
101 |         } else {
102 |           console.error(
103 |             "Unicorn Studio is not available or addScene is not a function"
104 |           );
105 |         }
106 |       })
107 |       .catch((err) => {
108 |         console.error("Error loading Unicorn Studio script:", err);
109 |       });
110 |   }
111 | }
112 | 
113 | // Define the custom element
114 | customElements.define("unicorn-studio-embed", UnicornStudioEmbed);
115 | 


--------------------------------------------------------------------------------
/components/unicornstudio-react.tsx:
--------------------------------------------------------------------------------
  1 | // This is an example React component for Unicorn Studio
  2 | // Use it for reference when building your own component
  3 | 'use client';
  4 | 
  5 | import { useEffect, useRef, useState } from 'react';
  6 | 
  7 | export type UnicornSceneProps = {
  8 |   projectId?: string;
  9 |   jsonFilePath?: string;
 10 |   width?: number | string;
 11 |   height?: number | string;
 12 |   scale?: number;
 13 |   dpi?: number;
 14 |   fps?: number;
 15 |   altText?: string;
 16 |   ariaLabel?: string;
 17 |   className?: string;
 18 |   lazyLoad?: boolean;
 19 | };
 20 | 
 21 | export default function UnicornScene({
 22 |   projectId,
 23 |   jsonFilePath,
 24 |   width = "100%",
 25 |   height = "100%",
 26 |   scale = 1,
 27 |   dpi = 1.5,
 28 |   fps = 60,
 29 |   altText = "Unicorn Scene",
 30 |   ariaLabel = altText,
 31 |   className = "",
 32 |   lazyLoad = false,
 33 | }: UnicornSceneProps) {
 34 |   const elementRef = useRef<HTMLDivElement>(null);
 35 |   const sceneRef = useRef<{ destroy: () => void } | null>(null);
 36 |   const [error, setError] = useState<string | null>(null);
 37 |   const scriptId = useRef(`us-data-${Math.random().toString(36).slice(2)}`);
 38 | 
 39 |   useEffect(() => {
 40 |     if (typeof window === 'undefined') return;
 41 | 
 42 |     const initializeScript = (callback: () => void) => {
 43 |       const version = '1.5.2';
 44 | 
 45 |       const existingScript = document.querySelector(
 46 |         'script[src^="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js"]'
 47 |       );
 48 | 
 49 |       if (existingScript) {
 50 |         if ((window as Window & { UnicornStudio?: unknown }).UnicornStudio) {
 51 |           callback();
 52 |         } else {
 53 |           existingScript.addEventListener('load', callback);
 54 |         }
 55 |         return;
 56 |       }
 57 | 
 58 |       const script = document.createElement('script');
 59 |       script.src = `https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v${version}/dist/unicornStudio.umd.js`;
 60 |       script.async = true;
 61 | 
 62 |       script.onload = () => {
 63 |         callback();
 64 |       };
 65 |       script.onerror = () => setError('Failed to load UnicornStudio script');
 66 | 
 67 |       document.body.appendChild(script);
 68 |     };
 69 | 
 70 |     const initializeScene = async () => {
 71 |       if (!elementRef.current) return;
 72 | 
 73 |       if (jsonFilePath) {
 74 |         elementRef.current.setAttribute(
 75 |           "data-us-project-src",
 76 |           `${jsonFilePath}`
 77 |         );
 78 |       } else if (projectId) {
 79 |         const [cleanProjectId, query] = projectId.split("?");
 80 |         const production = query?.includes("production");
 81 | 
 82 |         elementRef.current.setAttribute('data-us-project', cleanProjectId);
 83 | 
 84 |         if (production) {
 85 |           elementRef.current.setAttribute("data-us-production", "1");
 86 |         }
 87 |       } else {
 88 |         throw new Error('No project ID or JSON file path provided');
 89 |       }
 90 | 
 91 |       interface UnicornStudioType {
 92 |         init: (config: { scale: number; dpi: number }) => Promise<Array<{
 93 |           element: HTMLElement;
 94 |           destroy: () => void;
 95 |           contains?: (element: HTMLElement | null) => boolean;
 96 |         }>>;
 97 |       }
 98 | 
 99 |       const UnicornStudio = (window as Window & { UnicornStudio?: UnicornStudioType }).UnicornStudio;
100 | 
101 |       if (!UnicornStudio) {
102 |         throw new Error('UnicornStudio not found');
103 |       }
104 | 
105 |       if (sceneRef.current?.destroy) {
106 |         sceneRef.current.destroy();
107 |       }
108 | 
109 | 
110 |       await UnicornStudio?.init({
111 |         scale,
112 |         dpi,
113 |       }).then((scenes) => {
114 |         const ourScene = scenes.find(
115 |           (scene) =>
116 |             scene.element === elementRef.current ||
117 |             scene.element.contains(elementRef.current)
118 |         );
119 |         if (ourScene) {
120 |           sceneRef.current = ourScene;
121 |         }
122 |       });
123 |     };
124 | 
125 |     initializeScript(() => {
126 |       void initializeScene();
127 |     });
128 | 
129 |     return () => {
130 |       if (sceneRef.current?.destroy) {
131 |         sceneRef.current.destroy();
132 |         sceneRef.current = null;
133 |       }
134 |       if (jsonFilePath) {
135 |         const script = document.getElementById(scriptId.current);
136 |         script?.remove();
137 |       }
138 |     };
139 |   }, [projectId, jsonFilePath, scale, dpi]);
140 | 
141 |   return (
142 |     <div
143 |       ref={elementRef}
144 |       style={{
145 |         width: typeof width === 'number' ? `${width}px` : width,
146 |         height: typeof height === 'number' ? `${height}px` : height
147 |       }}
148 |       className={`relative ${className}`}
149 |       role="img"
150 |       aria-label={ariaLabel}
151 |       data-us-dpi={dpi}
152 |       data-us-scale={scale}
153 |       data-us-fps={fps}
154 |       data-us-alttext={altText}
155 |       data-us-arialabel={ariaLabel}
156 |       data-us-lazyload={lazyLoad ? "true" : ""}
157 |     >
158 |       {error && <div className="text-red-500">{error}</div>}
159 |     </div>
160 |   );
161 | }


--------------------------------------------------------------------------------
/components/unicornstudio-solid.tsx:
--------------------------------------------------------------------------------
  1 | import { createEffect, onCleanup, createSignal, Component } from "solid-js";
  2 | 
  3 | // Augment the window object to include UnicornStudio for TypeScript
  4 | declare global {
  5 |     interface Window {
  6 |         UnicornStudio?: {
  7 |             init: (config: { scale: number; dpi: number }) => Promise<Array<{
  8 |                 element: HTMLElement;
  9 |                 destroy: () => void;
 10 |                 contains?: (element: HTMLElement | null) => boolean;
 11 |             }>>;
 12 |         };
 13 |     }
 14 | }
 15 | 
 16 | // Define the props for the component, matching the React version
 17 | export interface UnicornSceneProps {
 18 |     projectId?: string;
 19 |     jsonFilePath?: string;
 20 |     width?: number | string;
 21 |     height?: number | string;
 22 |     scale?: number;
 23 |     dpi?: number;
 24 |     fps?: number;
 25 |     altText?: string;
 26 |     ariaLabel?: string;
 27 |     className?: string;
 28 |     lazyLoad?: boolean;
 29 | }
 30 | 
 31 | const UnicornScene: Component<UnicornSceneProps> = (props) => {
 32 |     // Set default values for props
 33 |     const p = {
 34 |         width: "100%",
 35 |         height: "100%",
 36 |         scale: 1,
 37 |         dpi: 1.5,
 38 |         fps: 60,
 39 |         altText: "Unicorn Scene",
 40 |         get ariaLabel() { return this.altText },
 41 |         className: "",
 42 |         lazyLoad: false,
 43 |         ...props
 44 |     };
 45 | 
 46 |     let elementRef: HTMLDivElement | undefined;
 47 |     let sceneRef: { destroy: () => void } | null = null;
 48 |     const [error, setError] = createSignal<string | null>(null);
 49 | 
 50 |     createEffect(() => {
 51 |         // Re-run this effect if these properties change
 52 |         const { projectId, jsonFilePath, scale, dpi } = p;
 53 | 
 54 |         if (typeof window === 'undefined') return;
 55 | 
 56 |         const initializeScript = (callback: () => void) => {
 57 |             const version = '1.5.2';
 58 |             const scriptSrc = `https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v${version}/dist/unicornStudio.umd.js`;
 59 |             const existingScript = document.querySelector(`script[src="${scriptSrc}"]`);
 60 | 
 61 |             if (existingScript) {
 62 |                 if (window.UnicornStudio) {
 63 |                     callback();
 64 |                 } else {
 65 |                     existingScript.addEventListener('load', callback);
 66 |                 }
 67 |                 return;
 68 |             }
 69 | 
 70 |             const script = document.createElement('script');
 71 |             script.src = scriptSrc;
 72 |             script.async = true;
 73 |             script.onload = callback;
 74 |             script.onerror = () => setError('Failed to load UnicornStudio script');
 75 |             document.body.appendChild(script);
 76 |         };
 77 | 
 78 |         const initializeScene = async () => {
 79 |             if (!elementRef) return;
 80 | 
 81 |             if (jsonFilePath) {
 82 |                 elementRef.setAttribute("data-us-project-src", jsonFilePath);
 83 |             } else if (projectId) {
 84 |                 const [cleanProjectId, query] = projectId.split("?");
 85 |                 const production = query?.includes("production");
 86 |                 elementRef.setAttribute('data-us-project', cleanProjectId);
 87 |                 if (production) {
 88 |                     elementRef.setAttribute("data-us-production", "1");
 89 |                 }
 90 |             } else {
 91 |                 setError('No project ID or JSON file path provided');
 92 |                 return;
 93 |             }
 94 | 
 95 |             const UnicornStudio = window.UnicornStudio;
 96 |             if (!UnicornStudio) {
 97 |                 setError('UnicornStudio library not found on window object.');
 98 |                 return;
 99 |             }
100 | 
101 |             if (sceneRef?.destroy) {
102 |                 sceneRef.destroy();
103 |             }
104 | 
105 |             try {
106 |                 const scenes = await UnicornStudio.init({ scale, dpi });
107 |                 const ourScene = scenes.find(
108 |                     (scene) =>
109 |                         scene.element === elementRef ||
110 |                         scene.element.contains?.(elementRef)
111 |                 );
112 |                 if (ourScene) {
113 |                     sceneRef = ourScene;
114 |                 }
115 |             } catch (e) {
116 |                 console.error("Failed to initialize Unicorn Studio scene:", e);
117 |                 setError("Failed to initialize scene.");
118 |             }
119 |         };
120 | 
121 |         initializeScript(() => {
122 |             void initializeScene();
123 |         });
124 | 
125 |         onCleanup(() => {
126 |             if (sceneRef?.destroy) {
127 |                 sceneRef.destroy();
128 |                 sceneRef = null;
129 |             }
130 |         });
131 |     });
132 | 
133 |     return (
134 |         <div
135 |             ref={elementRef}
136 |             style={{
137 |                 width: typeof p.width === 'number' ? `${p.width}px` : p.width,
138 |                 height: typeof p.height === 'number' ? `${p.height}px` : p.height,
139 |             }}
140 |             class={`relative ${p.className}`}
141 |             role="img"
142 |             aria-label={p.ariaLabel}
143 |             data-us-dpi={p.dpi}
144 |             data-us-scale={p.scale}
145 |             data-us-fps={p.fps}
146 |             data-us-alttext={p.altText}
147 |             data-us-arialabel={p.ariaLabel}
148 |             data-us-lazyload={p.lazyLoad ? "true" : ""}
149 |         >
150 |             {error() && <div style={{ color: 'red' }}>{error()}</div>}
151 |         </div>
152 |     );
153 | };
154 | 
155 | export default UnicornScene;
156 | 


--------------------------------------------------------------------------------
/components/unicornstudio-figma.tsx:
--------------------------------------------------------------------------------
  1 | import { defineProperties } from "figma:react"
  2 | 
  3 | "use client"
  4 | 
  5 | import { useCallback, useEffect, useRef, useState } from "react"
  6 | 
  7 | export type UnicornSceneProps = {
  8 |     projectId?: string
  9 |     jsonFilePath?: string
 10 |     projectJSON?: string
 11 |     sdkVersion?: string
 12 |     width?: number | string
 13 |     height?: number | string
 14 |     scale?: number
 15 |     dpi?: number
 16 |     fps?: number
 17 |     altText?: string
 18 |     ariaLabel?: string
 19 |     className?: string
 20 |     lazyLoad?: boolean
 21 |     fixed?: boolean
 22 |     header?: string
 23 | }
 24 | 
 25 | export default function UnicornScene({
 26 |     projectId,
 27 |     jsonFilePath,
 28 |     projectJSON,
 29 |     sdkVersion = "1.5.2",
 30 |     width = "100%",
 31 |     height = "100%",
 32 |     scale = 1,
 33 |     dpi = 1.5,
 34 |     fps = 60,
 35 |     altText = "Unicorn Scene",
 36 |     ariaLabel = altText,
 37 |     className = "",
 38 |     lazyLoad = false,
 39 |     fixed = false,
 40 |     header,
 41 | }: UnicornSceneProps) {
 42 |     const elementRef = useRef<HTMLDivElement>(null)
 43 |     const sceneRef = useRef<{ destroy: () => void } | null>(null)
 44 |     const [error, setError] = useState<string | null>(null)
 45 |     const scriptId = useRef(`us-data-${Math.random().toString(36).slice(2)}`)
 46 |     const setElementRef = useCallback((node: HTMLDivElement | null) => {
 47 |         elementRef.current = node
 48 |     }, [])
 49 | 
 50 |     const isValidVersion = (v: string) => /^\d+\.\d+\.\d+(-beta)?$/.test(v.trim())
 51 | 
 52 |     useEffect(() => {
 53 |         if (typeof window === "undefined") return
 54 | 
 55 |         if (!isValidVersion(sdkVersion)) {
 56 |             setError(
 57 |                 `Invalid SDK version "${sdkVersion}". Use x.y.z (e.g. 1.4.34).`
 58 |             )
 59 |             return
 60 |         } else {
 61 |             setError(null)
 62 |         }
 63 | 
 64 |         const initializeScript = (callback: () => void) => {
 65 |             const cdnPrefix =
 66 |                 "https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js"
 67 |             const scriptSrc = `${cdnPrefix}@v${sdkVersion}/dist/unicornStudio.umd.js`
 68 | 
 69 |             const existingScript = document.querySelector(
 70 |                 'script[src^="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js"]'
 71 |             ) as HTMLScriptElement | null
 72 | 
 73 |             if (!existingScript) {
 74 |                 const script = document.createElement("script")
 75 |                 script.src = scriptSrc
 76 |                 script.async = true
 77 |                 script.onload = callback
 78 |                 script.onerror = () =>
 79 |                     setError(`Failed to load UnicornStudio script at ${scriptSrc}`)
 80 |                 document.body.appendChild(script)
 81 |             } else {
 82 |                 if ((window as any).UnicornStudio) {
 83 |                     callback()
 84 |                 } else {
 85 |                     const waitForLoad = setInterval(() => {
 86 |                         if ((window as any).UnicornStudio) {
 87 |                             clearInterval(waitForLoad)
 88 |                             callback()
 89 |                         }
 90 |                     }, 100)
 91 |                 }
 92 |             }
 93 |         }
 94 | 
 95 |         const initializeScene = () => {
 96 |             if (!elementRef.current) return
 97 | 
 98 |             // Clean up any previous scene on this element
 99 |             if (sceneRef.current?.destroy) {
100 |                 sceneRef.current.destroy()
101 |                 sceneRef.current = null
102 |             }
103 | 
104 |             if (projectJSON) {
105 |                 // ensure we don't leak old inline data scripts on prop change
106 |                 const previous = document.getElementById(scriptId.current)
107 |                 previous?.remove()
108 | 
109 |                 const dataScript = document.createElement("script")
110 |                 dataScript.id = scriptId.current
111 |                 dataScript.type = "application/json"
112 |                 dataScript.textContent = projectJSON
113 |                 document.body.appendChild(dataScript)
114 |                 elementRef.current.setAttribute("data-us-project-src", scriptId.current)
115 |             } else if (jsonFilePath) {
116 |                 elementRef.current.setAttribute("data-us-project-src", `${jsonFilePath}`)
117 |             } else if (projectId) {
118 |                 const [cleanProjectId, query] = projectId.split("?")
119 |                 const production = query?.includes("production")
120 |                 elementRef.current.setAttribute("data-us-project", cleanProjectId)
121 |                 if (production) {
122 |                     elementRef.current.setAttribute("data-us-production", "1")
123 |                 }
124 |             } else {
125 |                 setError("No project ID or JSON provided")
126 |                 return
127 |             }
128 | 
129 |             const US = (window as any).UnicornStudio
130 |             if (!US) {
131 |                 setError("UnicornStudio not found")
132 |                 return
133 |             }
134 | 
135 |             const args: any = {
136 |                 element: elementRef.current,
137 |                 dpi,
138 |                 scale,
139 |                 fps,
140 |                 lazyLoad: !!lazyLoad,
141 |                 fixed: !!fixed,
142 |                 altText,
143 |                 ariaLabel,
144 |             }
145 | 
146 |             if (projectJSON) {
147 |                 args.filePath = scriptId.current
148 |             } else if (jsonFilePath) {
149 |                 args.filePath = jsonFilePath
150 |             } else if (projectId) {
151 |                 args.projectId = projectId
152 |             }
153 | 
154 |             US.addScene(args)
155 |                 .then((scene: any) => {
156 |                     sceneRef.current = scene
157 |                 })
158 |                 .catch(() => {
159 |                     setError("Failed to initialize UnicornStudio scene")
160 |                 })
161 |         }
162 | 
163 |         const start = () => initializeScene()
164 | 
165 |         if ((window as any).UnicornStudio) {
166 |             start()
167 |         } else {
168 |             initializeScript(start)
169 |         }
170 | 
171 |         return () => {
172 |             if (sceneRef.current?.destroy) {
173 |                 sceneRef.current.destroy()
174 |                 sceneRef.current = null
175 |             }
176 | 
177 |             const dataScript = document.getElementById(scriptId.current)
178 |             if (dataScript) {
179 |                 dataScript.remove()
180 |             }
181 |         }
182 |     }, [
183 |         projectId,
184 |         jsonFilePath,
185 |         projectJSON,
186 |         sdkVersion,
187 |         scale,
188 |         dpi,
189 |         fps,
190 |         lazyLoad,
191 |         fixed,
192 |         altText,
193 |         ariaLabel,
194 |     ])
195 | 
196 |     return (
197 |         <div
198 |             ref={setElementRef}
199 |             style={{
200 |                 width: typeof width === "number" ? `${width}px` : width,
201 |                 height: typeof height === "number" ? `${height}px` : height,
202 |             }}
203 |             className={`relative ${className}`}
204 |             role="img"
205 |             aria-label={ariaLabel}
206 |             data-us-dpi={dpi}
207 |             data-us-scale={scale}
208 |             data-us-fps={fps}
209 |             data-us-alttext={altText}
210 |             data-us-arialabel={ariaLabel}
211 |             data-us-lazyload={lazyLoad ? "true" : ""}
212 |         >
213 |             {header ? (
214 |                 <h1
215 |                     style={{
216 |                         width: "1px",
217 |                         height: "1px",
218 |                         margin: "-1px",
219 |                         padding: "0",
220 |                         overflow: "hidden",
221 |                         clip: "rect(0, 0, 0, 0)",
222 |                         border: "0",
223 |                     }}
224 |                 >
225 |                     {header}
226 |                 </h1>
227 |             ) : null}
228 |             {error && <div className="text-red-500">{error}</div>}
229 |         </div>
230 |     )
231 | }
232 | 
233 | defineProperties(UnicornScene, {
234 |     projectId: {
235 |         label: "Project Id",
236 |         type: "string",
237 |         defaultValue: "Add your project Id",
238 |     },
239 |     projectJSON: {
240 |         label: "Project JSON",
241 |         type: "string",
242 |         defaultValue: "",
243 |     },
244 |     jsonFilePath: {
245 |         label: "JSON File Path",
246 |         type: "string",
247 |         defaultValue: "",
248 |     },
249 |     sdkVersion: {
250 |         label: "SDK Version",
251 |         type: "string",
252 |         defaultValue: "1.5.2",
253 |     },
254 |     scale: {
255 |         type: "number",
256 |         label: "Scale",
257 |         defaultValue: 1,
258 |     },
259 |     dpi: {
260 |         type: "number",
261 |         label: "DPI",
262 |         defaultValue: 1.5,
263 |     },
264 |     fps: {
265 |         type: "number",
266 |         label: "FPS",
267 |         defaultValue: 60,
268 |     },
269 |     altText: {
270 |         type: "string",
271 |         label: "Alt text",
272 |         defaultValue: "Unicorn Scene",
273 |     },
274 |     ariaLabel: {
275 |         type: "string",
276 |         label: "Aria label",
277 |         defaultValue: "Unicorn Scene",
278 |     },
279 |     lazyLoad: {
280 |         type: "boolean",
281 |         label: "Lazy Load",
282 |         defaultValue: false,
283 |     },
284 |     fixed: {
285 |         type: "boolean",
286 |         label: "Fixed",
287 |         defaultValue: false,
288 |     },
289 |     header: {
290 |         type: "string",
291 |         label: "H1 text",
292 |         defaultValue: "",
293 |     },
294 | })
295 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Embed your Unicorn Studio projects
  2 | 
  3 | ## Include the script
  4 | 
  5 | Add the script tag to the `<head>` of your page
  6 | 
  7 | ```html
  8 | <script src="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.5.3/dist/unicornStudio.umd.js"></script>
  9 | ```
 10 | 
 11 | or import into your component
 12 | 
 13 | ```js
 14 | import * as UnicornStudio from "./path/to/unicornStudio.umd.js";
 15 | ```
 16 | 
 17 | ## Initialize your scene:
 18 | 
 19 | ### Inline
 20 | 
 21 | Any element with `data-us-project` will get initialized by calling `UnicornStudio.init()`. If you're hosting your own exported JSON file, use `data-us-project-src` to point to its location. You do not need both `data-us-project` and `data-us-project-src`. If you host your own JSON, remembder you'll need to update this file when you make changes to your scene in Unicorn.studio.
 22 | 
 23 | ```html
 24 | <div
 25 |   class="unicorn-embed"
 26 |   data-us-project="YOUR_PROJECT_EMBED_ID"
 27 |   data-us-project-src="path/to/your/PROJECT_ID.json (if you're using this, do not use data-us-project)"
 28 |   data-us-scale="1"
 29 |   data-us-dpi="1.5"
 30 |   data-us-lazyload="true"
 31 |   data-us-alttext="Welcome to Unicorn Studio"
 32 |   data-us-arialabel="This is a canvas scene"
 33 | ></div>
 34 | <script>
 35 |   UnicornStudio.init()
 36 |     .then((scenes) => {
 37 |       // Scenes are ready
 38 |     })
 39 |     .catch((err) => {
 40 |       console.error(err);
 41 |     });
 42 | </script>
 43 | ```
 44 | 
 45 | ### Dynamically
 46 | 
 47 | You can add a scene dynamically during or after pageload.
 48 | 
 49 | ```html
 50 | <div class="unicorn-embed" id="unicorn"></div>
 51 | <script>
 52 |   UnicornStudio.addScene({
 53 |     elementId: "unicorn", // id of the HTML element to render your scene in (the scene will use its dimensions)
 54 |     fps: 60, // frames per second (0-120) [optional]
 55 |     scale: 1, // rendering scale, use smaller values for performance boost (0.25-1) [optional]
 56 |     dpi: 1.5, // pixel ratio [optional]
 57 |     projectId: "YOUR_PROJECT_EMBED_ID", // the id string for your embed (get this from "embed" export)
 58 |     lazyLoad: true, // will not initialize the scene until it scrolls into view
 59 |     filePath: "path/to/your/PROJECT_ID.json", // if youre hosting your own exported json code, point to it here (do not use both filePath and projectId, only one is required)
 60 |     fixed: false, // whether the scene should behave like a fixed element or not. automatic by default but this gives explicit control
 61 |     altText: "Welcome to Unicorn Studio", // optional text for SEO, going inside the <canvas> tag
 62 |     ariaLabel: "This is a canvas scene", // optional text for the aria-label attribute on the <canvas> element
 63 |     production: false, // when true, will hit the global edge CDN, learn more in the help docs
 64 |     interactivity: {
 65 |       // [optional]
 66 |       mouse: {
 67 |         disableMobile: false, // disable touch movement on mobile
 68 |         disabled: false // disable all mouse interaction
 69 |       },
 70 |     },
 71 |   })
 72 |     .then((scene) => {
 73 |       // scene is ready
 74 |       // To remove a scene, you can use:
 75 |       // scene.destroy()
 76 | 
 77 |       // if the scenes container changes size and you need to resize the scene
 78 |       // scene.resize()
 79 | 
 80 |       // if you need to pause the scene
 81 |       // scene.paused = true;
 82 | 
 83 |       // if you need to resume the scene
 84 |       // scene.paused = false;
 85 |     })
 86 |     .catch((err) => {
 87 |       console.error(err);
 88 |     });
 89 | </script>
 90 | ```
 91 | 
 92 | Any values set in the UI will be overridden by values defined in the optional params.
 93 | 
 94 | ## Destroy all scenes:
 95 | 
 96 | If you're using UnicornStudio in a SPA with dynamic routing, make sure to destroy them on unmount.
 97 | 
 98 | ```js
 99 | UnicornStudio.destroy();
100 | ```
101 | 
102 | ## React/Next
103 | See [this repo](https://github.com/diegopeixoto/unicornstudio-react) for a great react/next npm package. 
104 | 
105 | ## Live example
106 | 
107 | https://codepen.io/georgehastings/pen/ExGrqMJ
108 | 
109 | 
110 | # Changelog
111 | v1.5.3
112 | - Adds support for mask layer depth
113 | 
114 | v1.5.2
115 | - Introduces the Model class!
116 | - Bugfixes and optimizations
117 | 
118 | v1.4.36
119 | - Fixes a bug that caused unexpected resizing when the canvas is affected by CSS transforms
120 | - Fixes a bug that didn't allow appear animations to complete to the final frame
121 | 
122 | v1.4.35
123 | - Fixes a stretching bug caused by certain effects when the background layer is hidden
124 | 
125 | v1.4.34
126 | - Events work for video playback speed now
127 | - No longer rounds element position to whole pixel numbers
128 | 
129 | v1.4.33
130 | - Fixes positioning bug with track mouse x/y controls
131 | - Stability improvements
132 | 
133 | v1.4.32
134 | - Cancels raf properly when all scenes are destroyed
135 | - Adds support for disabling text-as-html
136 | 
137 | v1.4.31
138 | - Fixes bug when background layer is hidden
139 | - Removes curtains log
140 | 
141 | v1.4.30
142 | - Adds mouse axis control
143 | - Framework for additional easing functions
144 | - Minor performance optimizations
145 | 
146 | v1.4.29
147 | - Adds control for video looping
148 | - Adds control for video playback speed
149 | 
150 | v1.4.28
151 | - Adds looping functionality for appear events
152 | - Adds a disable parameter `data-us-disablemouse` for mouse interactivity that can be used dynamically
153 | - Fixes a bug where 0 speed effects would still animate
154 | 
155 | v1.4.27
156 | - Fixes a bug where appear effects on Element layers wouldn't properly initialize
157 | 
158 | v1.4.27
159 | - Fixes a bug where appear effects on Element layers wouldn't properly initialize
160 | 
161 | v1.4.26
162 | - Fixes a bug with texture handling of shared textures
163 | - Eliminated cases of redundant texture loading
164 | - Fixed a bug handling fontCSS.src being undefined
165 | 
166 | v1.4.25
167 | - Enables momentum for mouse trail effects (light, mouse, ripple)
168 | - More mouse perf optimizations
169 | 
170 | v1.4.24
171 | - Fixes a bug with texture handling for multipass child effects
172 | 
173 | v1.4.23
174 | - Fixes a bug where mouse tracking would get offset when moved while scrolling
175 | - Adds "fixed" param to declaratively make a scene fixed with data-us-fixed
176 | 
177 | v1.4.22
178 | - Child effect rendertarget bugfix
179 | - Improved caching and mouse tracking performance
180 | 
181 | v1.4.21
182 | - Continues text rendering even if font fails to load
183 | - Fixes bug with effects that use canvas as uBgTexture twice
184 | - Fixes bug where rotation animations didnt work for text elements
185 | - Adds the "scene.paused" parameter to pause the scene
186 | - Minor optimizations
187 | 
188 | v1.4.20
189 | - Fixes texture stretch bug when background is hidden and an element is the first layer
190 | 
191 | v1.4.19
192 | - Much more efficient downsampling logic in plane initialization
193 | - Created vertices by accident for noise and sine effects
194 | - No longer creates a shader program for hidden background layers
195 | 
196 | v1.4.18
197 | - Fixed a bug with handling multi-pass child effects like water ripple
198 | - Minor optimizations
199 | 
200 | v1.4.17
201 | - Removed a code check that automatically throttled scene quality by checking for low end devices or GPUs. At best it likely had little positive impact and at worst it thew false positives in certain browsers and high end mobile devices.  
202 | - Fixed a bug that broke user downsapling for element layers
203 | 
204 | v1.4.14
205 | - Fixes an image texture handling bug 
206 | 
207 | v1.4.13
208 | - Fixes a downsampling bug from the previous release
209 | 
210 | v1.4.12
211 | - Corrected unecessary texture creation in multipass planes
212 | - Fixed a bug that prevented planes from being downsampled correctly
213 | - Fixed a bug that didn't remove text when using scene.destroy()
214 | - Fixed a texture loading race condition bug
215 | 
216 | v1.4.11
217 | - Fixed a texture handling bug when using multiple effects with blue noise
218 | - Fixed some inconsistency with font weights
219 | 
220 | v1.4.10
221 | - Added the changelog to the README
222 | - Fixed a texture bug with mouse effects as child effects
223 | 
224 | v.1.4.9
225 | - scene.destroy() now removes canvas element as this is the expected behavior
226 | - fixes a bug where some element properties were not responsive to breakpoints
227 | - fixes a bug where some effect properties did not respond to events
228 | - fixes some bugs with appear events when scenes are scroll away / tabbed away mid animation
229 | 
230 | v1.4.8
231 | - Fixed a bug when resizing mouse trail effects
232 | - Fixed a bug where videos would pause after the tab was inactive for awhile
233 | - Other minor bugfixes
234 | 
235 | v1.4.7
236 | - Added breakpoint control for events
237 | 
238 | v1.4.6
239 | - Fixed a bug that prevented effects from getting responsiveness updates after initial pageload
240 | - Fixed a bug where isFixed scenes mouse tracking was wrong
241 | 
242 | v1.4.5
243 | - Added flexibility for future pingpong effects
244 | - Bugfix for scene.destroy()
245 | 
246 | v1.4.4
247 | - Scene resizing is now way more responsive and way less memory intensive
248 | - New texture preloading logic for faster load times
249 | - Overall performance enhancements
250 | 
251 | v1.4.3
252 | - Scene resizing is now way more responsive and way less memory intensive
253 | - New texture preloading logic for faster load times
254 | - Overall performance enhancements
255 | 
256 | v.1.4.2
257 | - Handles hover events for hovering over the elements themselves
258 | - Performance enhancements
259 | 
260 | v1.4.1
261 | - This release adds events to all element layers (Images/Shapes/Text)
262 | - Adds support for handling videos
263 | - Stability improvements
264 | 
265 | ## License
266 | 
267 | Copyright © 2025 Unicorn Studio (UNCRN LLC)
268 | 
269 | Permission is granted to use this software only for integration with legitimate Unicorn Studio projects. The source code is made available for transparency and to facilitate integration, but remains proprietary.
270 | 
271 | Unauthorized uses include but are not limited to:
272 | 1. Using this software in any way that violates Unicorn Studio's Terms of Service
273 | 2. Creating derivative works not approved by Unicorn Studio
274 | 3. Using this software with non-Unicorn Studio projects
275 | 4. Reverse engineering this software to recreate Unicorn Studio functionality
276 | 5. Removing or altering any license, copyright, watermark, or other proprietary notices
277 | 
278 | This license is subject to termination if violated. All rights not explicitly granted are reserved.
279 | 


--------------------------------------------------------------------------------
/components/unicornstudio-framer.js:
--------------------------------------------------------------------------------
  1 | import { useEffect, useRef, useState } from "react"
  2 | import { addPropertyControls, ControlType, RenderTarget } from "framer"
  3 | 
  4 | /**
  5 |  * @framerSupportedLayoutWidth fixed
  6 |  * @framerSupportedLayoutHeight fixed
  7 |  * @framerIntrinsicHeight 400
  8 |  * @framerIntrinsicWidth 800
  9 |  */
 10 | export default function UnicornStudioEmbed(props) {
 11 |     const {
 12 |         sdkVersion = "1.5.3", // default
 13 |     } = props
 14 | 
 15 |     const elementRef = useRef<HTMLDivElement | null>(null)
 16 |     const sceneRef = useRef<any>(null)
 17 |     const scriptId = useRef(
 18 |         `unicorn-project-${Math.random().toString(36).substr(2, 9)}`
 19 |     )
 20 |     const [versionError, setVersionError] = useState<string | null>(null)
 21 | 
 22 |     // simple semver check: 1.2.3
 23 |     const isValidVersion = (v: string) =>
 24 |         /^\d+\.\d+\.\d+(-beta)?$/.test(v.trim())
 25 | 
 26 |     useEffect(() => {
 27 |         const isEditingOrPreviewing = ["CANVAS", "PREVIEW"].includes(
 28 |             RenderTarget.current()
 29 |         )
 30 | 
 31 |         // validate version first
 32 |         if (!isValidVersion(sdkVersion)) {
 33 |             console.error(
 34 |                 `[UnicornStudioEmbed] Invalid SDK version "${sdkVersion}". Expected format: x.y.z (e.g. 1.4.34)`
 35 |             )
 36 |             setVersionError(
 37 |                 `Invalid SDK version "${sdkVersion}". Use x.y.z (e.g. 1.4.34).`
 38 |             )
 39 |             return
 40 |         } else {
 41 |             setVersionError(null)
 42 |         }
 43 | 
 44 |         if (RenderTarget.current() === "CANVAS") {
 45 |             return
 46 |         }
 47 | 
 48 |         const initializeScript = (callback: () => void) => {
 49 |             const cdnPrefix =
 50 |                 "https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js"
 51 |             const scriptSrc = `${cdnPrefix}@v${sdkVersion}/dist/unicornStudio.umd.js`
 52 | 
 53 |             // check if any unicornstudio.js script is already on the page
 54 |             const existingScript = document.querySelector(
 55 |                 'script[src^="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js"]'
 56 |             ) as HTMLScriptElement | null
 57 | 
 58 |             // IMPORTANT:
 59 |             // If there is already a script but it's for a different version,
 60 |             // we might want to load the desired one anyway. For now, if it's
 61 |             // present AND window.UnicornStudio exists, we just use it.
 62 |             if (!existingScript) {
 63 |                 const script = document.createElement("script")
 64 |                 script.src = scriptSrc
 65 |                 script.onload = callback
 66 |                 script.onerror = () =>
 67 |                     console.error(
 68 |                         "Failed to load UnicornStudio script at " + scriptSrc
 69 |                     )
 70 |                 document.body.appendChild(script)
 71 |             } else {
 72 |                 if ((window as any).UnicornStudio) {
 73 |                     callback()
 74 |                 } else {
 75 |                     const waitForLoad = setInterval(() => {
 76 |                         if ((window as any).UnicornStudio) {
 77 |                             clearInterval(waitForLoad)
 78 |                             callback()
 79 |                         }
 80 |                     }, 100)
 81 |                 }
 82 |             }
 83 |         }
 84 | 
 85 |         const initializeUnicornStudio = () => {
 86 |             if (props.projectJSON) {
 87 |                 try {
 88 |                     // Create script element for JSON data
 89 |                     const dataScript = document.createElement("script")
 90 |                     dataScript.id = scriptId.current
 91 |                     dataScript.type = "application/json"
 92 |                     dataScript.textContent = props.projectJSON
 93 |                     document.body.appendChild(dataScript)
 94 | 
 95 |                     elementRef.current?.setAttribute(
 96 |                         "data-us-project-src",
 97 |                         `${scriptId.current}`
 98 |                     )
 99 |                 } catch (e) {
100 |                     console.error("Failed to parse project JSON:", e)
101 |                     return
102 |                 }
103 |             } else if (props.projectId) {
104 |                 const query = props.projectId.split("?")
105 |                 const projectId = query[0]
106 |                 const production = query[1] && query[1].includes("production")
107 |                 const cacheBuster = isEditingOrPreviewing
108 |                     ? "?update=" + Math.random()
109 |                     : ""
110 |                 elementRef.current?.setAttribute(
111 |                     "data-us-project",
112 |                     projectId + cacheBuster
113 |                 )
114 | 
115 |                 if (production) {
116 |                     elementRef.current?.setAttribute("data-us-production", "1")
117 |                 }
118 |             }
119 | 
120 |             const US = (window as any).UnicornStudio
121 |             if (!US || !elementRef.current) return
122 | 
123 |             // 1) Clean up only our previous scene
124 |             US.scenes?.find((s) => s.element === elementRef.current)?.destroy()
125 | 
126 |             // 2) Prepare args
127 |             const args: any = {
128 |                 element: elementRef.current,
129 |                 dpi: props.dpi,
130 |                 scale: props.scale,
131 |                 fps: props.fps,
132 |                 lazyLoad: !!props.lazyLoad,
133 |                 fixed: !!props.fixed,
134 |                 altText: props.altText,
135 |                 ariaLabel: props.ariaLabel,
136 |             }
137 | 
138 |             // If you passed JSON via a <script type="application/json" id=...>
139 |             if (props.projectJSON) {
140 |                 // ensure script tag exists (your current code already does this)
141 |                 args.filePath = scriptId.current
142 |             } else {
143 |                 args.projectId = props.projectId // your parsed id
144 |             }
145 | 
146 |             // 3) Create only this scene
147 |             US.addScene(args).then((scene: any) => {
148 |                 sceneRef.current = scene
149 |             })
150 |         }
151 | 
152 |         if (props.projectId || props.projectJSON) {
153 |             if ((window as any).UnicornStudio) {
154 |                 initializeUnicornStudio()
155 |             } else {
156 |                 initializeScript(initializeUnicornStudio)
157 |             }
158 |         }
159 | 
160 |         return () => {
161 |             if (sceneRef.current) {
162 |                 sceneRef.current.destroy()
163 |                 sceneRef.current = null
164 |             }
165 |             // Clean up JSON script if it exists
166 |             const dataScript = document.getElementById(scriptId.current)
167 |             if (dataScript) {
168 |                 dataScript.remove()
169 |             }
170 |         }
171 |     }, [props.projectId, props.projectJSON, sdkVersion])
172 | 
173 |     // CANVAS mode stays the same
174 |     if (RenderTarget.current() === "CANVAS") {
175 |         return (
176 |             <div
177 |                 style={{
178 |                     display: "flex",
179 |                     flexDirection: "column",
180 |                     alignItems: "center",
181 |                     justifyContent: "center",
182 |                     width: "100%",
183 |                     height: "100%",
184 |                     backgroundColor: "rgba(0, 0, 0, 0.15)",
185 |                     color: "#4B5563",
186 |                     fontWeight: 500,
187 |                     textAlign: "center",
188 |                     padding: "16px",
189 |                 }}
190 |             >
191 |                 <p style={{ fontSize: "1.25rem", marginBottom: "12px" }}>
192 |                     Scene will render in Preview and on your published site.
193 |                 </p>
194 |                 {!props.projectId && !props.projectJSON ? (
195 |                     <p style={{ fontSize: "1rem", color: "#EF4444" }}>
196 |                         No project ID, please export your scene and add its
197 |                         project ID in the detail panel.
198 |                     </p>
199 |                 ) : (
200 |                     " "
201 |                 )}
202 |             </div>
203 |         )
204 |     }
205 | 
206 |     // runtime render
207 |     return (
208 |         <div style={{ width: "100%", height: "100%", position: "relative" }}>
209 |             <div
210 |                 ref={elementRef}
211 |                 data-us-dpi={props.dpi}
212 |                 data-us-scale={props.scale}
213 |                 data-us-fps={props.fps}
214 |                 data-us-altText={props.altText}
215 |                 data-us-ariaLabel={props.ariaLabel}
216 |                 {...(props.lazyLoad ? { "data-us-lazyload": "true" } : {})}
217 |                 style={{ width: "100%", height: "100%", ...props.style }}
218 |             >
219 |                 {props.header && (
220 |                     <h1
221 |                         style={{
222 |                             width: "1px",
223 |                             height: "1px",
224 |                             margin: "-1px",
225 |                             padding: "0",
226 |                             overflow: "hidden",
227 |                             clip: "rect(0, 0, 0, 0)",
228 |                             border: "0",
229 |                         }}
230 |                     >
231 |                         {props.header}
232 |                     </h1>
233 |                 )}
234 |             </div>
235 |             {versionError ? (
236 |                 <div
237 |                     style={{
238 |                         position: "absolute",
239 |                         inset: 8,
240 |                         background: "rgba(239, 68, 68, 0.12)",
241 |                         border: "1px solid rgba(239, 68, 68, 0.5)",
242 |                         borderRadius: 6,
243 |                         padding: "8px 10px",
244 |                         fontSize: 12,
245 |                         color: "#991B1B",
246 |                         pointerEvents: "none",
247 |                     }}
248 |                 >
249 |                     {versionError}
250 |                 </div>
251 |             ) : null}
252 |         </div>
253 |     )
254 | }
255 | 
256 | UnicornStudioEmbed.displayName = "Unicorn Studio Embed"
257 | 
258 | addPropertyControls(UnicornStudioEmbed, {
259 |     projectId: {
260 |         type: ControlType.String,
261 |         title: "Project ID",
262 |     },
263 |     projectJSON: {
264 |         type: ControlType.String,
265 |         title: "Project JSON",
266 |     },
267 |     sdkVersion: {
268 |         type: ControlType.String,
269 |         title: "SDK version",
270 |         defaultValue: "1.4.34",
271 |         placeholder: "1.4.34",
272 |     },
273 |     scale: {
274 |         type: ControlType.Number,
275 |         title: "Scale",
276 |         defaultValue: 1,
277 |         min: 0.25,
278 |         max: 1,
279 |         step: 0.01,
280 |     },
281 |     dpi: {
282 |         type: ControlType.Number,
283 |         title: "DPI",
284 |         defaultValue: 1.5,
285 |         min: 0.5,
286 |         max: 2,
287 |         step: 0.1,
288 |     },
289 |     fps: {
290 |         type: ControlType.Number,
291 |         title: "FPS",
292 |         defaultValue: 60,
293 |         min: 10,
294 |         max: 120,
295 |         step: 5,
296 |     },
297 |     header: {
298 |         type: ControlType.String,
299 |         title: "H1 text",
300 |     },
301 |     altText: {
302 |         type: ControlType.String,
303 |         title: "Alt text",
304 |     },
305 |     ariaLabel: {
306 |         type: ControlType.String,
307 |         title: "Aria label",
308 |     },
309 |     lazyLoad: {
310 |         type: ControlType.Boolean,
311 |         title: "Lazy Load",
312 |         defaultValue: false,
313 |     },
314 |     fixed: {
315 |         type: ControlType.Boolean,
316 |         title: "Fixed",
317 |         defaultValue: false,
318 |     },
319 | })
320 | 


--------------------------------------------------------------------------------
/extensions/model-renderer.js:
--------------------------------------------------------------------------------
1 | import{GLTFLoader,SVGLoader,THREE}from"./three-bundle.js";const e=new GLTFLoader,a=new SVGLoader,r=new THREE.TextureLoader;function t(e){const a=e.getProp("lightPosition");return new THREE.ShaderMaterial({uniforms:{uBackgroundTexture:{value:null},uEnvMap:{value:null},uEnvMapIntensity:{value:e.getProp("environmentMapIntensity")??0},uResolution:{value:new THREE.Vector2(1,1)},uIOR:{value:e.getProp("glassIOR")??1.5},uThickness:{value:e.getProp("glassThickness")??.5},uBlur:{value:e.getProp("glassRoughness")??0},uTint:{value:new THREE.Color(e.getProp("glassTint")||"#ffffff")},uDispersion:{value:e.getProp("glassDispersion")??0},uCameraPosition:{value:new THREE.Vector3(0,0,5)},uLightPosition:{value:new THREE.Vector3((null==a?void 0:a.x)??.75,(null==a?void 0:a.y)??.75,(null==a?void 0:a.z)??.75)},uMetalness:{value:e.getProp("materialMetalness")??.5},uRoughness:{value:e.getProp("materialRoughness")??.5},uLightIntensity:{value:e.getProp("lightIntensity")??.2},uAmbientLightIntensity:{value:e.getProp("ambientLightIntensity")??.75}},vertexShader:"\n  varying vec3 vWorldNormal;\n  varying vec3 vWorldPosition;\n  varying vec4 vClipPosition;\n  \n  void main() {\n    vWorldNormal = normalize((modelMatrix * vec4(normal, 0.0)).xyz);\n    vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;\n    vec4 clipPos = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n    vClipPosition = clipPos;\n    gl_Position = clipPos;\n  }\n",fragmentShader:"\n  uniform sampler2D uBackgroundTexture;\n  uniform sampler2D uEnvMap;\n  uniform float uEnvMapIntensity;\n  uniform vec2 uResolution;\n  uniform float uIOR;\n  uniform float uThickness;\n  uniform float uBlur;\n  uniform vec3 uTint;\n  uniform float uDispersion;\n  uniform vec3 uCameraPosition;\n  \n  // Lighting uniforms (mirrors Curtains shader)\n  uniform vec3 uLightPosition;\n  uniform float uMetalness;\n  uniform float uRoughness;\n  uniform float uLightIntensity;\n  uniform float uAmbientLightIntensity;\n  \n  varying vec3 vWorldNormal;\n  varying vec3 vWorldPosition;\n  varying vec4 vClipPosition;\n  \n  #define PI 3.14159265359\n  \n  vec3 sampleBackground(vec2 screenUV, vec2 offset) {\n    vec2 uv = clamp(screenUV + offset, 0.001, 0.999);\n    return texture2D(uBackgroundTexture, uv).rgb;\n  }\n  \n  // Sample equirectangular environment map\n  vec3 sampleEnvMap(vec3 direction) {\n    float phi = atan(direction.z, direction.x);\n    float theta = asin(clamp(direction.y, -1.0, 1.0));\n    vec2 uv = vec2(phi / (2.0 * PI) + 0.5, theta / PI + 0.5);\n    return texture2D(uEnvMap, uv).rgb;\n  }\n  \n  void main() {\n    vec3 normal = normalize(vWorldNormal);\n    vec3 viewDir = normalize(uCameraPosition - vWorldPosition);\n    \n    // Handle backface: flip normal for proper refraction on back surfaces\n    float facing = gl_FrontFacing ? 1.0 : -1.0;\n    normal *= facing;\n    \n    vec2 screenUV = (vClipPosition.xy / vClipPosition.w) * 0.5 + 0.5;\n    \n    // Calculate refraction using IOR\n    // For backfaces, we're exiting the material so invert the ratio\n    float eta = gl_FrontFacing ? (1.0 / uIOR) : uIOR;\n    vec3 refractDir = refract(-viewDir, normal, eta);\n    \n    // Refraction strength: IOR controls direction, thickness amplifies the offset\n    float iorStrength = abs(uIOR - 1.0) * 0.5;\n    float refractStrength = iorStrength * (0.3 + uThickness * 0.4);\n    vec2 refractOffset = refractDir.xy * refractStrength;\n    \n    vec3 refractedColor;\n    if (uDispersion > 0.001) {\n      float dispersionAmount = uDispersion * 0.05;\n      float etaR = gl_FrontFacing ? (1.0 / (uIOR * (1.0 - dispersionAmount))) : (uIOR * (1.0 - dispersionAmount));\n      float etaG = eta;\n      float etaB = gl_FrontFacing ? (1.0 / (uIOR * (1.0 + dispersionAmount))) : (uIOR * (1.0 + dispersionAmount));\n      \n      vec3 redRefract = refract(-viewDir, normal, etaR);\n      vec3 greenRefract = refract(-viewDir, normal, etaG);\n      vec3 blueRefract = refract(-viewDir, normal, etaB);\n      \n      float r = sampleBackground(screenUV, redRefract.xy * refractStrength).r;\n      float g = sampleBackground(screenUV, greenRefract.xy * refractStrength).g;\n      float b = sampleBackground(screenUV, blueRefract.xy * refractStrength).b;\n      refractedColor = vec3(r, g, b);\n    } else {\n      refractedColor = sampleBackground(screenUV, refractOffset);\n    }\n    \n    if (uBlur > 0.001) {\n      float blurAmount = uBlur * 0.02;\n      vec3 blurred = refractedColor;\n      blurred += sampleBackground(screenUV, refractOffset + vec2(blurAmount, 0.0));\n      blurred += sampleBackground(screenUV, refractOffset + vec2(-blurAmount, 0.0));\n      blurred += sampleBackground(screenUV, refractOffset + vec2(0.0, blurAmount));\n      blurred += sampleBackground(screenUV, refractOffset + vec2(0.0, -blurAmount));\n      refractedColor = blurred / 5.0;\n    }\n    \n    // Apply tint as a subtle color blend (not darkening)\n    refractedColor = mix(refractedColor, refractedColor * uTint, 0.5 + uThickness * 0.3);\n    \n    // === Environment map reflections ===\n    float F0 = pow((uIOR - 1.0) / (uIOR + 1.0), 2.0);\n    float fresnel = F0 + (1.0 - F0) * pow(1.0 - max(dot(normal, viewDir), 0.0), 5.0);\n    \n    vec3 reflectedColor = refractedColor;\n    if (uEnvMapIntensity > 0.001) {\n      vec3 reflectDir = reflect(-viewDir, normal);\n      vec3 envColor = sampleEnvMap(reflectDir) * uEnvMapIntensity;\n      reflectedColor = mix(refractedColor, envColor, fresnel * uEnvMapIntensity);\n    }\n    \n    // === Lighting calculations (mirrors Curtains shader) ===\n    \n    vec3 lightDir = normalize(vec3(uLightPosition.xy * 2.0 - 1.0, uLightPosition.z * 2.0 - 1.0));\n    float shininess = mix(2.0, 64.0, 1.0 - uRoughness);\n    vec3 reflectVec = reflect(-lightDir, normal);\n    float spec = pow(max(dot(reflectVec, viewDir), 0.0), shininess);\n    \n    vec3 specularColor = mix(vec3(1.0), reflectedColor, uMetalness) * uLightIntensity;\n    \n    float rimFresnel = pow(1.0 - max(dot(normal, viewDir), 0.0), 3.0);\n    vec3 litColor = reflectedColor + specularColor * spec;\n    if (uEnvMapIntensity < 0.001) {\n      litColor += rimFresnel * uAmbientLightIntensity;\n    }\n    \n    gl_FragColor = vec4(litColor, 1.0);\n  }\n",transparent:!0,side:THREE.DoubleSide})}const n=new WeakMap;function o(e){return n.has(e)||n.set(e,{scene:null,camera:null,renderer:null,model:null,ambientLight:null,directionalLight:null,fillLight:null,customNormalMap:null,customEnvMap:null,envMap:null,customColorMap:null,glassMaterial:null,backgroundTexture:null}),n.get(e)}function l(e,a=!1,t=!1){return new Promise(t=>{r.load(e,e=>{a?(e.mapping=THREE.EquirectangularReflectionMapping,e.colorSpace=THREE.SRGBColorSpace,e.minFilter=THREE.LinearFilter,e.magFilter=THREE.LinearFilter,e.generateMipmaps=!1):(e.wrapS=e.wrapT=THREE.RepeatWrapping,e.flipY=!0),t(e)})})}function i(e,a,r,t,n="map",o=1,l=1){a.repeat.setScalar(r);const i=-(r-1)/2,s=((null==t?void 0:t.x)??.5)-.5,u=((null==t?void 0:t.y)??.5)-.5;a.offset.set(i+s,i+u),e.model.traverse(e=>{e.isMesh&&(Array.isArray(e.material)?e.material:[e.material]).forEach(e=>{(e.isMeshStandardMaterial||e.isMeshPhongMaterial||e.isMeshLambertMaterial)&&("map"===n?(e.map=a,e.color&&e.color.setScalar(l)):"normalMap"===n&&void 0!==e.normalMap&&(e.normalMap=a,e.normalScale&&e.normalScale.set(o,-o)),e.needsUpdate=!0)})})}function s(e,a,r){var t;a&&e.model&&(null==(t=e.model.userData.materials)||t.forEach(e=>{(e.isMeshStandardMaterial||e.isMeshPhysicalMaterial)&&(e.envMap=a,e.envMapIntensity=r,e.needsUpdate=!0)}))}function initialize(e,a){const r=o(a),t=e.canvas?e.canvas.width:e.drawingBufferWidth,n=e.canvas?e.canvas.height:e.drawingBufferHeight;if(0===t||0===n)return;r.scene=new THREE.Scene,r.camera=new THREE.PerspectiveCamera(35,t/n,.1,100),r.camera.position.set(0,0,5),r.renderer=new THREE.WebGLRenderer({canvas:e.canvas,context:e,alpha:!0,preserveDrawingBuffer:!1,premultipliedAlpha:!0,logarithmicDepthBuffer:!0,antialias:"high"===a.quality}),r.renderer.setClearColor(0,0),r.renderer.outputColorSpace=THREE.SRGBColorSpace,function(e,a){e.renderer&&(e.renderer.toneMapping=a?THREE.ACESFilmicToneMapping:THREE.NoToneMapping,e.renderer.toneMappingExposure=a?1.5:1,e.renderer.physicallyCorrectLights=a)}(r,"high"===a.quality),r.renderer.setPixelRatio(1),r.renderer.setSize(t,n,!1);const l=a.getProp("ambientLightColor"),i=a.getProp("ambientLightIntensity"),s=a.getProp("lightColor"),u=a.getProp("lightIntensity"),c=a.getProp("fillLightColor"),m=a.getProp("fillLightIntensity"),p=a.getProp("lightPosition");r.ambientLight=new THREE.AmbientLight(l||"#777777",2*(i??.75)),r.scene.add(r.ambientLight),r.directionalLight=new THREE.DirectionalLight(s||"#777777",5*(u??.2)*2),r.scene.add(r.directionalLight),r.fillLight=new THREE.DirectionalLight(c||"#777777",5*(m??.2)*2),r.scene.add(r.fillLight);const g=10*(p.x-.5),d=10*(p.y-.5),h=10*(p.z-.5);r.directionalLight&&r.directionalLight.position.set(g,-d,h),r.fillLight&&r.fillLight.position.set(.8*-g,.8*d,.8*-h)}function loadModel(r){const n=o(r);r.local.modelLoaded=!1,r.local.modelLoading=!1;const u=r.modelUrl.toLowerCase(),c=u.startsWith("data:image/svg+xml");if(u.split("?")[0].endsWith(".svg")||c){const e=e=>{var a,o;const u=e.paths,c=function(e,a,r){const t=new THREE.Group;for(let n=0;n<e.length;n++){const o=e[n],l=o.userData.style.fill;if(void 0!==l&&"none"!==l){const e=new THREE.MeshStandardMaterial({color:(new THREE.Color).setStyle(l),metalness:r.getProp("materialMetalness")??.5,roughness:r.getProp("materialRoughness")??.5,side:THREE.DoubleSide}),n=SVGLoader.createShapes(o);for(let r=0;r<n.length;r++){const o=n[r],l=new THREE.ExtrudeGeometry(o,a),i=l.attributes.position,s=l.attributes.uv;l.computeBoundingBox();const u=l.boundingBox.min,c=l.boundingBox.max,m=c.x-u.x,p=c.y-u.y,g=(e,a,r)=>{for(let t=e;t<e+a;t++){let e=t;if(l.index&&(e=l.index.getX(t)),r){const a=s.getX(e),r=s.getY(e),t=1/Math.max(m,p);s.setXY(e,a*t,r*t)}else{const a=i.getX(e),r=i.getY(e);s.setXY(e,(a-u.x)/m,(r-u.y)/p)}}};l.groups&&l.groups.length>0?l.groups.forEach(e=>{g(e.start,e.count,1===e.materialIndex)}):g(0,l.index?l.index.count:i.count,!1),s.needsUpdate=!0;const d=new THREE.Mesh(l,e);d.scale.set(1,-1,1),t.add(d)}}}return t}(u,{depth:r.getProp("extrudeDepth")??10,bevelEnabled:r.getProp("bevelEnabled")??!1,bevelThickness:r.getProp("bevelThickness")??1,bevelSize:r.getProp("bevelSize")??1,bevelSegments:r.getProp("bevelSegments")??2},r);n.model=c,n.model.userData.isSVG=!0,n.model.userData.svgPaths=u;const m=(new THREE.Box3).setFromObject(n.model),p=m.getCenter(new THREE.Vector3);n.model.position.copy(p).multiplyScalar(-1);const g=m.getSize(new THREE.Vector3),d=Math.max(g.x,g.y,g.z),h=d>0?1/d:1,v=new THREE.Group;v.add(n.model),n.model=v,n.model.userData.baseScale=h,n.model.userData.isSVGWrapper=!0,n.model.userData.materials=[],n.model.userData.textureMaterials=[],n.model.userData.meshes=[],n.model.traverse(e=>{e.isMesh&&(n.model.userData.meshes.push(e),n.model.userData.materials.push(e.material),n.model.userData.textureMaterials.push(e.material),e.material.userData||(e.material.userData={}),e.material.userData.originalMap=null,e.material.userData.originalNormalMap=null)}),r.renderNormals&&n.model.userData.meshes&&(n.glassMaterial||(n.glassMaterial=t(r)),n.model.userData.meshes.forEach(e=>{e.userData.originalMaterial||(e.userData.originalMaterial=e.material,e.material=n.glassMaterial)})),(null==(a=r.colorMapUrl)?void 0:a.trim())&&!r.renderNormals&&l(r.colorMapUrl,!1).then(e=>{const a=Math.max(.001,r.getProp("colorMapScale")??1),t=r.getProp("colorMapIntensity")??1;i(n,e,a,r.getProp("colorMapPosition"),"map",1,t),n.customColorMap=e}),(null==(o=r.normalMapUrl)?void 0:o.trim())&&!r.renderNormals&&l(r.normalMapUrl,!1,!0).then(e=>{const a=Math.max(.001,r.getProp("normalMapScale")??1);i(n,e,a,r.getProp("normalMapPosition"),"normalMap",r.getProp("normalMapIntensity")),n.customNormalMap=e}),n.customEnvMap&&r.environmentMapIntensity>0&&s(n,n.customEnvMap,r.environmentMapIntensity),n.scene.add(n.model),r.handleModelLoaded()};if(c)try{const t=r.modelUrl.split(",")[1],n=decodeURIComponent(escape(atob(t)));e(a.parse(n))}catch(m){console.error("An error occurred while parsing the SVG data URL:",m),r.local.modelLoading=!1}else a.load(r.modelUrl,e,e=>{e.total>0&&console.log(e.loaded/e.total*100+"% loaded")},e=>{console.error("An error occurred while loading the SVG:",e),r.local.modelLoading=!1})}else e.load(r.modelUrl,e=>{var a;n.model=e.scene;const o=(new THREE.Box3).setFromObject(n.model),u=o.getCenter(new THREE.Vector3);n.model.position.copy(u).multiplyScalar(-1);const c=o.getSize(new THREE.Vector3),m=Math.max(c.x,c.y,c.z),p=m>0?1/m:1,g=new THREE.Group;g.add(n.model),n.model=g,n.model.userData.baseScale=p,n.model.userData.materials=[],n.model.userData.meshes=[],n.model.traverse(e=>{if(e.isMesh){n.model.userData.meshes.push(e);const a=Array.isArray(e.material)?e.material:[e.material],t=r.getProp("materialMetalness"),o=r.getProp("materialRoughness");a.forEach((a,r)=>{var l;if((a.isMeshPhongMaterial||a.isMeshLambertMaterial)&&!(null==(l=a.userData)?void 0:l.converted)){const t=function(e){const a=new THREE.MeshStandardMaterial;return a.color.copy(e.color),a.map=e.map,a.normalMap=e.normalMap,a.emissiveMap=e.emissiveMap,a.aoMap=e.aoMap,a.emissive.copy(e.emissive||new THREE.Color(0,0,0)),a.opacity=e.opacity??1,a.transparent=e.transparent??!1,a.side=e.side??THREE.FrontSide,e.userData||(e.userData={}),a.userData=e.userData,a.userData.converted=!0,a}(a);Array.isArray(e.material)?e.material[r]=t:e.material=t,a=t}n.model.userData.materials.push(a),void 0!==a.metalness&&(a.metalnessMap&&(a.metalnessMap=null,a.needsUpdate=!0),a.metalness=t??a.metalness),void 0!==a.roughness&&(a.roughnessMap&&(a.roughnessMap=null,a.needsUpdate=!0),a.roughness=o??a.roughness),(a.isMeshStandardMaterial||a.isMeshPhysicalMaterial)&&(a.envMapIntensity=a.envMapIntensity??1)})}}),r.renderNormals&&(n.glassMaterial||(n.glassMaterial=t(r)),n.model.userData.meshes.forEach(e=>{e.userData.originalMaterial||(e.userData.originalMaterial=e.material),e.material=n.glassMaterial})),r.colorMapUrl&&!r.renderNormals&&(n.model.traverse(e=>{e.isMesh&&(Array.isArray(e.material)?e.material:[e.material]).forEach(e=>{(e.isMeshStandardMaterial||e.isMeshPhongMaterial||e.isMeshLambertMaterial)&&(e.map=null,e.needsUpdate=!0)})}),l(r.colorMapUrl,!1).then(e=>{n.customColorMap=e;const a=r.getProp("colorMapIntensity")??1;i(n,e,Math.max(.001,r.getProp("colorMapScale")),r.getProp("colorMapPosition"),"map",1,a)})),r.normalMapUrl&&!r.renderNormals&&l(r.normalMapUrl,!1,!0).then(e=>{n.customNormalMap=e,i(n,e,Math.max(.001,r.getProp("normalMapScale")),r.getProp("normalMapPosition"),"normalMap",r.getProp("normalMapIntensity"))});const d=r.getProp("environmentMapIntensity");d>0&&(null==(a=r.environmentMapUrl)?void 0:a.trim())&&l(r.environmentMapUrl,!0).then(e=>{n.customEnvMap=e,r.renderNormals||s(n,n.customEnvMap,d)}),n.scene.add(n.model),r.handleModelLoaded()},void 0,e=>{console.error("An error occurred while loading the model:",e)});r.local.modelLoading=!0}function isLoading(e){return e.local.modelLoading&&!e.local.modelLoaded}function draw(e,a,r){var n,l,i,u,c,m,p;const g=o(r);if(!r.local.modelLoaded)return;if(!g.renderer||!g.renderer.getContext()||g.renderer.getContext().isContextLost())return console.warn("Three.js renderer context lost, reinitializing..."),void(r.local.initialized=!1);const d=e.canvas?e.canvas.width:e.drawingBufferWidth,h=e.canvas?e.canvas.height:e.drawingBufferHeight;if(0===d||0===h)return;const v=r.getProp("environmentMapIntensity");if(v>0&&!(null==(n=r.environmentMapUrl)?void 0:n.trim())){const e=r.local.envTexture,a=(null==(l=g.model)?void 0:l.userData.lastEnvMapIntensity)!==v;!e||!a&&g.envMap||function(e,a,r,t,n,o){var l,i,u;if(r&&a)if(e.envMap)e.model.userData.lastEnvMapIntensity!==o&&(null==(u=e.model.userData.materials)||u.forEach(e=>{(e.isMeshStandardMaterial||e.isMeshPhysicalMaterial)&&(e.envMapIntensity=o)}),e.model.userData.lastEnvMapIntensity=o);else{e.envMap=new THREE.Texture,e.envMap.mapping=THREE.EquirectangularReflectionMapping,e.envMap.colorSpace=THREE.SRGBColorSpace,e.envMap.minFilter=THREE.LinearFilter,e.envMap.magFilter=THREE.LinearFilter,e.envMap.generateMipmaps=!1,e.envMap.flipY=!1,e.envMap.image={width:t,height:n};const a=e.renderer.properties.get(e.envMap);a.__webglTexture=r,a.__webglInit=!0;const l=e.renderer.info.memory;l&&l.textures++,s(e,e.envMap,o)}else null==(i=null==(l=e.model)?void 0:l.userData.materials)||i.forEach(e=>{e.envMap&&(e.envMap=null,e.needsUpdate=!0)})}(g,e.gl,e.webglTexture,e.width,e.height,v)}let f=0,M=0,x=0,y=0,P=0,b=0;const w=r.getProp("trackMouse"),D=r.getProp("rotationTracking"),L=r.getProp("lightTracking");if(0!=w||0!=D||0!=L){const e=r.local.mouse||{x:.5,y:.5},a=e.x-.5,t=e.y-.5;0!=w&&(f=a*w,M=-t*w),0!=D&&(x=-t*D,y=-a*D),0!=L&&(P=a*L,b=-t*L)}g.camera.userData.dim||(g.camera.userData.dim={}),g.camera.userData.dim.w===d&&g.camera.userData.dim.h===h||(g.camera.aspect=d/h,g.camera.updateProjectionMatrix(),g.renderer.setSize(d,h,!1),g.camera.userData.dim={w:d,h:h});const I=g.scene.userData.lp=g.scene.userData.lp||{};if(!r.renderNormals){const e=r.getProp("ambientLightIntensity"),a=r.getProp("ambientLightColor"),t=r.getProp("lightIntensity"),n=r.getProp("lightColor"),o=r.getProp("fillLightIntensity"),l=r.getProp("fillLightColor");!g.ambientLight||I.ai===e&&I.ac===a||(I.ai!==e&&(g.ambientLight.intensity=2*(e??.75)),I.ac!==a&&g.ambientLight.color.set(a||"#777777"),I.ai=e,I.ac=a),!g.directionalLight||I.li===t&&I.lc===n||(g.directionalLight.intensity=5*(t??.2)*2,g.directionalLight.color.set(n||"#777777"),I.li=t,I.lc=n),!g.fillLight||I.fli===o&&I.flc===l||(g.fillLight.intensity=5*(o??.2)*2,g.fillLight.color.set(l||"#777777"),I.fli=o,I.flc=l);const i=r.getProp("lightPosition"),s=0!=L;if(g.directionalLight&&i&&(s||I.lx!==i.x||I.ly!==i.y||I.lz!==i.z)){const e=10*(i.x+P-.5),a=10*(i.y+b-.5),r=10*(i.z-.5);g.directionalLight.position.set(e,-a,r),g.fillLight.position.set(.8*-e,.8*a,.8*-r),s||(I.lx=i.x,I.ly=i.y,I.lz=i.z)}}if(g.model){const e=g.model.userData.mp=g.model.userData.mp||{};if(!r.renderNormals){const a=r.getProp("materialMetalness"),t=r.getProp("materialRoughness");e.mm===a&&e.mr===t||(null==(i=g.model.userData.materials)||i.forEach(r=>{e.mm!==a&&void 0!==r.metalness&&(r.metalnessMap&&(r.metalnessMap=null,r.needsUpdate=!0),r.metalness=a),e.mr!==t&&void 0!==r.roughness&&(r.roughnessMap&&(r.roughnessMap=null,r.needsUpdate=!0),r.roughness=t)}),e.mm=a,e.mr=t);const n=r.getProp("colorMapScale"),o=r.getProp("colorMapPosition"),l=r.getProp("colorMapIntensity");if(g.customColorMap&&(e.cms!==n||e.cmpx!==(null==o?void 0:o.x)||e.cmpy!==(null==o?void 0:o.y)||e.cmi!==l)){const a=Math.max(.001,n);g.customColorMap.repeat.setScalar(a);const r=-(a-1)/2,t=((null==o?void 0:o.x)??.5)-.5,i=((null==o?void 0:o.y)??.5)-.5;g.customColorMap.offset.set(r+t,r+i);const s=l??1;null==(u=g.model.userData.materials)||u.forEach(e=>{(e.isMeshStandardMaterial||e.isMeshPhongMaterial||e.isMeshLambertMaterial)&&(e.color&&e.color.setScalar(s),e.needsUpdate=!0)}),e.cms=n,e.cmpx=null==o?void 0:o.x,e.cmpy=null==o?void 0:o.y,e.cmi=l}const m=r.getProp("normalMapScale"),p=r.getProp("normalMapPosition"),d=r.getProp("normalMapIntensity");if(g.customNormalMap&&(e.nms!==m||e.nmpx!==(null==p?void 0:p.x)||e.nmpy!==(null==p?void 0:p.y)||e.nmi!==d)){const a=Math.max(.001,m);g.customNormalMap.repeat.setScalar(a);const r=-(a-1)/2,t=((null==p?void 0:p.x)??.5)-.5,n=((null==p?void 0:p.y)??.5)-.5;g.customNormalMap.offset.set(r+t,r+n);const o=d??1;null==(c=g.model.userData.materials)||c.forEach(e=>{void 0!==e.normalMap&&e.normalScale&&(e.normalScale.set(o,-o),e.needsUpdate=!0)}),e.nms=m,e.nmpx=null==p?void 0:p.x,e.nmpy=null==p?void 0:p.y,e.nmi=d}const h=r.getProp("environmentMapIntensity");g.customEnvMap&&e.emi!==h&&(s(g,g.customEnvMap,h),e.emi=h)}const n=g.model.userData.baseScale||1,o=r.getProp("pos"),l=r.getProp("scale");if(e.s!==l){const a=10*l*n;g.model.scale.set(a,a,a),e.s=l}const v=0!==f||0!==M;if(o&&(v||e.px!==o.x||e.py!==o.y||e.pz!==o.z)){const a=8*(o.x-.5+f),r=8*(o.y-.5+M),t=8*(o.z-.5);g.model.position.set(a,-r,t),v||(e.px=o.x,e.py=o.y,e.pz=o.z)}const P=r.getProp("modelRotation"),b=r.getProp("speed"),w=r.getProp("animationAxis"),D=0!==x||0!==y,L=b>0&&r.animating,I=void 0!==e.wasAnimating&&e.wasAnimating!==L;if(e.wasAnimating=L,P&&(D||L||I||e.rx!==P.x||e.ry!==P.y||e.rz!==P.z)){let r=(P.y-.5+x)*Math.PI*2+Math.PI,t=g.model.userData.isSVGWrapper?Math.PI:0,n=(P.x-.5+y)*Math.PI*2+t,o=(P.z-.5)*Math.PI*2;if(L){const e=(new THREE.Quaternion).setFromEuler(new THREE.Euler(r,n,o)),t=b*a*.001,l=w.x>0?t*w.x:0,i=w.y>0?t*w.y:0,s=w.z>0?t*w.z:0,u=(new THREE.Quaternion).setFromEuler(new THREE.Euler(l,i,s));e.multiply(u),g.model.quaternion.copy(e)}else g.model.rotation.set(r,n,o);D||L||(e.rx=P.x,e.ry=P.y,e.rz=P.z)}if(e.rn!==r.renderNormals&&(r.renderNormals?(g.glassMaterial||(g.glassMaterial=t(r)),null==(m=g.model.userData.meshes)||m.forEach(e=>{e.userData.originalMaterial||(e.userData.originalMaterial=e.material),e.material=g.glassMaterial})):null==(p=g.model.userData.meshes)||p.forEach(e=>{e.userData.originalMaterial&&(e.material=e.userData.originalMaterial)}),e.rn=r.renderNormals),r.renderNormals&&g.glassMaterial){const a=r.local.backgroundTexture;a&&(function(e,a,r,t){if(a&&a.webglTexture)if(e.backgroundTexture){const n=e.renderer.properties.get(e.backgroundTexture);n.__webglTexture!==a.webglTexture&&(n.__webglTexture=a.webglTexture),e.backgroundTexture.image.width===r&&e.backgroundTexture.image.height===t||(e.backgroundTexture.image={width:r,height:t})}else{e.backgroundTexture=new THREE.Texture,e.backgroundTexture.minFilter=THREE.LinearFilter,e.backgroundTexture.magFilter=THREE.LinearFilter,e.backgroundTexture.wrapS=THREE.ClampToEdgeWrapping,e.backgroundTexture.wrapT=THREE.ClampToEdgeWrapping,e.backgroundTexture.generateMipmaps=!1,e.backgroundTexture.flipY=!1,e.backgroundTexture.image={width:r,height:t};const n=e.renderer.properties.get(e.backgroundTexture);n.__webglTexture=a.webglTexture,n.__webglInit=!0}}(g,a,a.width,a.height),g.glassMaterial.uniforms.uBackgroundTexture.value=g.backgroundTexture,g.glassMaterial.uniforms.uResolution.value.set(d,h)),g.glassMaterial.uniforms.uCameraPosition.value.copy(g.camera.position);const t=r.getProp("glassIOR")??1.5,n=r.getProp("glassThickness")??.5,o=r.getProp("glassRoughness")??0,l=r.getProp("glassTint")||"#ffffff",i=r.getProp("glassDispersion")??0;e.gior!==t&&(g.glassMaterial.uniforms.uIOR.value=t,e.gior=t),e.gth!==n&&(g.glassMaterial.uniforms.uThickness.value=n,e.gth=n),e.gbl!==o&&(g.glassMaterial.uniforms.uBlur.value=o,e.gbl=o),e.gti!==l&&(g.glassMaterial.uniforms.uTint.value.set(l),e.gti=l),e.gdi!==i&&(g.glassMaterial.uniforms.uDispersion.value=i,e.gdi=i);const s=r.getProp("lightPosition"),u=r.getProp("materialMetalness")??.5,c=r.getProp("materialRoughness")??.5,m=r.getProp("lightIntensity")??.2,p=r.getProp("ambientLightIntensity")??.75;!s||e.glpx===s.x&&e.glpy===s.y&&e.glpz===s.z||(g.glassMaterial.uniforms.uLightPosition.value.set(s.x,s.y,s.z),e.glpx=s.x,e.glpy=s.y,e.glpz=s.z),e.gmet!==u&&(g.glassMaterial.uniforms.uMetalness.value=u,e.gmet=u),e.gmro!==c&&(g.glassMaterial.uniforms.uRoughness.value=c,e.gmro=c),e.gli!==m&&(g.glassMaterial.uniforms.uLightIntensity.value=m,e.gli=m),e.gai!==p&&(g.glassMaterial.uniforms.uAmbientLightIntensity.value=p,e.gai=p);const v=r.getProp("environmentMapIntensity")??0;e.gemi!==v&&(g.glassMaterial.uniforms.uEnvMapIntensity.value=v,e.gemi=v),v>0&&(g.customEnvMap?g.glassMaterial.uniforms.uEnvMap.value=g.customEnvMap:g.envMap&&(g.glassMaterial.uniforms.uEnvMap.value=g.envMap))}}g.renderer.render(g.scene,g.camera),g.renderer.resetState&&g.renderer.resetState()}function dispose(e){var a,r;const t=o(e);if(t.customColorMap&&(t.customColorMap.dispose(),t.customColorMap=null),t.customNormalMap&&(t.customNormalMap.dispose(),t.customNormalMap=null),t.customEnvMap&&(t.customEnvMap.dispose(),t.customEnvMap=null),t.envMap&&(t.envMap.dispose(),t.envMap=null),t.glassMaterial&&(t.glassMaterial.dispose(),t.glassMaterial=null),t.backgroundTexture){const e=null==(r=null==(a=t.renderer)?void 0:a.properties)?void 0:r.get(t.backgroundTexture);e&&(e.__webglTexture=null),t.backgroundTexture.dispose(),t.backgroundTexture=null}t.model&&(t.model.traverse(e=>{e.isMesh&&(e.geometry&&e.geometry.dispose(),Array.isArray(e.material)?e.material.forEach(e=>e.dispose()):e.material&&e.material.dispose())}),t.scene&&t.scene.remove(t.model),t.model=null),t.renderer&&(t.renderer.dispose(),t.renderer=null),t.scene=null,t.camera=null,t.ambientLight=null,t.directionalLight=null,t.fillLight=null,n.delete(e)}export{dispose,draw,initialize,isLoading,loadModel};
2 | 


--------------------------------------------------------------------------------
/dist/unicornStudio.umd.js:
--------------------------------------------------------------------------------
1 | !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).UnicornStudio={})}(this,function(e){"use strict";var t=Object.defineProperty,s=(e,s,i)=>((e,s,i)=>s in e?t(e,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[s]=i)(e,"symbol"!=typeof s?s+"":s,i);let i=0;function r(){if(!(i>100)){if(100===i);else{Array.prototype.slice.call(arguments)}i++}}function a(){Array.prototype.slice.call(arguments)}function n(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{let t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16).toUpperCase()})}function o(e){return!(e&e-1)}let h=class{constructor(e){if(this.type="Scene",e&&"Renderer"===e.type){if(!e.gl)return void a(this.type+": Renderer WebGL context is undefined",e)}else a(this.type+": Renderer not passed as first argument",e);this.renderer=e,this.gl=e.gl,this.initStacks()}initStacks(){this.stacks={pingPong:[],renderTargets:[],opaque:[],transparent:[],renderPasses:[],scenePasses:[]}}resetPlaneStacks(){this.stacks.pingPong=[],this.stacks.renderTargets=[],this.stacks.opaque=[],this.stacks.transparent=[];for(let e=0;e<this.renderer.planes.length;e++)this.addPlane(this.renderer.planes[e])}resetShaderPassStacks(){this.stacks.scenePasses=[],this.stacks.renderPasses=[];for(let e=0;e<this.renderer.shaderPasses.length;e++)this.renderer.shaderPasses[e].index=e,this.renderer.shaderPasses[e]._isScenePass?this.stacks.scenePasses.push(this.renderer.shaderPasses[e]):this.stacks.renderPasses.push(this.renderer.shaderPasses[e]);0===this.stacks.scenePasses.length&&(this.renderer.state.scenePassIndex=null)}addToRenderTargetsStack(e){const t=this.renderer.planes.filter(t=>"PingPongPlane"!==t.type&&t.target&&t.uuid!==e.uuid);let s=-1;if(e.target._depth){for(let i=t.length-1;i>=0;i--)if(t[i].target.uuid===e.target.uuid){s=i+1;break}}else s=t.findIndex(t=>t.target.uuid===e.target.uuid);s=Math.max(0,s),t.splice(s,0,e),e.target._depth?(t.sort((e,t)=>e.index-t.index),t.sort((e,t)=>t.renderOrder-e.renderOrder)):(t.sort((e,t)=>t.index-e.index),t.sort((e,t)=>e.renderOrder-t.renderOrder)),t.sort((e,t)=>e.target.index-t.target.index),this.stacks.renderTargets=t}addToRegularPlaneStack(e){const t=this.renderer.planes.filter(t=>"PingPongPlane"!==t.type&&!t.target&&t._transparent===e._transparent&&t.uuid!==e.uuid);let s=-1;for(let i=t.length-1;i>=0;i--)if(t[i]._geometry.definition.id===e._geometry.definition.id){s=i+1;break}return s=Math.max(0,s),t.splice(s,0,e),t.sort((e,t)=>e.index-t.index),t}addPlane(e){if("PingPongPlane"===e.type)this.stacks.pingPong.push(e);else if(e.target)this.addToRenderTargetsStack(e);else if(e._transparent){const t=this.addToRegularPlaneStack(e);t.sort((e,t)=>t.relativeTranslation.z-e.relativeTranslation.z),t.sort((e,t)=>t.renderOrder-e.renderOrder),this.stacks.transparent=t}else{const t=this.addToRegularPlaneStack(e);t.sort((e,t)=>t.renderOrder-e.renderOrder),this.stacks.opaque=t}}removePlane(e){"PingPongPlane"===e.type?this.stacks.pingPong=this.stacks.pingPong.filter(t=>t.uuid!==e.uuid):e.target?this.stacks.renderTargets=this.stacks.renderTargets.filter(t=>t.uuid!==e.uuid):e._transparent?this.stacks.transparent=this.stacks.transparent.filter(t=>t.uuid!==e.uuid):this.stacks.opaque=this.stacks.opaque.filter(t=>t.uuid!==e.uuid)}setPlaneRenderOrder(e){if("ShaderPass"===e.type)this.sortShaderPassStack(e._isScenePass?this.stacks.scenePasses:this.stacks.renderPasses);else if("PingPongPlane"===e.type)return;if(e.target)e.target._depth?(this.stacks.renderTargets.sort((e,t)=>e.index-t.index),this.stacks.renderTargets.sort((e,t)=>t.renderOrder-e.renderOrder)):(this.stacks.renderTargets.sort((e,t)=>t.index-e.index),this.stacks.renderTargets.sort((e,t)=>e.renderOrder-t.renderOrder)),this.stacks.renderTargets.sort((e,t)=>e.target.index-t.target.index);else{const t=e._transparent?this.stacks.transparent:this.stacks.opaque,s=this.stacks.scenePasses.find((e,t)=>e._isScenePass&&!e._depth&&0===t);!this.renderer.depth||s?(t.sort((e,t)=>t.index-e.index),e._transparent&&t.sort((e,t)=>e.relativeTranslation.z-t.relativeTranslation.z),t.sort((e,t)=>e.renderOrder-t.renderOrder)):(t.sort((e,t)=>e.index-t.index),e._transparent&&t.sort((e,t)=>t.relativeTranslation.z-e.relativeTranslation.z),t.sort((e,t)=>t.renderOrder-e.renderOrder))}}addShaderPass(e){e._isScenePass?(this.stacks.scenePasses.push(e),this.sortShaderPassStack(this.stacks.scenePasses)):(this.stacks.renderPasses.push(e),this.sortShaderPassStack(this.stacks.renderPasses))}removeShaderPass(e){this.resetShaderPassStacks()}sortShaderPassStack(e){e.sort((e,t)=>e.index-t.index),e.sort((e,t)=>e.renderOrder-t.renderOrder)}enableShaderPass(){this.stacks.scenePasses.length&&0===this.stacks.renderPasses.length&&this.renderer.planes.length&&(this.renderer.state.scenePassIndex=0,this.renderer.bindFrameBuffer(this.stacks.scenePasses[0].target))}drawRenderPasses(){this.stacks.scenePasses.length&&this.stacks.renderPasses.length&&this.renderer.planes.length&&(this.renderer.state.scenePassIndex=0,this.renderer.bindFrameBuffer(this.stacks.scenePasses[0].target));for(let e=0;e<this.stacks.renderPasses.length;e++)this.stacks.renderPasses[e]._startDrawing(),this.renderer.clearDepth()}drawScenePasses(){for(let e=0;e<this.stacks.scenePasses.length;e++)this.stacks.scenePasses[e]._startDrawing()}drawPingPongStack(){for(let e=0;e<this.stacks.pingPong.length;e++){const t=this.stacks.pingPong[e];t&&t._startDrawing()}}drawStack(e){for(let t=0;t<this.stacks[e].length;t++){const s=this.stacks[e][t];s&&s._startDrawing()}}draw(){this.drawPingPongStack(),this.enableShaderPass(),this.drawStack("renderTargets"),this.drawRenderPasses(),this.renderer.setBlending(!1),this.drawStack("opaque"),this.stacks.transparent.length&&(this.renderer.setBlending(!0),this.drawStack("transparent")),this.drawScenePasses()}};class l{constructor(){this.geometries=[],this.clear()}clear(){this.textures=[],this.programs=[]}getGeometryFromID(e){return this.geometries.find(t=>t.id===e)}addGeometry(e,t,s){this.geometries.push({id:e,vertices:t,uvs:s})}isSameShader(e,t){return 0===e.localeCompare(t)}getProgramFromShaders(e,t){return this.programs.find(s=>this.isSameShader(s.vsCode,e)&&this.isSameShader(s.fsCode,t))}addProgram(e){this.programs.push(e)}getTextureFromSource(e){const t="string"==typeof e?e:e.src;return this.textures.find(e=>e.source&&e.source.src===t)}addTexture(e){this.getTextureFromSource(e.source)||this.textures.push(e)}removeTexture(e){this.textures=this.textures.filter(t=>t.uuid!==e.uuid)}}class d{constructor(){this.clear()}clear(){this.queue=[]}add(e,t=!1){const s={callback:e,keep:t,timeout:null};return s.timeout=setTimeout(()=>{this.queue.push(s)},0),s}execute(){this.queue.map(e=>{e.callback&&e.callback(),clearTimeout(this.queue.timeout)}),this.queue=this.queue.filter(e=>e.keep)}}class u{constructor({alpha:e,antialias:t,premultipliedAlpha:s,depth:i,failIfMajorPerformanceCaveat:a,preserveDrawingBuffer:n,stencil:o,container:h,pixelRatio:l,renderingScale:d,production:u,onError:c,onSuccess:p,onContextLost:m,onContextRestored:g,onDisposed:f,onSceneChange:_}){this.type="Renderer",this.alpha=e,this.antialias=t,this.premultipliedAlpha=s,this.depth=i,this.failIfMajorPerformanceCaveat=a,this.preserveDrawingBuffer=n,this.stencil=o,this.container=h,this.pixelRatio=l,this._renderingScale=d,this.production=u,this.onError=c,this.onSuccess=p,this.onContextLost=m,this.onContextRestored=g,this.onDisposed=f,this.onSceneChange=_,this.initState(),this.canvas=document.createElement("canvas");const x={alpha:this.alpha,premultipliedAlpha:this.premultipliedAlpha,antialias:this.antialias,depth:this.depth,failIfMajorPerformanceCaveat:this.failIfMajorPerformanceCaveat,preserveDrawingBuffer:this.preserveDrawingBuffer,stencil:this.stencil};if(this.gl=this.canvas.getContext("webgl2",x),this._isWebGL2=!!this.gl,this.gl||(this.gl=this.canvas.getContext("webgl",x)||this.canvas.getContext("experimental-webgl",x)),!this.gl)return this.production||r(this.type+": WebGL context could not be created"),this.state.isActive=!1,void(this.onError&&this.onError());this.onSuccess&&this.onSuccess(),this.initRenderer()}initState(){this.state={isActive:!0,isContextLost:!0,drawingEnabled:!0,forceRender:!1,currentProgramID:null,currentGeometryID:null,forceBufferUpdate:!1,depthTest:null,blending:null,cullFace:null,frameBufferID:null,scenePassIndex:null,activeTexture:null,unpackAlignment:null,flipY:null,premultiplyAlpha:null}}initCallbackQueueManager(){this.nextRender=new d}initRenderer(){this.planes=[],this.renderTargets=[],this.shaderPasses=[],this.state.isContextLost=!1,this.state.maxTextureSize=this.gl.getParameter(this.gl.MAX_TEXTURE_SIZE),this.initCallbackQueueManager(),this.setBlendFunc(),this.setDepthFunc(),this.setDepthTest(!0),this.cache=new l,this.scene=new h(this),this.getExtensions(),this._contextLostHandler=this.contextLost.bind(this),this.canvas.addEventListener("webglcontextlost",this._contextLostHandler,!1),this._contextRestoredHandler=this.contextRestored.bind(this),this.canvas.addEventListener("webglcontextrestored",this._contextRestoredHandler,!1)}getExtensions(){this.extensions=[],this._isWebGL2?(this.extensions.EXT_color_buffer_float=this.gl.getExtension("EXT_color_buffer_float"),this.extensions.OES_texture_float_linear=this.gl.getExtension("OES_texture_float_linear"),this.extensions.EXT_texture_filter_anisotropic=this.gl.getExtension("EXT_texture_filter_anisotropic"),this.extensions.WEBGL_lose_context=this.gl.getExtension("WEBGL_lose_context")):(this.extensions.OES_vertex_array_object=this.gl.getExtension("OES_vertex_array_object"),this.extensions.OES_texture_float=this.gl.getExtension("OES_texture_float"),this.extensions.OES_texture_float_linear=this.gl.getExtension("OES_texture_float_linear"),this.extensions.OES_texture_half_float=this.gl.getExtension("OES_texture_half_float"),this.extensions.OES_texture_half_float_linear=this.gl.getExtension("OES_texture_half_float_linear"),this.extensions.EXT_texture_filter_anisotropic=this.gl.getExtension("EXT_texture_filter_anisotropic"),this.extensions.OES_element_index_uint=this.gl.getExtension("OES_element_index_uint"),this.extensions.OES_standard_derivatives=this.gl.getExtension("OES_standard_derivatives"),this.extensions.EXT_sRGB=this.gl.getExtension("EXT_sRGB"),this.extensions.WEBGL_depth_texture=this.gl.getExtension("WEBGL_depth_texture"),this.extensions.WEBGL_draw_buffers=this.gl.getExtension("WEBGL_draw_buffers"),this.extensions.WEBGL_lose_context=this.gl.getExtension("WEBGL_lose_context"))}contextLost(e){this.state.isContextLost=!0,this.state.isActive&&(e.preventDefault(),this.nextRender.add(()=>this.onContextLost&&this.onContextLost()))}restoreContext(){this.state.isActive&&(this.initState(),this.gl&&this.extensions.WEBGL_lose_context?this.extensions.WEBGL_lose_context.restoreContext():(this.gl||this.production?this.extensions.WEBGL_lose_context||this.production||r(this.type+": Could not restore the context because the restore context extension is not defined"):r(this.type+": Could not restore the context because the context is not defined"),this.onError&&this.onError()))}isContextexFullyRestored(){let e=!0;for(let t=0;t<this.renderTargets.length;t++){this.renderTargets[t].textures[0]._canDraw||(e=!1);break}if(e)for(let t=0;t<this.planes.length;t++){if(!this.planes[t]._canDraw){e=!1;break}for(let s=0;s<this.planes[t].textures.length;s++)if(!this.planes[t].textures[s]._canDraw){e=!1;break}}if(e)for(let t=0;t<this.shaderPasses.length;t++){if(!this.shaderPasses[t]._canDraw){e=!1;break}for(let s=0;s<this.shaderPasses[t].textures.length;s++)if(!this.shaderPasses[t].textures[s]._canDraw){e=!1;break}}return e}contextRestored(){this.getExtensions(),this.setBlendFunc(),this.setDepthFunc(),this.setDepthTest(!0),this.cache.clear(),this.scene.initStacks();for(let t=0;t<this.renderTargets.length;t++)this.renderTargets[t]._restoreContext();for(let t=0;t<this.planes.length;t++)this.planes[t]._restoreContext();for(let t=0;t<this.shaderPasses.length;t++)this.shaderPasses[t]._restoreContext();const e=this.nextRender.add(()=>{this.isContextexFullyRestored()&&(e.keep=!1,this.state.isContextLost=!1,this.onContextRestored&&this.onContextRestored(),this.onSceneChange(),this.needRender())},!0)}setPixelRatio(e){this.pixelRatio=e}setSize(){if(!this.gl)return;const e=this.container.getBoundingClientRect();this._boundingRect={width:e.width*this.pixelRatio,height:e.height*this.pixelRatio,top:e.top*this.pixelRatio,left:e.left*this.pixelRatio},this.canvas.style.width=Math.floor(this._boundingRect.width/this.pixelRatio)+"px",this.canvas.style.height=Math.floor(this._boundingRect.height/this.pixelRatio)+"px",this.canvas.width=Math.floor(this._boundingRect.width*this._renderingScale),this.canvas.height=Math.floor(this._boundingRect.height*this._renderingScale),this.gl.viewport(0,0,this.gl.drawingBufferWidth,this.gl.drawingBufferHeight)}resize(){for(let e=0;e<this.planes.length;e++)this.planes[e]._canDraw&&this.planes[e].resize();for(let e=0;e<this.shaderPasses.length;e++)this.shaderPasses[e]._canDraw&&this.shaderPasses[e].resize();for(let e=0;e<this.renderTargets.length;e++)this.renderTargets[e].resize();this.needRender()}clear(){this.gl.clear(this.gl.COLOR_BUFFER_BIT|this.gl.DEPTH_BUFFER_BIT)}clearDepth(){this.gl.clear(this.gl.DEPTH_BUFFER_BIT)}clearColor(){this.gl.clear(this.gl.COLOR_BUFFER_BIT)}bindFrameBuffer(e,t){let s=null;e?(s=e.index,s!==this.state.frameBufferID&&(this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,e._frameBuffer),this.gl.viewport(0,0,e._size.width,e._size.height),e._shouldClear&&!t&&this.clear())):null!==this.state.frameBufferID&&(this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null),this.gl.viewport(0,0,this.gl.drawingBufferWidth,this.gl.drawingBufferHeight)),this.state.frameBufferID=s}setDepthTest(e){e&&!this.state.depthTest?(this.state.depthTest=e,this.gl.enable(this.gl.DEPTH_TEST)):!e&&this.state.depthTest&&(this.state.depthTest=e,this.gl.disable(this.gl.DEPTH_TEST))}setDepthFunc(){this.gl.depthFunc(this.gl.LEQUAL)}setBlending(e=!1){e&&!this.state.blending?(this.state.blending=e,this.gl.enable(this.gl.BLEND)):!e&&this.state.blending&&(this.state.blending=e,this.gl.disable(this.gl.BLEND))}setBlendFunc(){this.gl.enable(this.gl.BLEND),this.premultipliedAlpha?this.gl.blendFuncSeparate(this.gl.ONE,this.gl.ONE_MINUS_SRC_ALPHA,this.gl.ONE,this.gl.ONE_MINUS_SRC_ALPHA):this.gl.blendFuncSeparate(this.gl.SRC_ALPHA,this.gl.ONE_MINUS_SRC_ALPHA,this.gl.ONE,this.gl.ONE_MINUS_SRC_ALPHA)}setFaceCulling(e){if(this.state.cullFace!==e)if(this.state.cullFace=e,"none"===e)this.gl.disable(this.gl.CULL_FACE);else{const t="front"===e?this.gl.FRONT:this.gl.BACK;this.gl.enable(this.gl.CULL_FACE),this.gl.cullFace(t)}}useProgram(e){null!==this.state.currentProgramID&&this.state.currentProgramID===e.id||(this.gl.useProgram(e.program),this.state.currentProgramID=e.id)}removePlane(e){this.gl&&(this.planes=this.planes.filter(t=>t.uuid!==e.uuid),this.scene.removePlane(e),e=null,this.gl&&this.clear(),this.onSceneChange())}removeRenderTarget(e){if(!this.gl)return;let t=this.planes.find(t=>"PingPongPlane"!==t.type&&t.target&&t.target.uuid===e.uuid);for(let s=0;s<this.planes.length;s++)this.planes[s].target&&this.planes[s].target.uuid===e.uuid&&(this.planes[s].target=null);this.renderTargets=this.renderTargets.filter(t=>t.uuid!==e.uuid);for(let s=0;s<this.renderTargets.length;s++)this.renderTargets[s].index=s;e=null,this.gl&&this.clear(),t&&this.scene.resetPlaneStacks(),this.onSceneChange()}removeShaderPass(e){this.gl&&(this.shaderPasses=this.shaderPasses.filter(t=>t.uuid!==e.uuid),this.scene.removeShaderPass(e),e=null,this.gl&&this.clear(),this.onSceneChange())}enableDrawing(){this.state.drawingEnabled=!0}disableDrawing(){this.state.drawingEnabled=!1}needRender(){this.state.forceRender=!0}render(){this.gl&&(this.clear(),this.state.currentGeometryID=null,this.scene.draw())}deletePrograms(){for(let e=0;e<this.cache.programs.length;e++){const t=this.cache.programs[e];this.gl.deleteProgram(t.program)}}dispose(){if(!this.gl)return;for(this.state.isActive=!1;this.planes.length>0;)this.removePlane(this.planes[0]);for(;this.shaderPasses.length>0;)this.removeShaderPass(this.shaderPasses[0]);for(;this.renderTargets.length>0;)this.removeRenderTarget(this.renderTargets[0]);let e=this.nextRender.add(()=>{0===this.planes.length&&0===this.shaderPasses.length&&0===this.renderTargets.length&&(e.keep=!1,this.deletePrograms(),this.clear(),this.canvas.removeEventListener("webgllost",this._contextLostHandler,!1),this.canvas.removeEventListener("webglrestored",this._contextRestoredHandler,!1),this.gl&&this.extensions.WEBGL_lose_context&&this.extensions.WEBGL_lose_context.loseContext(),this.canvas.width=this.canvas.width,this.gl=null,this.container.removeChild(this.canvas),this.container=null,this.canvas=null,this.onDisposed&&this.onDisposed())},!0)}}class c{constructor({xOffset:e=0,yOffset:t=0,lastXDelta:s=0,lastYDelta:i=0,shouldWatch:r=!0,onScroll:a=()=>{}}={}){this.xOffset=e,this.yOffset=t,this.lastXDelta=s,this.lastYDelta=i,this.shouldWatch=r,this.onScroll=a,this.handler=this.scroll.bind(this,!0),this.shouldWatch&&window.addEventListener("scroll",this.handler,{passive:!0})}scroll(){this.updateScrollValues(window.pageXOffset,window.pageYOffset)}updateScrollValues(e,t){const s=this.xOffset;this.xOffset=e,this.lastXDelta=s-this.xOffset;const i=this.yOffset;this.yOffset=t,this.lastYDelta=i-this.yOffset,this.onScroll&&this.onScroll(this.lastXDelta,this.lastYDelta)}dispose(){this.shouldWatch&&window.removeEventListener("scroll",this.handler,{passive:!0})}}class p{constructor({container:e,alpha:t=!0,premultipliedAlpha:s=!1,antialias:i=!0,depth:a=!0,failIfMajorPerformanceCaveat:n=!0,preserveDrawingBuffer:o=!1,stencil:h=!1,autoResize:l=!0,autoRender:d=!0,watchScroll:u=!0,pixelRatio:c=window.devicePixelRatio||1,renderingScale:p=1,production:m=!1}={}){this.type="Curtains",this._autoResize=l,this._autoRender=d,this._watchScroll=u,this.pixelRatio=c,p=isNaN(p)?1:parseFloat(p),this._renderingScale=Math.max(.25,Math.min(1,p)),this.premultipliedAlpha=s,this.alpha=t,this.antialias=i,this.depth=a,this.failIfMajorPerformanceCaveat=n,this.preserveDrawingBuffer=o,this.stencil=h,this.production=m,this.errors=!1,e?this.setContainer(e):this.production||r(this.type+": no container provided in the initial parameters. Use setContainer() method to set one later and initialize the WebGL context")}setContainer(e){if(e)if("string"==typeof e)if(e=document.getElementById(e))this.container=e;else{let e=document.createElement("div");e.setAttribute("id","curtains-canvas"),document.body.appendChild(e),this.container=e,this.production||r('Curtains: no valid container HTML element or ID provided, created a div with "curtains-canvas" ID instead')}else e instanceof Element&&(this.container=e);else{let e=document.createElement("div");e.setAttribute("id","curtains-canvas"),document.body.appendChild(e),this.container=e,this.production||r('Curtains: no valid container HTML element or ID provided, created a div with "curtains-canvas" ID instead')}this._initCurtains()}_initCurtains(){this.planes=[],this.renderTargets=[],this.shaderPasses=[],this._initRenderer(),this.gl&&(this._initScroll(),this._setSize(),this._addListeners(),this.container.appendChild(this.canvas),this._animationFrameID=null,this._autoRender&&this._animate())}_initRenderer(){this.renderer=new u({alpha:this.alpha,antialias:this.antialias,premultipliedAlpha:this.premultipliedAlpha,depth:this.depth,failIfMajorPerformanceCaveat:this.failIfMajorPerformanceCaveat,preserveDrawingBuffer:this.preserveDrawingBuffer,stencil:this.stencil,container:this.container,pixelRatio:this.pixelRatio,renderingScale:this._renderingScale,production:this.production,onError:()=>this._onRendererError(),onSuccess:()=>this._onRendererSuccess(),onContextLost:()=>this._onRendererContextLost(),onContextRestored:()=>this._onRendererContextRestored(),onDisposed:()=>this._onRendererDisposed(),onSceneChange:()=>this._keepSync()}),this.gl=this.renderer.gl,this.canvas=this.renderer.canvas}restoreContext(){this.renderer.restoreContext()}_animate(){this.render(),this._animationFrameID=window.requestAnimationFrame(this._animate.bind(this))}enableDrawing(){this.renderer.enableDrawing()}disableDrawing(){this.renderer.disableDrawing()}needRender(){this.renderer.needRender()}nextRender(e,t=!1){return this.renderer.nextRender.add(e,t)}clear(){this.renderer&&this.renderer.clear()}clearDepth(){this.renderer&&this.renderer.clearDepth()}clearColor(){this.renderer&&this.renderer.clearColor()}isWebGL2(){return!!this.gl&&this.renderer._isWebGL2}render(){this.renderer.nextRender.execute(),(this.renderer.state.drawingEnabled||this.renderer.state.forceRender)&&(this.renderer.state.forceRender&&(this.renderer.state.forceRender=!1),this._onRenderCallback&&this._onRenderCallback(),this.renderer.render())}_addListeners(){this._resizeHandler=null,this._autoResize&&(this._resizeHandler=this.resize.bind(this,!0),window.addEventListener("resize",this._resizeHandler,!1))}setPixelRatio(e,t){this.pixelRatio=parseFloat(Math.max(e,1))||1,this.renderer.setPixelRatio(e),this.resize(t)}_setSize(){this.renderer.setSize(),this._scrollManager.shouldWatch&&(this._scrollManager.xOffset=window.pageXOffset,this._scrollManager.yOffset=window.pageYOffset)}getBoundingRect(){return this.renderer._boundingRect}resize(e){this.gl&&(this._setSize(),this.renderer.resize(),this.nextRender(()=>{this._onAfterResizeCallback&&e&&this._onAfterResizeCallback()}))}_initScroll(){this._scrollManager=new c({xOffset:window.pageXOffset,yOffset:0,lastXDelta:0,lastYDelta:0,shouldWatch:this._watchScroll,onScroll:(e,t)=>this._updateScroll(e,t)})}_updateScroll(e,t){for(let s=0;s<this.planes.length;s++)this.planes[s].watchScroll&&this.planes[s].updateScrollPosition(e,t);this.renderer.needRender(),this._onScrollCallback&&this._onScrollCallback()}updateScrollValues(e,t){this._scrollManager.updateScrollValues(e,t)}getScrollDeltas(){return{x:this._scrollManager.lastXDelta,y:this._scrollManager.lastYDelta}}getScrollValues(){return{x:this._scrollManager.xOffset,y:this._scrollManager.yOffset}}_keepSync(){this.planes=this.renderer.planes,this.shaderPasses=this.renderer.shaderPasses,this.renderTargets=this.renderer.renderTargets}lerp(e,t,s){return function(e,t,s){return(1-s)*e+s*t}(e,t,s)}onAfterResize(e){return e&&(this._onAfterResizeCallback=e),this}onError(e){return e&&(this._onErrorCallback=e),this}_onRendererError(){setTimeout(()=>{this._onErrorCallback&&!this.errors&&this._onErrorCallback(),this.errors=!0},0)}onSuccess(e){return e&&(this._onSuccessCallback=e),this}_onRendererSuccess(){setTimeout(()=>{this._onSuccessCallback&&this._onSuccessCallback()},0)}onContextLost(e){return e&&(this._onContextLostCallback=e),this}_onRendererContextLost(){this._onContextLostCallback&&this._onContextLostCallback()}onContextRestored(e){return e&&(this._onContextRestoredCallback=e),this}_onRendererContextRestored(){this._onContextRestoredCallback&&this._onContextRestoredCallback()}onRender(e){return e&&(this._onRenderCallback=e),this}onScroll(e){return e&&(this._onScrollCallback=e),this}dispose(){this.renderer.dispose()}_onRendererDisposed(){this._animationFrameID&&window.cancelAnimationFrame(this._animationFrameID),this._resizeHandler&&window.removeEventListener("resize",this._resizeHandler,!1),this._scrollManager&&this._scrollManager.dispose()}}class m{constructor(e,t,s){if(this.type="Uniforms",e&&"Renderer"===e.type){if(!e.gl)return void a(this.type+": Renderer WebGL context is undefined",e)}else a(this.type+": Renderer not passed as first argument",e);if(this.renderer=e,this.gl=e.gl,this.program=t,this.uniforms={},s)for(const i in s){const e=s[i];this.uniforms[i]={name:e.name,type:e.type,value:e.value.clone&&"function"==typeof e.value.clone?e.value.clone():e.value,update:null}}}handleUniformSetting(e){switch(e.type){case"1i":e.update=this.setUniform1i.bind(this);break;case"1iv":e.update=this.setUniform1iv.bind(this);break;case"1f":e.update=this.setUniform1f.bind(this);break;case"1fv":e.update=this.setUniform1fv.bind(this);break;case"2i":e.update=this.setUniform2i.bind(this);break;case"2iv":e.update=this.setUniform2iv.bind(this);break;case"2f":e.update=this.setUniform2f.bind(this);break;case"2fv":e.update=this.setUniform2fv.bind(this);break;case"3i":e.update=this.setUniform3i.bind(this);break;case"3iv":e.update=this.setUniform3iv.bind(this);break;case"3f":e.update=this.setUniform3f.bind(this);break;case"3fv":e.update=this.setUniform3fv.bind(this);break;case"4i":e.update=this.setUniform4i.bind(this);break;case"4iv":e.update=this.setUniform4iv.bind(this);break;case"4f":e.update=this.setUniform4f.bind(this);break;case"4fv":e.update=this.setUniform4fv.bind(this);break;case"mat2":e.update=this.setUniformMatrix2fv.bind(this);break;case"mat3":e.update=this.setUniformMatrix3fv.bind(this);break;case"mat4":e.update=this.setUniformMatrix4fv.bind(this);break;default:this.renderer.production||r(this.type+": This uniform type is not handled : ",e.type)}}setInternalFormat(e){"Vec2"===e.value.type?(e._internalFormat="Vec2",e.lastValue=e.value.clone()):"Vec3"===e.value.type?(e._internalFormat="Vec3",e.lastValue=e.value.clone()):"Mat4"===e.value.type?(e._internalFormat="Mat4",e.lastValue=e.value.clone()):"Quat"===e.value.type?(e._internalFormat="Quat",e.lastValue=e.value.clone()):Array.isArray(e.value)?(e._internalFormat="array",e.lastValue=Array.from(e.value)):e.value.constructor===Float32Array?(e._internalFormat="mat",e.lastValue=e.value):(e._internalFormat="float",e.lastValue=e.value)}setUniforms(){if(this.uniforms)for(const e in this.uniforms){let t=this.uniforms[e];t.location=this.gl.getUniformLocation(this.program,t.name),t._internalFormat||this.setInternalFormat(t),t.type||("Vec2"===t._internalFormat?t.type="2f":"Vec3"===t._internalFormat?t.type="3f":"Mat4"===t._internalFormat?t.type="mat4":"array"===t._internalFormat?4===t.value.length?(t.type="4f",this.renderer.production||r(this.type+": No uniform type declared for "+t.name+", applied a 4f (array of 4 floats) uniform type")):3===t.value.length?(t.type="3f",this.renderer.production||r(this.type+": No uniform type declared for "+t.name+", applied a 3f (array of 3 floats) uniform type")):2===t.value.length&&(t.type="2f",this.renderer.production||r(this.type+": No uniform type declared for "+t.name+", applied a 2f (array of 2 floats) uniform type")):"mat"===t._internalFormat?16===t.value.length?(t.type="mat4",this.renderer.production||r(this.type+": No uniform type declared for "+t.name+", applied a mat4 (4x4 matrix array) uniform type")):9===t.value.length?(t.type="mat3",this.renderer.production||r(this.type+": No uniform type declared for "+t.name+", applied a mat3 (3x3 matrix array) uniform type")):4===t.value.length&&(t.type="mat2",this.renderer.production||r(this.type+": No uniform type declared for "+t.name+", applied a mat2 (2x2 matrix array) uniform type")):(t.type="1f",this.renderer.production||r(this.type+": No uniform type declared for "+t.name+", applied a 1f (float) uniform type"))),this.handleUniformSetting(t),t.update&&t.update(t)}}updateUniforms(){if(this.uniforms)for(const e in this.uniforms){const t=this.uniforms[e];let s=!1;"Vec2"===t._internalFormat||"Vec3"===t._internalFormat||"Quat"===t._internalFormat?t.value.equals(t.lastValue)||(s=!0,t.lastValue.copy(t.value)):t.value.length?JSON.stringify(t.value)!==JSON.stringify(t.lastValue)&&(s=!0,t.lastValue=Array.from(t.value)):t.value!==t.lastValue&&(s=!0,t.lastValue=t.value),s&&t.update&&t.update(t)}}setUniform1i(e){this.gl.uniform1i(e.location,e.value)}setUniform1iv(e){this.gl.uniform1iv(e.location,e.value)}setUniform1f(e){this.gl.uniform1f(e.location,e.value)}setUniform1fv(e){this.gl.uniform1fv(e.location,e.value)}setUniform2i(e){"Vec2"===e._internalFormat?this.gl.uniform2i(e.location,e.value.x,e.value.y):this.gl.uniform2i(e.location,e.value[0],e.value[1])}setUniform2iv(e){"Vec2"===e._internalFormat?this.gl.uniform2iv(e.location,[e.value.x,e.value.y]):this.gl.uniform2iv(e.location,e.value)}setUniform2f(e){"Vec2"===e._internalFormat?this.gl.uniform2f(e.location,e.value.x,e.value.y):this.gl.uniform2f(e.location,e.value[0],e.value[1])}setUniform2fv(e){"Vec2"===e._internalFormat?this.gl.uniform2fv(e.location,[e.value.x,e.value.y]):this.gl.uniform2fv(e.location,e.value)}setUniform3i(e){"Vec3"===e._internalFormat?this.gl.uniform3i(e.location,e.value.x,e.value.y,e.value.z):this.gl.uniform3i(e.location,e.value[0],e.value[1],e.value[2])}setUniform3iv(e){"Vec3"===e._internalFormat?this.gl.uniform3iv(e.location,[e.value.x,e.value.y,e.value.z]):this.gl.uniform3iv(e.location,e.value)}setUniform3f(e){"Vec3"===e._internalFormat?this.gl.uniform3f(e.location,e.value.x,e.value.y,e.value.z):this.gl.uniform3f(e.location,e.value[0],e.value[1],e.value[2])}setUniform3fv(e){"Vec3"===e._internalFormat?this.gl.uniform3fv(e.location,[e.value.x,e.value.y,e.value.z]):this.gl.uniform3fv(e.location,e.value)}setUniform4i(e){"Quat"===e._internalFormat?this.gl.uniform4i(e.location,e.value.elements[0],e.value.elements[1],e.value.elements[2],e.value[3]):this.gl.uniform4i(e.location,e.value[0],e.value[1],e.value[2],e.value[3])}setUniform4iv(e){"Quat"===e._internalFormat?this.gl.uniform4iv(e.location,[e.value.elements[0],e.value.elements[1],e.value.elements[2],e.value[3]]):this.gl.uniform4iv(e.location,e.value)}setUniform4f(e){"Quat"===e._internalFormat?this.gl.uniform4f(e.location,e.value.elements[0],e.value.elements[1],e.value.elements[2],e.value[3]):this.gl.uniform4f(e.location,e.value[0],e.value[1],e.value[2],e.value[3])}setUniform4fv(e){"Quat"===e._internalFormat?this.gl.uniform4fv(e.location,[e.value.elements[0],e.value.elements[1],e.value.elements[2],e.value[3]]):this.gl.uniform4fv(e.location,e.value)}setUniformMatrix2fv(e){this.gl.uniformMatrix2fv(e.location,!1,e.value)}setUniformMatrix3fv(e){this.gl.uniformMatrix3fv(e.location,!1,e.value)}setUniformMatrix4fv(e){"Mat4"===e._internalFormat?this.gl.uniformMatrix4fv(e.location,!1,e.value.elements):this.gl.uniformMatrix4fv(e.location,!1,e.value)}}const g="\nprecision mediump float;\n".replace(/\n/g,""),f="\nattribute vec3 aVertexPosition;\nattribute vec2 aTextureCoord;\n".replace(/\n/g,""),_="\nvarying vec3 vVertexPosition;\nvarying vec2 vTextureCoord;\n".replace(/\n/g,""),x=(g+f+_+"\nuniform mat4 uMVMatrix;\nuniform mat4 uPMatrix;\n\nvoid main() {\n    vTextureCoord = aTextureCoord;\n    vVertexPosition = aVertexPosition;\n    \n    gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);\n}\n").replace(/\n/g,""),v=(g+_+"\nvoid main() {\n    gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);\n}\n").replace(/\n/g,""),y=(g+f+_+"\nvoid main() {\n    vTextureCoord = aTextureCoord;\n    vVertexPosition = aVertexPosition;\n    \n    gl_Position = vec4(aVertexPosition, 1.0);\n}\n").replace(/\n/g,""),b=(g+_+"\nuniform sampler2D uRenderTexture;\n\nvoid main() {\n    gl_FragColor = texture2D(uRenderTexture, vTextureCoord);\n}\n").replace(/\n/g,"");let P=0;class w{constructor(e,{parent:t,vertexShader:s,fragmentShader:i}={}){if(this.type="Program",e&&"Renderer"===e.type){if(!e.gl)return void a(this.type+": Renderer WebGL context is undefined",e)}else a(this.type+": Renderer not passed as first argument",e);this.renderer=e,this.gl=this.renderer.gl,this.parent=t,this.defaultVsCode="Plane"===this.parent.type?x:y,this.defaultFsCode="Plane"===this.parent.type?v:b,s?this.vsCode=s:(this.renderer.production||"Plane"!==this.parent.type||r(this.parent.type+": No vertex shader provided, will use a default one"),this.vsCode=this.defaultVsCode),i?this.fsCode=i:(this.renderer.production||r(this.parent.type+": No fragment shader provided, will use a default one"),this.fsCode=this.defaultFsCode),this.compiled=!0,this.setupProgram()}createShader(e,t){const s=this.gl.createShader(t);if(this.gl.shaderSource(s,e),this.gl.compileShader(s),!this.renderer.production&&!this.gl.getShaderParameter(s,this.gl.COMPILE_STATUS)){const e=t===this.gl.VERTEX_SHADER?"vertex shader":"fragment shader";let i=this.gl.getShaderSource(s).split("\n");for(let t=0;t<i.length;t++)i[t]=t+1+": "+i[t];return i=i.join("\n"),r(this.type+": Errors occurred while compiling the",e,":\n",this.gl.getShaderInfoLog(s)),a(i),r(this.type+": Will use a default",e),this.createShader(t===this.gl.VERTEX_SHADER?this.defaultVsCode:this.defaultFsCode,t)}return s}useNewShaders(){this.vertexShader=this.createShader(this.vsCode,this.gl.VERTEX_SHADER),this.fragmentShader=this.createShader(this.fsCode,this.gl.FRAGMENT_SHADER),this.vertexShader&&this.fragmentShader||this.renderer.production||r(this.type+": Unable to find or compile the vertex or fragment shader")}setupProgram(){let e=this.renderer.cache.getProgramFromShaders(this.vsCode,this.fsCode);e?(this.vertexShader=e.vertexShader,this.fragmentShader=e.fragmentShader,this.activeUniforms=e.activeUniforms,this.activeAttributes=e.activeAttributes,this.createProgram()):(this.useNewShaders(),this.compiled&&(this.createProgram(),this.renderer.cache.addProgram(this)))}createProgram(){if(P++,this.id=P,this.program=this.gl.createProgram(),this.gl.attachShader(this.program,this.vertexShader),this.gl.attachShader(this.program,this.fragmentShader),this.gl.linkProgram(this.program),!this.renderer.production&&!this.gl.getProgramParameter(this.program,this.gl.LINK_STATUS))return r(this.type+": Unable to initialize the shader program: "+this.gl.getProgramInfoLog(this.program)),r(this.type+": Will use default vertex and fragment shaders"),this.vertexShader=this.createShader(this.defaultVsCode,this.gl.VERTEX_SHADER),this.fragmentShader=this.createShader(this.defaultFsCode,this.gl.FRAGMENT_SHADER),void this.createProgram();if(this.gl.deleteShader(this.vertexShader),this.gl.deleteShader(this.fragmentShader),!this.activeUniforms||!this.activeAttributes){this.activeUniforms={textures:[],textureMatrices:[]};const e=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_UNIFORMS);for(let s=0;s<e;s++){const e=this.gl.getActiveUniform(this.program,s);e.type===this.gl.SAMPLER_2D&&this.activeUniforms.textures.push(e.name),e.type===this.gl.FLOAT_MAT4&&"uMVMatrix"!==e.name&&"uPMatrix"!==e.name&&this.activeUniforms.textureMatrices.push(e.name)}this.activeAttributes=[];const t=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_ATTRIBUTES);for(let s=0;s<t;s++){const e=this.gl.getActiveAttrib(this.program,s);this.activeAttributes.push(e.name)}}}createUniforms(e){this.uniformsManager=new m(this.renderer,this.program,e),this.setUniforms()}setUniforms(){this.renderer.useProgram(this),this.uniformsManager.setUniforms()}updateUniforms(){this.renderer.useProgram(this),this.uniformsManager.updateUniforms()}}class T{constructor(e,{program:t=null,width:s=1,height:i=1}={}){if(this.type="Geometry",e&&"Renderer"===e.type){if(!e.gl)return void a(this.type+": Renderer WebGL context is undefined",e)}else a(this.type+": Renderer not passed as first argument",e);this.renderer=e,this.gl=this.renderer.gl,this.definition={id:s*i+s,width:s,height:i},this.setDefaultAttributes(),this.setVerticesUVs()}restoreContext(e){this.program=null,this.setDefaultAttributes(),this.setVerticesUVs(),this.setProgram(e)}setDefaultAttributes(){this.attributes={vertexPosition:{name:"aVertexPosition",size:3,isActive:!1},textureCoord:{name:"aTextureCoord",size:3,isActive:!1}}}setVerticesUVs(){const e=this.renderer.cache.getGeometryFromID(this.definition.id);e?(this.attributes.vertexPosition.array=e.vertices,this.attributes.textureCoord.array=e.uvs):(this.computeVerticesUVs(),this.renderer.cache.addGeometry(this.definition.id,this.attributes.vertexPosition.array,this.attributes.textureCoord.array))}setProgram(e){this.program=e,this.initAttributes(),this.renderer._isWebGL2?(this._vao=this.gl.createVertexArray(),this.gl.bindVertexArray(this._vao)):this.renderer.extensions.OES_vertex_array_object&&(this._vao=this.renderer.extensions.OES_vertex_array_object.createVertexArrayOES(),this.renderer.extensions.OES_vertex_array_object.bindVertexArrayOES(this._vao)),this.initializeBuffers()}initAttributes(){for(const e in this.attributes){if(this.attributes[e].isActive=this.program.activeAttributes.includes(this.attributes[e].name),!this.attributes[e].isActive)return;this.attributes[e].location=this.gl.getAttribLocation(this.program.program,this.attributes[e].name),this.attributes[e].buffer=this.gl.createBuffer(),this.attributes[e].numberOfItems=this.definition.width*this.definition.height*this.attributes[e].size*2}}computeVerticesUVs(){this.attributes.vertexPosition.array=[],this.attributes.textureCoord.array=[];const e=this.attributes.vertexPosition.array,t=this.attributes.textureCoord.array;for(let s=0;s<this.definition.height;s++){const i=s/this.definition.height;for(let s=0;s<this.definition.width;s++){const r=s/this.definition.width;t.push(r),t.push(i),t.push(0),e.push(2*(r-.5)),e.push(2*(i-.5)),e.push(0),t.push(r+1/this.definition.width),t.push(i),t.push(0),e.push(2*(r+1/this.definition.width-.5)),e.push(2*(i-.5)),e.push(0),t.push(r),t.push(i+1/this.definition.height),t.push(0),e.push(2*(r-.5)),e.push(2*(i+1/this.definition.height-.5)),e.push(0),t.push(r),t.push(i+1/this.definition.height),t.push(0),e.push(2*(r-.5)),e.push(2*(i+1/this.definition.height-.5)),e.push(0),t.push(r+1/this.definition.width),t.push(i),t.push(0),e.push(2*(r+1/this.definition.width-.5)),e.push(2*(i-.5)),e.push(0),t.push(r+1/this.definition.width),t.push(i+1/this.definition.height),t.push(0),e.push(2*(r+1/this.definition.width-.5)),e.push(2*(i+1/this.definition.height-.5)),e.push(0)}}}initializeBuffers(){if(this.attributes){for(const e in this.attributes){if(!this.attributes[e].isActive)return;this.gl.enableVertexAttribArray(this.attributes[e].location),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.attributes[e].buffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array(this.attributes[e].array),this.gl.STATIC_DRAW),this.gl.vertexAttribPointer(this.attributes[e].location,this.attributes[e].size,this.gl.FLOAT,!1,0,0)}this.renderer.state.currentGeometryID=this.definition.id}}bindBuffers(){if(this._vao)this.renderer._isWebGL2?this.gl.bindVertexArray(this._vao):this.renderer.extensions.OES_vertex_array_object.bindVertexArrayOES(this._vao);else for(const e in this.attributes){if(!this.attributes[e].isActive)return;this.gl.enableVertexAttribArray(this.attributes[e].location),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.attributes[e].buffer),this.gl.vertexAttribPointer(this.attributes[e].location,this.attributes[e].size,this.gl.FLOAT,!1,0,0)}this.renderer.state.currentGeometryID=this.definition.id}draw(){this.gl.drawArrays(this.gl.TRIANGLES,0,this.attributes.vertexPosition.numberOfItems)}dispose(){this._vao&&(this.renderer._isWebGL2?this.gl.deleteVertexArray(this._vao):this.renderer.extensions.OES_vertex_array_object.deleteVertexArrayOES(this._vao));for(const e in this.attributes){if(!this.attributes[e].isActive)return;this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.attributes[e].buffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,1,this.gl.STATIC_DRAW),this.gl.deleteBuffer(this.attributes[e].buffer)}this.attributes=null,this.renderer.state.currentGeometryID=null}}class R{constructor(e=new Float32Array([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1])){this.type="Mat4",this.elements=e}setFromArray(e){for(let t=0;t<this.elements.length;t++)this.elements[t]=e[t];return this}copy(e){const t=e.elements;return this.elements[0]=t[0],this.elements[1]=t[1],this.elements[2]=t[2],this.elements[3]=t[3],this.elements[4]=t[4],this.elements[5]=t[5],this.elements[6]=t[6],this.elements[7]=t[7],this.elements[8]=t[8],this.elements[9]=t[9],this.elements[10]=t[10],this.elements[11]=t[11],this.elements[12]=t[12],this.elements[13]=t[13],this.elements[14]=t[14],this.elements[15]=t[15],this}clone(){return(new R).copy(this)}multiply(e){const t=this.elements,s=e.elements;let i=new R;return i.elements[0]=s[0]*t[0]+s[1]*t[4]+s[2]*t[8]+s[3]*t[12],i.elements[1]=s[0]*t[1]+s[1]*t[5]+s[2]*t[9]+s[3]*t[13],i.elements[2]=s[0]*t[2]+s[1]*t[6]+s[2]*t[10]+s[3]*t[14],i.elements[3]=s[0]*t[3]+s[1]*t[7]+s[2]*t[11]+s[3]*t[15],i.elements[4]=s[4]*t[0]+s[5]*t[4]+s[6]*t[8]+s[7]*t[12],i.elements[5]=s[4]*t[1]+s[5]*t[5]+s[6]*t[9]+s[7]*t[13],i.elements[6]=s[4]*t[2]+s[5]*t[6]+s[6]*t[10]+s[7]*t[14],i.elements[7]=s[4]*t[3]+s[5]*t[7]+s[6]*t[11]+s[7]*t[15],i.elements[8]=s[8]*t[0]+s[9]*t[4]+s[10]*t[8]+s[11]*t[12],i.elements[9]=s[8]*t[1]+s[9]*t[5]+s[10]*t[9]+s[11]*t[13],i.elements[10]=s[8]*t[2]+s[9]*t[6]+s[10]*t[10]+s[11]*t[14],i.elements[11]=s[8]*t[3]+s[9]*t[7]+s[10]*t[11]+s[11]*t[15],i.elements[12]=s[12]*t[0]+s[13]*t[4]+s[14]*t[8]+s[15]*t[12],i.elements[13]=s[12]*t[1]+s[13]*t[5]+s[14]*t[9]+s[15]*t[13],i.elements[14]=s[12]*t[2]+s[13]*t[6]+s[14]*t[10]+s[15]*t[14],i.elements[15]=s[12]*t[3]+s[13]*t[7]+s[14]*t[11]+s[15]*t[15],i}getInverse(){const e=this.elements,t=new R,s=t.elements;let i=e[0],r=e[1],a=e[2],n=e[3],o=e[4],h=e[5],l=e[6],d=e[7],u=e[8],c=e[9],p=e[10],m=e[11],g=e[12],f=e[13],_=e[14],x=e[15],v=i*h-r*o,y=i*l-a*o,b=i*d-n*o,P=r*l-a*h,w=r*d-n*h,T=a*d-n*l,S=u*f-c*g,M=u*_-p*g,E=u*x-m*g,C=c*_-p*f,k=c*x-m*f,A=p*x-m*_,F=v*A-y*k+b*C+P*E-w*M+T*S;return F?(F=1/F,s[0]=(h*A-l*k+d*C)*F,s[1]=(a*k-r*A-n*C)*F,s[2]=(f*T-_*w+x*P)*F,s[3]=(p*w-c*T-m*P)*F,s[4]=(l*E-o*A-d*M)*F,s[5]=(i*A-a*E+n*M)*F,s[6]=(_*b-g*T-x*y)*F,s[7]=(u*T-p*b+m*y)*F,s[8]=(o*k-h*E+d*S)*F,s[9]=(r*E-i*k-n*S)*F,s[10]=(g*w-f*b+x*v)*F,s[11]=(c*b-u*w-m*v)*F,s[12]=(h*M-o*C-l*S)*F,s[13]=(i*C-r*M+a*S)*F,s[14]=(f*y-g*P-_*v)*F,s[15]=(u*P-c*y+p*v)*F,t):null}scale(e){let t=this.elements;return t[0]*=e.x,t[1]*=e.x,t[2]*=e.x,t[3]*=e.x,t[4]*=e.y,t[5]*=e.y,t[6]*=e.y,t[7]*=e.y,t[8]*=e.z,t[9]*=e.z,t[10]*=e.z,t[11]*=e.z,this}compose(e,t,s){let i=this.elements;const r=t.elements[0],a=t.elements[1],n=t.elements[2],o=t.elements[3],h=r+r,l=a+a,d=n+n,u=r*h,c=r*l,p=r*d,m=a*l,g=a*d,f=n*d,_=o*h,x=o*l,v=o*d,y=s.x,b=s.y,P=s.z;return i[0]=(1-(m+f))*y,i[1]=(c+v)*y,i[2]=(p-x)*y,i[3]=0,i[4]=(c-v)*b,i[5]=(1-(u+f))*b,i[6]=(g+_)*b,i[7]=0,i[8]=(p+x)*P,i[9]=(g-_)*P,i[10]=(1-(u+m))*P,i[11]=0,i[12]=e.x,i[13]=e.y,i[14]=e.z,i[15]=1,this}composeFromOrigin(e,t,s,i){let r=this.elements;const a=t.elements[0],n=t.elements[1],o=t.elements[2],h=t.elements[3],l=a+a,d=n+n,u=o+o,c=a*l,p=a*d,m=a*u,g=n*d,f=n*u,_=o*u,x=h*l,v=h*d,y=h*u,b=s.x,P=s.y,w=s.z,T=i.x,R=i.y,S=i.z,M=(1-(g+_))*b,E=(p+y)*b,C=(m-v)*b,k=(p-y)*P,A=(1-(c+_))*P,F=(f+x)*P,D=(m+v)*w,I=(f-x)*w,O=(1-(c+g))*w;return r[0]=M,r[1]=E,r[2]=C,r[3]=0,r[4]=k,r[5]=A,r[6]=F,r[7]=0,r[8]=D,r[9]=I,r[10]=O,r[11]=0,r[12]=e.x+T-(M*T+k*R+D*S),r[13]=e.y+R-(E*T+A*R+I*S),r[14]=e.z+S-(C*T+F*R+O*S),r[15]=1,this}}class S{constructor(e=0,t=e){this.type="Vec2",this._x=e,this._y=t}get x(){return this._x}get y(){return this._y}set x(e){const t=e!==this._x;this._x=e,t&&this._onChangeCallback&&this._onChangeCallback()}set y(e){const t=e!==this._y;this._y=e,t&&this._onChangeCallback&&this._onChangeCallback()}onChange(e){return e&&(this._onChangeCallback=e),this}set(e,t){return this._x=e,this._y=t,this}add(e){return this._x+=e.x,this._y+=e.y,this}addScalar(e){return this._x+=e,this._y+=e,this}sub(e){return this._x-=e.x,this._y-=e.y,this}subScalar(e){return this._x-=e,this._y-=e,this}multiply(e){return this._x*=e.x,this._y*=e.y,this}multiplyScalar(e){return this._x*=e,this._y*=e,this}copy(e){return this._x=e.x,this._y=e.y,this}clone(){return new S(this._x,this._y)}sanitizeNaNValuesWith(e){return this._x=isNaN(this._x)?e.x:parseFloat(this._x),this._y=isNaN(this._y)?e.y:parseFloat(this._y),this}max(e){return this._x=Math.max(this._x,e.x),this._y=Math.max(this._y,e.y),this}min(e){return this._x=Math.min(this._x,e.x),this._y=Math.min(this._y,e.y),this}equals(e){return this._x===e.x&&this._y===e.y}normalize(){let e=this._x*this._x+this._y*this._y;return e>0&&(e=1/Math.sqrt(e)),this._x*=e,this._y*=e,this}dot(e){return this._x*e.x+this._y*e.y}}class M{constructor(e=0,t=e,s=e){this.type="Vec3",this._x=e,this._y=t,this._z=s}get x(){return this._x}get y(){return this._y}get z(){return this._z}set x(e){const t=e!==this._x;this._x=e,t&&this._onChangeCallback&&this._onChangeCallback()}set y(e){const t=e!==this._y;this._y=e,t&&this._onChangeCallback&&this._onChangeCallback()}set z(e){const t=e!==this._z;this._z=e,t&&this._onChangeCallback&&this._onChangeCallback()}onChange(e){return e&&(this._onChangeCallback=e),this}set(e,t,s){return this._x=e,this._y=t,this._z=s,this}add(e){return this._x+=e.x,this._y+=e.y,this._z+=e.z,this}addScalar(e){return this._x+=e,this._y+=e,this._z+=e,this}sub(e){return this._x-=e.x,this._y-=e.y,this._z-=e.z,this}subScalar(e){return this._x-=e,this._y-=e,this._z-=e,this}multiply(e){return this._x*=e.x,this._y*=e.y,this._z*=e.z,this}multiplyScalar(e){return this._x*=e,this._y*=e,this._z*=e,this}copy(e){return this._x=e.x,this._y=e.y,this._z=e.z,this}clone(){return new M(this._x,this._y,this._z)}sanitizeNaNValuesWith(e){return this._x=isNaN(this._x)?e.x:parseFloat(this._x),this._y=isNaN(this._y)?e.y:parseFloat(this._y),this._z=isNaN(this._z)?e.z:parseFloat(this._z),this}max(e){return this._x=Math.max(this._x,e.x),this._y=Math.max(this._y,e.y),this._z=Math.max(this._z,e.z),this}min(e){return this._x=Math.min(this._x,e.x),this._y=Math.min(this._y,e.y),this._z=Math.min(this._z,e.z),this}equals(e){return this._x===e.x&&this._y===e.y&&this._z===e.z}normalize(){let e=this._x*this._x+this._y*this._y+this._z*this._z;return e>0&&(e=1/Math.sqrt(e)),this._x*=e,this._y*=e,this._z*=e,this}dot(e){return this._x*e.x+this._y*e.y+this._z*e.z}applyMat4(e){const t=this._x,s=this._y,i=this._z,r=e.elements;let a=r[3]*t+r[7]*s+r[11]*i+r[15];return a=a||1,this._x=(r[0]*t+r[4]*s+r[8]*i+r[12])/a,this._y=(r[1]*t+r[5]*s+r[9]*i+r[13])/a,this._z=(r[2]*t+r[6]*s+r[10]*i+r[14])/a,this}applyQuat(e){const t=this._x,s=this._y,i=this._z,r=e.elements[0],a=e.elements[1],n=e.elements[2],o=e.elements[3],h=o*t+a*i-n*s,l=o*s+n*t-r*i,d=o*i+r*s-a*t,u=-r*t-a*s-n*i;return this._x=h*o+u*-r+l*-n-d*-a,this._y=l*o+u*-a+d*-r-h*-n,this._z=d*o+u*-n+h*-a-l*-r,this}project(e){return this.applyMat4(e.viewMatrix).applyMat4(e.projectionMatrix),this}unproject(e){return this.applyMat4(e.projectionMatrix.getInverse()).applyMat4(e.worldMatrix),this}}const E=new S,C=new M,k=new R;class A{constructor(e,{isFBOTexture:t=!1,fromTexture:s=!1,loader:i,sampler:r,floatingPoint:o="none",premultiplyAlpha:h=!1,anisotropy:l=1,generateMipmap:d=null,wrapS:u,wrapT:c,minFilter:p,magFilter:m}={}){if(this.type="Texture",(e=e&&e.renderer||e)&&"Renderer"===e.type){if(!e.gl)return void(e.production||a(this.type+": Unable to create a "+this.type+" because the Renderer WebGL context is not defined"))}else a(this.type+": Renderer not passed as first argument",e);if(this.renderer=e,this.gl=this.renderer.gl,this.uuid=n(),this._globalParameters={unpackAlignment:4,flipY:!t,premultiplyAlpha:!1,shouldPremultiplyAlpha:h,floatingPoint:o,type:this.gl.UNSIGNED_BYTE,internalFormat:this.gl.RGBA,format:this.gl.RGBA},this.parameters={anisotropy:l,generateMipmap:d,wrapS:u||this.gl.CLAMP_TO_EDGE,wrapT:c||this.gl.CLAMP_TO_EDGE,minFilter:p||this.gl.LINEAR,magFilter:m||this.gl.LINEAR,_shouldUpdate:!0},this._initState(),this.sourceType=t?"fbo":"empty",this._useCache=!0,this._samplerName=r,this._sampler={isActive:!1,isTextureBound:!1,texture:this.gl.createTexture()},this._textureMatrix={matrix:new R,isActive:!1},this._size={width:1,height:1},this.scale=new S(1),this.scale.onChange(()=>this.resize()),this.offset=new S,this.offset.onChange(()=>this.resize()),this._loader=i,this._sourceLoaded=!1,this._uploaded=!1,this._willUpdate=!1,this.shouldUpdate=!1,this._forceUpdate=!1,this.userData={},this._canDraw=!1,s)return this._copyOnInit=!0,void(this._copiedFrom=s);this._copyOnInit=!1,this._initTexture()}_initState(){this._state={anisotropy:1,generateMipmap:!1,wrapS:null,wrapT:null,minFilter:null,magFilter:this.gl.LINEAR}}_initTexture(){this.gl.bindTexture(this.gl.TEXTURE_2D,this._sampler.texture),"empty"===this.sourceType&&(this._globalParameters.flipY=!1,this._updateGlobalTexParameters(),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,1,1,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,new Uint8Array([0,0,0,255])),this._canDraw=!0)}_restoreFromTexture(){this._copyOnInit||this._initTexture(),this._parent&&(this._setTextureUniforms(),this._setSize()),this.copy(this._copiedFrom),this._canDraw=!0}_restoreContext(){if(this._canDraw=!1,this._sampler.texture=this.gl.createTexture(),this._sampler.isActive=!1,this._sampler.isTextureBound=!1,this._textureMatrix.isActive=!1,this._initState(),this._state.generateMipmap=!1,this.parameters._shouldUpdate=!0,this._copiedFrom){const e=this.renderer.nextRender.add(()=>{this._copiedFrom._canDraw&&(this._restoreFromTexture(),e.keep=!1)},!0)}else this._initTexture(),this._parent&&this._setParent(),this.source&&(this.setSource(this.source),"image"===this.sourceType?this.renderer.cache.addTexture(this):this.needUpdate()),this._canDraw=!0}addParent(e){!e||"Plane"!==e.type&&"PingPongPlane"!==e.type&&"ShaderPass"!==e.type&&"RenderTarget"!==e.type?this.renderer.production||r(this.type+": cannot add texture as a child of ",e," because it is not a valid parent"):(this._parent=e,this.index=this._parent.textures.length,this._parent.textures.push(this),this._setParent())}_setParent(){if(this._sampler.name=this._samplerName||"uSampler"+this.index,this._textureMatrix.name=this._samplerName?this._samplerName+"Matrix":"uTextureMatrix"+this.index,this._parent._program){if(!this._parent._program.compiled)return void(this.renderer.production||r(this.type+": Unable to create the texture because the program is not valid"));if(this._setTextureUniforms(),this._copyOnInit){const e=this.renderer.nextRender.add(()=>{this._copiedFrom._canDraw&&this._copiedFrom._uploaded&&(this.copy(this._copiedFrom),e.keep=!1)},!0);return}this.source?this._parent.loader&&this._parent.loader._addSourceToParent(this.source,this.sourceType):this._size={width:this._parent._boundingRect.document.width,height:this._parent._boundingRect.document.height},this._setSize()}else"RenderTarget"===this._parent.type&&(this._size={width:this._parent._size&&this._parent._size.width||this.renderer._boundingRect.width,height:this._parent._size&&this._parent._size.height||this.renderer._boundingRect.height},this._upload(),this._updateTexParameters(),this._canDraw=!0)}hasParent(){return!!this._parent}_setTextureUniforms(){const e=this._parent._program.activeUniforms;for(let t=0;t<e.textures.length;t++)if(e.textures[t]===this._sampler.name){this._sampler.isActive=!0,this.renderer.useProgram(this._parent._program),this._sampler.location=this.gl.getUniformLocation(this._parent._program.program,this._sampler.name);e.textureMatrices.find(e=>e===this._textureMatrix.name)&&(this._textureMatrix.isActive=!0,this._textureMatrix.location=this.gl.getUniformLocation(this._parent._program.program,this._textureMatrix.name)),this.gl.uniform1i(this._sampler.location,this.index)}}copy(e){e&&"Texture"===e.type?(this._globalParameters=Object.assign({},e._globalParameters),this._state=Object.assign({},e._state),this.parameters.generateMipmap=e.parameters.generateMipmap,this._state.generateMipmap=null,this._size=e._size,!this._sourceLoaded&&e._sourceLoaded&&this._onSourceLoadedCallback&&this._onSourceLoadedCallback(),this._sourceLoaded=e._sourceLoaded,!this._uploaded&&e._uploaded&&this._onSourceUploadedCallback&&this._onSourceUploadedCallback(),this._uploaded=e._uploaded,this.sourceType=e.sourceType,this.source=e.source,this._videoFrameCallbackID=e._videoFrameCallbackID,this._sampler.texture=e._sampler.texture,this._copiedFrom=e,!this._parent||!this._parent._program||this._canDraw&&this._textureMatrix.matrix||(this._setSize(),this._canDraw=!0),this._updateTexParameters(),this.renderer.needRender()):this.renderer.production||r(this.type+": Unable to set the texture from texture:",e)}setSource(e){this._sourceLoaded||this.renderer.nextRender.add(()=>this._onSourceLoadedCallback&&this._onSourceLoadedCallback());const t="IMG"===e.tagName.toUpperCase()?"image":e.tagName.toLowerCase();if("video"!==t&&"canvas"!==t||(this._useCache=!1),this._useCache){const t=this.renderer.cache.getTextureFromSource(e);if(t&&t.uuid!==this.uuid)return this._uploaded||(this.renderer.nextRender.add(()=>this._onSourceUploadedCallback&&this._onSourceUploadedCallback()),this._uploaded=!0),this.copy(t),void this.resize()}if("empty"===this.sourceType||this.sourceType!==t)if("video"===t)this._willUpdate=!1,this.shouldUpdate=!0;else if("canvas"===t)this._willUpdate=!0,this.shouldUpdate=!0;else{if("image"!==t)return void(this.renderer.production||r(this.type+": this HTML tag could not be converted into a texture:",e.tagName));this._willUpdate=!1,this.shouldUpdate=!1}this.source=e,this.sourceType=t,this._size={width:this.source.naturalWidth||this.source.width||this.source.videoWidth,height:this.source.naturalHeight||this.source.height||this.source.videoHeight},this._sourceLoaded=!0,this.gl.bindTexture(this.gl.TEXTURE_2D,this._sampler.texture),this.resize(),this._globalParameters.flipY=!0,this._globalParameters.premultiplyAlpha=this._globalParameters.shouldPremultiplyAlpha,"image"===this.sourceType&&(this.parameters.generateMipmap=this.parameters.generateMipmap||null===this.parameters.generateMipmap,this.parameters._shouldUpdate=this.parameters.generateMipmap,this._state.generateMipmap=!1,this._upload()),this.renderer.needRender()}_updateGlobalTexParameters(){this.renderer.state.unpackAlignment!==this._globalParameters.unpackAlignment&&(this.gl.pixelStorei(this.gl.UNPACK_ALIGNMENT,this._globalParameters.unpackAlignment),this.renderer.state.unpackAlignment=this._globalParameters.unpackAlignment),this.renderer.state.flipY!==this._globalParameters.flipY&&(this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,this._globalParameters.flipY),this.renderer.state.flipY=this._globalParameters.flipY),this.renderer.state.premultiplyAlpha!==this._globalParameters.premultiplyAlpha&&(this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,this._globalParameters.premultiplyAlpha),this.renderer.state.premultiplyAlpha=this._globalParameters.premultiplyAlpha),"half-float"===this._globalParameters.floatingPoint?this.renderer._isWebGL2&&this.renderer.extensions.EXT_color_buffer_float?(this._globalParameters.internalFormat=this.gl.RGBA16F,this._globalParameters.type=this.gl.HALF_FLOAT):this.renderer.extensions.OES_texture_half_float?this._globalParameters.type=this.renderer.extensions.OES_texture_half_float.HALF_FLOAT_OES:this.renderer.production||r(this.type+": could not use half-float textures because the extension is not available"):"float"===this._globalParameters.floatingPoint&&(this.renderer._isWebGL2&&this.renderer.extensions.EXT_color_buffer_float?(this._globalParameters.internalFormat=this.gl.RGBA16F,this._globalParameters.type=this.gl.FLOAT):this.renderer.extensions.OES_texture_float?this._globalParameters.type=this.renderer.extensions.OES_texture_half_float.FLOAT:this.renderer.production||r(this.type+": could not use float textures because the extension is not available"))}_updateTexParameters(){this.index&&this.renderer.state.activeTexture!==this.index&&this._bindTexture(),this.parameters.wrapS!==this._state.wrapS&&(this.renderer._isWebGL2||o(this._size.width)&&o(this._size.height)||(this.parameters.wrapS=this.gl.CLAMP_TO_EDGE),this.parameters.wrapS!==this.gl.REPEAT&&this.parameters.wrapS!==this.gl.CLAMP_TO_EDGE&&this.parameters.wrapS!==this.gl.MIRRORED_REPEAT&&(this.renderer.production||r(this.type+": Wrong wrapS value",this.parameters.wrapS,"for this texture:",this,"\ngl.CLAMP_TO_EDGE wrapping will be used instead"),this.parameters.wrapS=this.gl.CLAMP_TO_EDGE),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_S,this.parameters.wrapS),this._state.wrapS=this.parameters.wrapS),this.parameters.wrapT!==this._state.wrapT&&(this.renderer._isWebGL2||o(this._size.width)&&o(this._size.height)||(this.parameters.wrapT=this.gl.CLAMP_TO_EDGE),this.parameters.wrapT!==this.gl.REPEAT&&this.parameters.wrapT!==this.gl.CLAMP_TO_EDGE&&this.parameters.wrapT!==this.gl.MIRRORED_REPEAT&&(this.renderer.production||r(this.type+": Wrong wrapT value",this.parameters.wrapT,"for this texture:",this,"\ngl.CLAMP_TO_EDGE wrapping will be used instead"),this.parameters.wrapT=this.gl.CLAMP_TO_EDGE),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_T,this.parameters.wrapT),this._state.wrapT=this.parameters.wrapT),this.parameters.generateMipmap&&!this._state.generateMipmap&&this.source&&(this.renderer._isWebGL2||o(this._size.width)&&o(this._size.height)?this.gl.generateMipmap(this.gl.TEXTURE_2D):this.parameters.generateMipmap=!1,this._state.generateMipmap=this.parameters.generateMipmap),this.parameters.minFilter!==this._state.minFilter&&(this.renderer._isWebGL2||o(this._size.width)&&o(this._size.height)||(this.parameters.minFilter=this.gl.LINEAR),this.parameters.generateMipmap||null===this.parameters.generateMipmap||(this.parameters.minFilter=this.gl.LINEAR),this.parameters.minFilter!==this.gl.LINEAR&&this.parameters.minFilter!==this.gl.NEAREST&&this.parameters.minFilter!==this.gl.NEAREST_MIPMAP_NEAREST&&this.parameters.minFilter!==this.gl.LINEAR_MIPMAP_NEAREST&&this.parameters.minFilter!==this.gl.NEAREST_MIPMAP_LINEAR&&this.parameters.minFilter!==this.gl.LINEAR_MIPMAP_LINEAR&&(this.renderer.production||r(this.type+": Wrong minFilter value",this.parameters.minFilter,"for this texture:",this,"\ngl.LINEAR filtering will be used instead"),this.parameters.minFilter=this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,this.parameters.minFilter),this._state.minFilter=this.parameters.minFilter),this.parameters.magFilter!==this._state.magFilter&&(this.renderer._isWebGL2||o(this._size.width)&&o(this._size.height)||(this.parameters.magFilter=this.gl.LINEAR),this.parameters.magFilter!==this.gl.LINEAR&&this.parameters.magFilter!==this.gl.NEAREST&&(this.renderer.production||r(this.type+": Wrong magFilter value",this.parameters.magFilter,"for this texture:",this,"\ngl.LINEAR filtering will be used instead"),this.parameters.magFilter=this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MAG_FILTER,this.parameters.magFilter),this._state.magFilter=this.parameters.magFilter);const e=this.renderer.extensions.EXT_texture_filter_anisotropic;if(e&&this.parameters.anisotropy!==this._state.anisotropy){const t=this.gl.getParameter(e.MAX_TEXTURE_MAX_ANISOTROPY_EXT);this.parameters.anisotropy=Math.max(1,Math.min(this.parameters.anisotropy,t)),this.gl.texParameterf(this.gl.TEXTURE_2D,e.TEXTURE_MAX_ANISOTROPY_EXT,this.parameters.anisotropy),this._state.anisotropy=this.parameters.anisotropy}}setWrapS(e){this.parameters.wrapS!==e&&(this.parameters.wrapS=e,this.parameters._shouldUpdate=!0)}setWrapT(e){this.parameters.wrapT!==e&&(this.parameters.wrapT=e,this.parameters._shouldUpdate=!0)}setMinFilter(e){this.parameters.minFilter!==e&&(this.parameters.minFilter=e,this.parameters._shouldUpdate=!0)}setMagFilter(e){this.parameters.magFilter!==e&&(this.parameters.magFilter=e,this.parameters._shouldUpdate=!0)}setAnisotropy(e){e=isNaN(e)?this.parameters.anisotropy:e,this.parameters.anisotropy!==e&&(this.parameters.anisotropy=e,this.parameters._shouldUpdate=!0)}needUpdate(){this._forceUpdate=!0}_videoFrameCallback(){if(this._willUpdate=!0,this.source)this.source.requestVideoFrameCallback(()=>this._videoFrameCallback());else{const e=this.renderer.nextRender.add(()=>{this.source&&(e.keep=!1,this.source.requestVideoFrameCallback(()=>this._videoFrameCallback()))},!0)}}_upload(){this._updateGlobalTexParameters(),this.source?this.gl.texImage2D(this.gl.TEXTURE_2D,0,this._globalParameters.internalFormat,this._globalParameters.format,this._globalParameters.type,this.source):"fbo"===this.sourceType&&this.gl.texImage2D(this.gl.TEXTURE_2D,0,this._globalParameters.internalFormat,this._size.width,this._size.height,0,this._globalParameters.format,this._globalParameters.type,this.source||null),this._uploaded||(this.renderer.nextRender.add(()=>this._onSourceUploadedCallback&&this._onSourceUploadedCallback()),this._uploaded=!0)}_getSizes(){if("fbo"===this.sourceType)return{parentWidth:this._parent._boundingRect.document.width,parentHeight:this._parent._boundingRect.document.height,sourceWidth:this._parent._boundingRect.document.width,sourceHeight:this._parent._boundingRect.document.height,xOffset:0,yOffset:0};const e=this._parent.scale?E.set(this._parent.scale.x,this._parent.scale.y):E.set(1,1),t=this._parent._boundingRect.document.width*e.x,s=this._parent._boundingRect.document.height*e.y,i=this._size.width,r=this._size.height,a=i/r,n=t/s;let o=0,h=0;return n>a?h=Math.min(0,s-t*(1/a)):n<a&&(o=Math.min(0,t-s*a)),{parentWidth:t,parentHeight:s,sourceWidth:i,sourceHeight:r,xOffset:o,yOffset:h}}setScale(e){e.type&&"Vec2"===e.type?(e.sanitizeNaNValuesWith(this.scale).max(E.set(.001,.001)),e.equals(this.scale)||(this.scale.copy(e),this.resize())):this.renderer.production||r(this.type+": Cannot set scale because the parameter passed is not of Vec2 type:",e)}setOffset(e){e.type&&"Vec2"===e.type?(e.sanitizeNaNValuesWith(this.offset),e.equals(this.offset)||(this.offset.copy(e),this.resize())):this.renderer.production||r(this.type+": Cannot set offset because the parameter passed is not of Vec2 type:",scale)}_setSize(){if(this._parent&&this._parent._program){const e=this._getSizes();this._updateTextureMatrix(e)}}resize(){"fbo"===this.sourceType?(this._size={width:this._parent._size&&this._parent._size.width||this._parent._boundingRect.document.width,height:this._parent._size&&this._parent._size.height||this._parent._boundingRect.document.height},this._copiedFrom||(this.gl.bindTexture(this.gl.TEXTURE_2D,this._sampler.texture),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this._globalParameters.internalFormat,this._size.width,this._size.height,0,this._globalParameters.format,this._globalParameters.type,null))):this.source&&(this._size={width:this.source.naturalWidth||this.source.width||this.source.videoWidth,height:this.source.naturalHeight||this.source.height||this.source.videoHeight}),this._setSize()}_updateTextureMatrix(e){const t=C.set(e.parentWidth/(e.parentWidth-e.xOffset),e.parentHeight/(e.parentHeight-e.yOffset),1);t.x/=this.scale.x,t.y/=this.scale.y,this._textureMatrix.matrix=k.setFromArray([t.x,0,0,0,0,t.y,0,0,0,0,1,0,(1-t.x)/2+this.offset.x,(1-t.y)/2+this.offset.y,0,1]),this._updateMatrixUniform()}_updateMatrixUniform(){this._textureMatrix.isActive&&(this.renderer.useProgram(this._parent._program),this.gl.uniformMatrix4fv(this._textureMatrix.location,!1,this._textureMatrix.matrix.elements))}_onSourceLoaded(e){this.setSource(e),"image"===this.sourceType&&this.renderer.cache.addTexture(this)}_bindTexture(){this._canDraw&&(this.renderer.state.activeTexture!==this.index&&(this.gl.activeTexture(this.gl.TEXTURE0+this.index),this.renderer.state.activeTexture=this.index),this.gl.bindTexture(this.gl.TEXTURE_2D,this._sampler.texture),this._sampler.isTextureBound||(this._sampler.isTextureBound=!!this.gl.getParameter(this.gl.TEXTURE_BINDING_2D),this._sampler.isTextureBound&&this.renderer.needRender()))}_draw(){this._sampler.isActive&&(this._bindTexture(),"video"===this.sourceType&&this.source&&!this._videoFrameCallbackID&&this.source.readyState>=this.source.HAVE_CURRENT_DATA&&!this.source.paused&&(this._willUpdate=!0),(this._forceUpdate||this._willUpdate&&this.shouldUpdate)&&(this._state.generateMipmap=!1,this._upload()),"video"===this.sourceType&&(this._willUpdate=!1),this._forceUpdate=!1),this.parameters._shouldUpdate&&(this._updateTexParameters(),this.parameters._shouldUpdate=!1)}onSourceLoaded(e){return e&&(this._onSourceLoadedCallback=e),this}onSourceUploaded(e){return e&&(this._onSourceUploadedCallback=e),this}_dispose(e=!1){var t;"video"===this.sourceType||"image"===this.sourceType&&!this.renderer.state.isActive?(this._loader&&this._loader._removeSource(this),this.source=null):"canvas"===this.sourceType&&this.source&&(this.source.width=null==(t=this.source)?void 0:t.width,this.source=null),this._parent=null;this.gl&&!this._copiedFrom&&(e||"image"!==this.sourceType||!this.renderer.state.isActive)&&(this._canDraw=!1,this.renderer.cache.removeTexture(this),this.gl.activeTexture(this.gl.TEXTURE0+this.index),this.gl.bindTexture(this.gl.TEXTURE_2D,null),this.gl.deleteTexture(this._sampler.texture))}}class F{constructor(e,t="anonymous"){if(this.type="TextureLoader",(e=e&&e.renderer||e)&&"Renderer"===e.type){if(!e.gl)return void a(this.type+": Renderer WebGL context is undefined",e)}else a(this.type+": Renderer not passed as first argument",e);this.renderer=e,this.gl=this.renderer.gl,this.crossOrigin=t,this.elements=[]}_addElement(e,t,s,i){const r={source:e,texture:t,load:this._sourceLoaded.bind(this,e,t,s),error:this._sourceLoadError.bind(this,e,i)};return this.elements.push(r),r}_sourceLoadError(e,t,s){t&&t(e,s)}_sourceLoaded(e,t,s){t._sourceLoaded||(t._onSourceLoaded(e),this._parent&&(this._increment&&this._increment(),this.renderer.nextRender.add(()=>this._parent._onLoadingCallback&&this._parent._onLoadingCallback(t))),s&&s(t))}_getSourceType(e){let t;return"string"==typeof e?null!==e.match(/\.(jpeg|jpg|jfif|pjpeg|pjp|gif|bmp|png|webp|svg|avif|apng)$/)?t="image":null!==e.match(/\.(webm|mp4|mpg|mpeg|avi|ogg|ogm|ogv|mov|av1)$/)&&(t="video"):"IMG"===e.tagName.toUpperCase()?t="image":"VIDEO"===e.tagName.toUpperCase()?t="video":"CANVAS"===e.tagName.toUpperCase()&&(t="canvas"),t}_createImage(e){if("string"!=typeof e&&e.hasAttribute("crossOrigin"))return e;{const t=new Image;return t.crossOrigin=this.crossOrigin,"string"==typeof e?t.src=e:(t.src=e.src,e.hasAttribute("data-sampler")&&t.setAttribute("data-sampler",e.getAttribute("data-sampler"))),t}}_createVideo(e){if("string"==typeof e||null===e.getAttribute("crossOrigin")){const t=document.createElement("video");return t.crossOrigin=this.crossOrigin,"string"==typeof e?t.src=e:(t.src=e.src,e.hasAttribute("data-sampler")&&t.setAttribute("data-sampler",e.getAttribute("data-sampler"))),t}return e}loadSource(e,t,s,i){switch(this._getSourceType(e)){case"image":this.loadImage(e,t,s,i);break;case"video":this.loadVideo(e,t,s,i);break;case"canvas":this.loadCanvas(e,t,s);break;default:this._sourceLoadError(e,i,"this source could not be converted into a texture: "+e)}}loadSources(e,t,s,i){for(let r=0;r<e.length;r++)this.loadSource(e[r],t,s,i)}loadImage(e,t={},s,i){const r=this.renderer.cache.getTextureFromSource(e);let a=Object.assign({},t);if(this._parent&&(a=Object.assign(a,this._parent._texturesOptions)),a.loader=this,r){a.sampler="string"!=typeof e&&e.hasAttribute("data-sampler")?e.getAttribute("data-sampler"):a.sampler,a.fromTexture=r;const t=new A(this.renderer,a);return this._sourceLoaded(r.source,t,s),void(this._parent&&this._addToParent(t,r.source,"image"))}const n=this._createImage(e);a.sampler=n.hasAttribute("data-sampler")?n.getAttribute("data-sampler"):a.sampler;const o=new A(this.renderer,a),h=this._addElement(n,o,s,i);n.complete?this._sourceLoaded(n,o,s):n.decode?n.decode().then(this._sourceLoaded.bind(this,n,o,s)).catch(()=>{n.addEventListener("load",h.load,!1),n.addEventListener("error",h.error,!1)}):(n.addEventListener("load",h.load,!1),n.addEventListener("error",h.error,!1)),this._parent&&this._addToParent(o,n,"image")}loadImages(e,t,s,i){for(let r=0;r<e.length;r++)this.loadImage(e[r],t,s,i)}loadVideo(e,t={},s,i){const r=this._createVideo(e);r.preload=!0,r.muted=!0,r.loop=!0,r.setAttribute("playsinline",""),r.crossOrigin=this.crossOrigin;let a=Object.assign({},t);this._parent&&(a=Object.assign(t,this._parent._texturesOptions)),a.loader=this,a.sampler=r.hasAttribute("data-sampler")?r.getAttribute("data-sampler"):a.sampler;const n=new A(this.renderer,a),o=this._addElement(r,n,s,i);r.addEventListener("canplaythrough",o.load,!1),r.addEventListener("error",o.error,!1),r.readyState>=r.HAVE_FUTURE_DATA&&s&&this._sourceLoaded(r,n,s),r.load(),this._addToParent&&this._addToParent(n,r,"video"),"requestVideoFrameCallback"in HTMLVideoElement.prototype&&(o.videoFrameCallback=n._videoFrameCallback.bind(n),n._videoFrameCallbackID=r.requestVideoFrameCallback(o.videoFrameCallback))}loadVideos(e,t,s,i){for(let r=0;r<e.length;r++)this.loadVideo(e[r],t,s,i)}loadCanvas(e,t={},s){let i=Object.assign({},t);this._parent&&(i=Object.assign(t,this._parent._texturesOptions)),i.loader=this,i.sampler=e.hasAttribute("data-sampler")?e.getAttribute("data-sampler"):i.sampler;const r=new A(this.renderer,i);this._addElement(e,r,s,null),this._sourceLoaded(e,r,s),this._parent&&this._addToParent(r,e,"canvas")}loadCanvases(e,t,s){for(let i=0;i<e.length;i++)this.loadCanvas(e[i],t,s)}_removeSource(e){const t=this.elements.find(t=>t.texture.uuid===e.uuid);t&&("image"===e.sourceType?t.source.removeEventListener("load",t.load,!1):"video"===e.sourceType&&(t.videoFrameCallback&&e._videoFrameCallbackID&&t.source.cancelVideoFrameCallback(e._videoFrameCallbackID),t.source.removeEventListener("canplaythrough",t.load,!1),t.source.pause(),t.source.removeAttribute("src"),t.source.load()),t.source.removeEventListener("error",t.error,!1))}}class D extends F{constructor(e,t,{sourcesLoaded:s=0,sourcesToLoad:i=0,complete:a=!1,onComplete:n=()=>{}}={}){super(e,t.crossOrigin),this.type="PlaneTextureLoader",this._parent=t,"Plane"!==this._parent.type&&"PingPongPlane"!==this._parent.type&&"ShaderPass"!==this._parent.type&&(r(this.type+": Wrong parent type assigned to this loader"),this._parent=null),this.sourcesLoaded=s,this.sourcesToLoad=i,this.complete=a,this.onComplete=n}_setLoaderSize(e){this.sourcesToLoad=e,0===this.sourcesToLoad&&(this.complete=!0,this.renderer.nextRender.add(()=>this.onComplete&&this.onComplete()))}_increment(){this.sourcesLoaded++,this.sourcesLoaded>=this.sourcesToLoad&&!this.complete&&(this.complete=!0,this.renderer.nextRender.add(()=>this.onComplete&&this.onComplete()))}_addSourceToParent(e,t){if("image"===t){const t=this._parent.images;!t.find(t=>t.src===e.src)&&t.push(e)}else if("video"===t){const t=this._parent.videos;!t.find(t=>t.src===e.src)&&t.push(e)}else if("canvas"===t){const t=this._parent.canvases;!t.find(t=>t.isSameNode(e))&&t.push(e)}}_addToParent(e,t,s){this._addSourceToParent(t,s),this._parent&&e.addParent(this._parent)}}class I{constructor(e,t="Mesh",{vertexShaderID:s,fragmentShaderID:i,vertexShader:r,fragmentShader:n,uniforms:o={},widthSegments:h=1,heightSegments:l=1,renderOrder:d=0,depthTest:u=!0,cullFace:c="back",texturesOptions:p={},crossOrigin:m="anonymous"}={}){if(this.type=t,(e=e&&e.renderer||e)&&"Renderer"===e.type||(a(this.type+": Curtains not passed as first argument or Curtains Renderer is missing",e),setTimeout(()=>{this._onErrorCallback&&this._onErrorCallback()},0)),this.renderer=e,this.gl=this.renderer.gl,!this.gl)return this.renderer.production||a(this.type+": Unable to create a "+this.type+" because the Renderer WebGL context is not defined"),void setTimeout(()=>{this._onErrorCallback&&this._onErrorCallback()},0);this._canDraw=!1,this.renderOrder=d,this._depthTest=u,this.cullFace=c,"back"!==this.cullFace&&"front"!==this.cullFace&&"none"!==this.cullFace&&(this.cullFace="back"),this.textures=[],this._texturesOptions=Object.assign({premultiplyAlpha:!1,anisotropy:1,floatingPoint:"none",wrapS:this.gl.CLAMP_TO_EDGE,wrapT:this.gl.CLAMP_TO_EDGE,minFilter:this.gl.LINEAR,magFilter:this.gl.LINEAR},p),this.crossOrigin=m,!r&&s&&document.getElementById(s)&&(r=document.getElementById(s).innerHTML),!n&&i&&document.getElementById(i)&&(n=document.getElementById(i).innerHTML),this._initMesh(),h=parseInt(h),l=parseInt(l),this._geometry=new T(this.renderer,{width:h,height:l}),this._program=new w(this.renderer,{parent:this,vertexShader:r,fragmentShader:n}),this._program.compiled?(this._program.createUniforms(o),this.uniforms=this._program.uniformsManager.uniforms,this._geometry.setProgram(this._program),this.renderer.onSceneChange()):this.renderer.nextRender.add(()=>this._onErrorCallback&&this._onErrorCallback())}_initMesh(){this.uuid=n(),this.loader=new D(this.renderer,this,{sourcesLoaded:0,initSourcesToLoad:0,complete:!1,onComplete:()=>{this._onReadyCallback&&this._onReadyCallback(),this.renderer.needRender()}}),this.images=[],this.videos=[],this.canvases=[],this.userData={},this._canDraw=!0}_restoreContext(){this._canDraw=!1,this._matrices&&(this._matrices=null),this._program=new w(this.renderer,{parent:this,vertexShader:this._program.vsCode,fragmentShader:this._program.fsCode}),this._program.compiled&&(this._geometry.restoreContext(this._program),this._program.createUniforms(this.uniforms),this.uniforms=this._program.uniformsManager.uniforms,this._programRestored())}setRenderTarget(e){e&&"RenderTarget"===e.type?("Plane"===this.type&&this.renderer.scene.removePlane(this),this.target=e,"Plane"===this.type&&this.renderer.scene.addPlane(this)):this.renderer.production||r(this.type+": Could not set the render target because the argument passed is not a RenderTarget class object",e)}setRenderOrder(e=0){(e=isNaN(e)?this.renderOrder:parseInt(e))!==this.renderOrder&&(this.renderOrder=e,this.renderer.scene.setPlaneRenderOrder(this))}createTexture(e={}){const t=new A(this.renderer,Object.assign(e,this._texturesOptions));return t.addParent(this),t}addTexture(e){e&&"Texture"===e.type?e.addParent(this):this.renderer.production||r(this.type+": cannot add ",e," to this "+this.type+" because it is not a valid texture")}loadSources(e,t={},s,i){for(let r=0;r<e.length;r++)this.loadSource(e[r],t,s,i)}loadSource(e,t={},s,i){this.loader.loadSource(e,Object.assign(t,this._texturesOptions),e=>{s&&s(e)},(e,t)=>{this.renderer.production||r(this.type+": this HTML tag could not be converted into a texture:",e.tagName),i&&i(e,t)})}loadImage(e,t={},s,i){this.loader.loadImage(e,Object.assign(t,this._texturesOptions),e=>{s&&s(e)},(e,t)=>{this.renderer.production||r(this.type+": There has been an error:\n",t,"\nwhile loading this image:\n",e),i&&i(e,t)})}loadVideo(e,t={},s,i){this.loader.loadVideo(e,Object.assign(t,this._texturesOptions),e=>{s&&s(e)},(e,t)=>{this.renderer.production||r(this.type+": There has been an error:\n",t,"\nwhile loading this video:\n",e),i&&i(e,t)})}loadCanvas(e,t={},s){this.loader.loadCanvas(e,Object.assign(t,this._texturesOptions),e=>{s&&s(e)})}loadImages(e,t={},s,i){for(let r=0;r<e.length;r++)this.loadImage(e[r],t,s,i)}loadVideos(e,t={},s,i){for(let r=0;r<e.length;r++)this.loadVideo(e[r],t,s,i)}loadCanvases(e,t={},s){for(let i=0;i<e.length;i++)this.loadCanvas(e[i],t,s)}playVideos(){for(let e=0;e<this.textures.length;e++){const t=this.textures[e];if("video"===t.sourceType){const e=t.source.play();void 0!==e&&e.catch(e=>{this.renderer.production||r(this.type+": Could not play the video : ",e)})}}}_draw(){this.renderer.setDepthTest(this._depthTest),this.renderer.setFaceCulling(this.cullFace),this._program.updateUniforms(),this._geometry.bindBuffers(),this.renderer.state.forceBufferUpdate=!1;for(let e=0;e<this.textures.length;e++)if(this.textures[e]._draw(),this.textures[e]._sampler.isActive&&!this.textures[e]._sampler.isTextureBound)return;this._geometry.draw(),this.renderer.state.activeTexture=null,this._onAfterRenderCallback&&this._onAfterRenderCallback()}onError(e){return e&&(this._onErrorCallback=e),this}onLoading(e){return e&&(this._onLoadingCallback=e),this}onReady(e){return e&&(this._onReadyCallback=e),this}onRender(e){return e&&(this._onRenderCallback=e),this}onAfterRender(e){return e&&(this._onAfterRenderCallback=e),this}remove(){this._canDraw=!1,this.target&&this.renderer.bindFrameBuffer(null),this._dispose(),"Plane"===this.type?this.renderer.removePlane(this):"ShaderPass"===this.type&&(this.target&&(this.target._shaderPass=null,this.target.remove(),this.target=null),this.renderer.removeShaderPass(this))}_dispose(){if(this.gl){this._geometry&&this._geometry.dispose(),this.target&&"ShaderPass"===this.type&&(this.renderer.removeRenderTarget(this.target),this.textures.shift());for(let e=0;e<this.textures.length;e++)this.textures[e]._dispose();this.textures=[]}}}const O=new S,z=new S;class L extends I{constructor(e,t,s="DOMMesh",{widthSegments:i,heightSegments:a,renderOrder:n,depthTest:o,cullFace:h,uniforms:l,vertexShaderID:d,fragmentShaderID:u,vertexShader:c,fragmentShader:p,texturesOptions:m,crossOrigin:g}={}){super(e,s,{widthSegments:i,heightSegments:a,renderOrder:n,depthTest:o,cullFace:h,uniforms:l,vertexShaderID:d=d||t&&t.getAttribute("data-vs-id"),fragmentShaderID:u=u||t&&t.getAttribute("data-fs-id"),vertexShader:c,fragmentShader:p,texturesOptions:m,crossOrigin:g}),this.gl&&(this.htmlElement=t,this.htmlElement&&0!==this.htmlElement.length||this.renderer.production||r(this.type+": The HTML element you specified does not currently exists in the DOM"),this._setDocumentSizes())}_setDocumentSizes(){let e=this.htmlElement.getBoundingClientRect();this._boundingRect||(this._boundingRect={}),this._boundingRect.document={width:e.width*this.renderer.pixelRatio,height:e.height*this.renderer.pixelRatio,top:e.top*this.renderer.pixelRatio,left:e.left*this.renderer.pixelRatio}}getBoundingRect(){return{width:this._boundingRect.document.width,height:this._boundingRect.document.height,top:this._boundingRect.document.top,left:this._boundingRect.document.left,right:this._boundingRect.document.left+this._boundingRect.document.width,bottom:this._boundingRect.document.top+this._boundingRect.document.height}}resize(){this._setDocumentSizes(),"Plane"===this.type&&(this.setPerspective(this.camera.fov,this.camera.near,this.camera.far),this._setWorldSizes(),this._applyWorldPositions());for(let e=0;e<this.textures.length;e++)this.textures[e].resize();this.renderer.nextRender.add(()=>this._onAfterResizeCallback&&this._onAfterResizeCallback())}mouseToPlaneCoords(e){const t=this.scale?this.scale:z.set(1,1),s=O.set((this._boundingRect.document.width-this._boundingRect.document.width*t.x)/2,(this._boundingRect.document.height-this._boundingRect.document.height*t.y)/2),i=this._boundingRect.document.width*t.x/this.renderer.pixelRatio,r=this._boundingRect.document.height*t.y/this.renderer.pixelRatio,a=(this._boundingRect.document.top+s.y)/this.renderer.pixelRatio,n=(this._boundingRect.document.left+s.x)/this.renderer.pixelRatio;return O.set((e.x-n)/i*2-1,1-(e.y-a)/r*2)}onAfterResize(e){return e&&(this._onAfterResizeCallback=e),this}}class U{constructor({fov:e=50,near:t=.1,far:s=150,width:i,height:r,pixelRatio:a=1}={}){this.position=new M,this.projectionMatrix=new R,this.worldMatrix=new R,this.viewMatrix=new R,this._shouldUpdate=!1,this.setSize(),this.setPerspective(e,t,s,i,r,a)}setFov(e){e=isNaN(e)?this.fov:parseFloat(e),(e=Math.max(1,Math.min(e,179)))!==this.fov&&(this.fov=e,this.setPosition(),this._shouldUpdate=!0),this.setCSSPerspective()}setNear(e){e=isNaN(e)?this.near:parseFloat(e),(e=Math.max(e,.01))!==this.near&&(this.near=e,this._shouldUpdate=!0)}setFar(e){e=isNaN(e)?this.far:parseFloat(e),(e=Math.max(e,50))!==this.far&&(this.far=e,this._shouldUpdate=!0)}setPixelRatio(e){e!==this.pixelRatio&&(this._shouldUpdate=!0),this.pixelRatio=e}setSize(e,t){e===this.width&&t===this.height||(this._shouldUpdate=!0),this.width=e,this.height=t}setPerspective(e,t,s,i,r,a){this.setPixelRatio(a),this.setSize(i,r),this.setFov(e),this.setNear(t),this.setFar(s),this._shouldUpdate&&this.updateProjectionMatrix()}setPosition(){this.position.set(0,0,1),this.worldMatrix.setFromArray([1,0,0,0,0,1,0,0,0,0,1,0,this.position.x,this.position.y,this.position.z,1]),this.viewMatrix=this.viewMatrix.copy(this.worldMatrix).getInverse()}setCSSPerspective(){this.CSSPerspective=Math.pow(Math.pow(this.width/(2*this.pixelRatio),2)+Math.pow(this.height/(2*this.pixelRatio),2),.5)/Math.tan(.5*this.fov*Math.PI/180)}getScreenRatiosFromFov(e=0){const t=this.position.z;e<t?e-=t:e+=t;const s=this.fov*Math.PI/180,i=2*Math.tan(s/2)*Math.abs(e);return{width:i*this.width/this.height,height:i}}updateProjectionMatrix(){const e=this.width/this.height,t=this.near*Math.tan(Math.PI/180*.5*this.fov),s=2*t,i=e*s,r=-.5*i,a=r+i,n=t-s,o=2*this.near/(a-r),h=2*this.near/(t-n),l=(a+r)/(a-r),d=(t+n)/(t-n),u=-(this.far+this.near)/(this.far-this.near),c=-2*this.far*this.near/(this.far-this.near);this.projectionMatrix.setFromArray([o,0,0,0,0,h,0,0,l,d,u,-1,0,0,c,0])}forceUpdate(){this._shouldUpdate=!0}cancelUpdate(){this._shouldUpdate=!1}}class V{constructor(e=new Float32Array([0,0,0,1]),t="XYZ"){this.type="Quat",this.elements=e,this.axisOrder=t}setFromArray(e){return this.elements[0]=e[0],this.elements[1]=e[1],this.elements[2]=e[2],this.elements[3]=e[3],this}setAxisOrder(e){switch(e=e.toUpperCase()){case"XYZ":case"YXZ":case"ZXY":case"ZYX":case"YZX":case"XZY":this.axisOrder=e;break;default:this.axisOrder="XYZ"}return this}copy(e){return this.elements=e.elements,this.axisOrder=e.axisOrder,this}clone(){return(new V).copy(this)}equals(e){return this.elements[0]===e.elements[0]&&this.elements[1]===e.elements[1]&&this.elements[2]===e.elements[2]&&this.elements[3]===e.elements[3]&&this.axisOrder===e.axisOrder}setFromVec3(e){const t=.5*e.x,s=.5*e.y,i=.5*e.z,r=Math.cos(t),a=Math.cos(s),n=Math.cos(i),o=Math.sin(t),h=Math.sin(s),l=Math.sin(i);return"XYZ"===this.axisOrder?(this.elements[0]=o*a*n+r*h*l,this.elements[1]=r*h*n-o*a*l,this.elements[2]=r*a*l+o*h*n,this.elements[3]=r*a*n-o*h*l):"YXZ"===this.axisOrder?(this.elements[0]=o*a*n+r*h*l,this.elements[1]=r*h*n-o*a*l,this.elements[2]=r*a*l-o*h*n,this.elements[3]=r*a*n+o*h*l):"ZXY"===this.axisOrder?(this.elements[0]=o*a*n-r*h*l,this.elements[1]=r*h*n+o*a*l,this.elements[2]=r*a*l+o*h*n,this.elements[3]=r*a*n-o*h*l):"ZYX"===this.axisOrder?(this.elements[0]=o*a*n-r*h*l,this.elements[1]=r*h*n+o*a*l,this.elements[2]=r*a*l-o*h*n,this.elements[3]=r*a*n+o*h*l):"YZX"===this.axisOrder?(this.elements[0]=o*a*n+r*h*l,this.elements[1]=r*h*n+o*a*l,this.elements[2]=r*a*l-o*h*n,this.elements[3]=r*a*n-o*h*l):"XZY"===this.axisOrder&&(this.elements[0]=o*a*n-r*h*l,this.elements[1]=r*h*n-o*a*l,this.elements[2]=r*a*l+o*h*n,this.elements[3]=r*a*n+o*h*l),this}}const B=new S,W=new M,N=new M,H=new M,j=new M,G=new M,X=new M,Y=new M,q=new M,$=new V,Z=new M(.5,.5,0),Q=new M,J=new M,K=new M,ee=new M,te=new S;class se extends L{constructor(e,t,{widthSegments:s,heightSegments:i,renderOrder:r,depthTest:a,cullFace:n,uniforms:o,vertexShaderID:h,fragmentShaderID:l,vertexShader:d,fragmentShader:u,texturesOptions:c,crossOrigin:p,alwaysDraw:m=!1,visible:g=!0,transparent:f=!1,drawCheckMargins:_={top:0,right:0,bottom:0,left:0},autoloadSources:x=!0,watchScroll:v=!0,fov:y=50}={}){super(e,t,"Plane",{widthSegments:s,heightSegments:i,renderOrder:r,depthTest:a,cullFace:n,uniforms:o,vertexShaderID:h,fragmentShaderID:l,vertexShader:d,fragmentShader:u,texturesOptions:c,crossOrigin:p}),this.gl&&(this.index=this.renderer.planes.length,this.target=null,this.alwaysDraw=m,this._shouldDraw=!0,this.visible=g,this._transparent=f,this.drawCheckMargins=_,this.autoloadSources=x,this.watchScroll=v,this._updateMVMatrix=!1,this.camera=new U({fov:y,width:this.renderer._boundingRect.width,height:this.renderer._boundingRect.height,pixelRatio:this.renderer.pixelRatio}),this._program.compiled&&(this._initPlane(),this.renderer.scene.addPlane(this),this.renderer.planes.push(this)))}_programRestored(){this.target&&this.setRenderTarget(this.renderer.renderTargets[this.target.index]),this._initMatrices(),this.setPerspective(this.camera.fov,this.camera.near,this.camera.far),this._setWorldSizes(),this._applyWorldPositions(),this.renderer.scene.addPlane(this);for(let e=0;e<this.textures.length;e++)this.textures[e]._parent=this,this.textures[e]._restoreContext();this._canDraw=!0}_initPlane(){this._initTransformValues(),this._initPositions(),this.setPerspective(this.camera.fov,this.camera.near,this.camera.far),this._initSources()}_initTransformValues(){this.rotation=new M,this.rotation.onChange(()=>this._applyRotation()),this.quaternion=new V,this.relativeTranslation=new M,this.relativeTranslation.onChange(()=>this._setTranslation()),this._translation=new M,this.scale=new M(1),this.scale.onChange(()=>{this.scale.z=1,this._applyScale()}),this.transformOrigin=new M(.5,.5,0),this.transformOrigin.onChange(()=>{this._setWorldTransformOrigin(),this._updateMVMatrix=!0})}resetPlane(e){this._initTransformValues(),this._setWorldTransformOrigin(),null!==e&&e?(this.htmlElement=e,this.resize()):e||this.renderer.production||r(this.type+": You are trying to reset a plane with a HTML element that does not exist. The old HTML element will be kept instead.")}removeRenderTarget(){this.target&&(this.renderer.scene.removePlane(this),this.target=null,this.renderer.scene.addPlane(this))}_initPositions(){this._initMatrices(),this._setWorldSizes(),this._applyWorldPositions()}_initMatrices(){const e=new R;this._matrices={world:{matrix:e},modelView:{name:"uMVMatrix",matrix:e,location:this.gl.getUniformLocation(this._program.program,"uMVMatrix")},projection:{name:"uPMatrix",matrix:e,location:this.gl.getUniformLocation(this._program.program,"uPMatrix")},modelViewProjection:{matrix:e}}}_setPerspectiveMatrix(){this.camera._shouldUpdate&&(this.renderer.useProgram(this._program),this.gl.uniformMatrix4fv(this._matrices.projection.location,!1,this._matrices.projection.matrix.elements)),this.camera.cancelUpdate()}setPerspective(e,t,s){this.camera.setPerspective(e,t,s,this.renderer._boundingRect.width,this.renderer._boundingRect.height,this.renderer.pixelRatio),this.renderer.state.isContextLost&&this.camera.forceUpdate(),this._matrices.projection.matrix=this.camera.projectionMatrix,this.camera._shouldUpdate&&(this._setWorldSizes(),this._applyWorldPositions(),this._translation.z=this.relativeTranslation.z/this.camera.CSSPerspective),this._updateMVMatrix=this.camera._shouldUpdate}_setMVMatrix(){this._updateMVMatrix&&(this._matrices.world.matrix=this._matrices.world.matrix.composeFromOrigin(this._translation,this.quaternion,this.scale,this._boundingRect.world.transformOrigin),this._matrices.world.matrix.scale({x:this._boundingRect.world.width,y:this._boundingRect.world.height,z:1}),this._matrices.modelView.matrix.copy(this._matrices.world.matrix),this._matrices.modelView.matrix.elements[14]-=this.camera.position.z,this._matrices.modelViewProjection.matrix=this._matrices.projection.matrix.multiply(this._matrices.modelView.matrix),this.alwaysDraw||this._shouldDrawCheck(),this.renderer.useProgram(this._program),this.gl.uniformMatrix4fv(this._matrices.modelView.location,!1,this._matrices.modelView.matrix.elements)),this._updateMVMatrix=!1}_setWorldTransformOrigin(){this._boundingRect.world.transformOrigin=new M((2*this.transformOrigin.x-1)*this._boundingRect.world.width,-(2*this.transformOrigin.y-1)*this._boundingRect.world.height,this.transformOrigin.z)}_documentToWorldSpace(e){return N.set(e.x*this.renderer.pixelRatio/this.renderer._boundingRect.width*this._boundingRect.world.ratios.width,-e.y*this.renderer.pixelRatio/this.renderer._boundingRect.height*this._boundingRect.world.ratios.height,e.z)}_setWorldSizes(){const e=this.camera.getScreenRatiosFromFov();this._boundingRect.world={width:this._boundingRect.document.width/this.renderer._boundingRect.width*e.width/2,height:this._boundingRect.document.height/this.renderer._boundingRect.height*e.height/2,ratios:e},this._setWorldTransformOrigin()}_setWorldPosition(){const e=this._boundingRect.document.width/2+this._boundingRect.document.left,t=this._boundingRect.document.height/2+this._boundingRect.document.top,s=this.renderer._boundingRect.width/2+this.renderer._boundingRect.left,i=this.renderer._boundingRect.height/2+this.renderer._boundingRect.top;this._boundingRect.world.top=(i-t)/this.renderer._boundingRect.height*this._boundingRect.world.ratios.height,this._boundingRect.world.left=(e-s)/this.renderer._boundingRect.width*this._boundingRect.world.ratios.width}setScale(e){e.type&&"Vec2"===e.type?(e.sanitizeNaNValuesWith(this.scale).max(B.set(.001,.001)),e.x===this.scale.x&&e.y===this.scale.y||(this.scale.set(e.x,e.y,1),this._applyScale())):this.renderer.production||r(this.type+": Cannot set scale because the parameter passed is not of Vec2 type:",e)}_applyScale(){for(let e=0;e<this.textures.length;e++)this.textures[e].resize();this._updateMVMatrix=!0}setRotation(e){e.type&&"Vec3"===e.type?(e.sanitizeNaNValuesWith(this.rotation),e.equals(this.rotation)||(this.rotation.copy(e),this._applyRotation())):this.renderer.production||r(this.type+": Cannot set rotation because the parameter passed is not of Vec3 type:",e)}_applyRotation(){this.quaternion.setFromVec3(this.rotation),this._updateMVMatrix=!0}setTransformOrigin(e){e.type&&"Vec3"===e.type?(e.sanitizeNaNValuesWith(this.transformOrigin),e.equals(this.transformOrigin)||(this.transformOrigin.copy(e),this._setWorldTransformOrigin(),this._updateMVMatrix=!0)):this.renderer.production||r(this.type+": Cannot set transform origin because the parameter passed is not of Vec3 type:",e)}_setTranslation(){let e=W.set(0,0,0);this.relativeTranslation.equals(e)||(e=this._documentToWorldSpace(this.relativeTranslation)),this._translation.set(this._boundingRect.world.left+e.x,this._boundingRect.world.top+e.y,this.relativeTranslation.z/this.camera.CSSPerspective),this._updateMVMatrix=!0}setRelativeTranslation(e){e.type&&"Vec3"===e.type?(e.sanitizeNaNValuesWith(this.relativeTranslation),e.equals(this.relativeTranslation)||(this.relativeTranslation.copy(e),this._setTranslation())):this.renderer.production||r(this.type+": Cannot set translation because the parameter passed is not of Vec3 type:",e)}_applyWorldPositions(){this._setWorldPosition(),this._setTranslation()}updatePosition(){this._setDocumentSizes(),this._applyWorldPositions()}updateScrollPosition(e,t){(e||t)&&(this._boundingRect.document.top+=t*this.renderer.pixelRatio,this._boundingRect.document.left+=e*this.renderer.pixelRatio,this._applyWorldPositions())}_getIntersection(e,t){let s=t.clone().sub(e),i=e.clone();for(;i.z>-1;)i.add(s);return i}_getNearPlaneIntersections(e,t,s){const i=this._matrices.modelViewProjection.matrix;if(1===s.length)0===s[0]?(t[0]=this._getIntersection(t[1],Y.set(.95,1,0).applyMat4(i)),t.push(this._getIntersection(t[3],q.set(-1,-.95,0).applyMat4(i)))):1===s[0]?(t[1]=this._getIntersection(t[0],Y.set(-.95,1,0).applyMat4(i)),t.push(this._getIntersection(t[2],q.set(1,-.95,0).applyMat4(i)))):2===s[0]?(t[2]=this._getIntersection(t[3],Y.set(-.95,-1,0).applyMat4(i)),t.push(this._getIntersection(t[1],q.set(1,.95,0).applyMat4(i)))):3===s[0]&&(t[3]=this._getIntersection(t[2],Y.set(.95,-1,0).applyMat4(i)),t.push(this._getIntersection(t[0],q.set(-1,.95,0).applyMat4(i))));else if(2===s.length)0===s[0]&&1===s[1]?(t[0]=this._getIntersection(t[3],Y.set(-1,-.95,0).applyMat4(i)),t[1]=this._getIntersection(t[2],q.set(1,-.95,0).applyMat4(i))):1===s[0]&&2===s[1]?(t[1]=this._getIntersection(t[0],Y.set(-.95,1,0).applyMat4(i)),t[2]=this._getIntersection(t[3],q.set(-.95,-1,0).applyMat4(i))):2===s[0]&&3===s[1]?(t[2]=this._getIntersection(t[1],Y.set(1,.95,0).applyMat4(i)),t[3]=this._getIntersection(t[0],q.set(-1,.95,0).applyMat4(i))):0===s[0]&&3===s[1]&&(t[0]=this._getIntersection(t[1],Y.set(.95,1,0).applyMat4(i)),t[3]=this._getIntersection(t[2],q.set(.95,-1,0).applyMat4(i)));else if(3===s.length){let r=0;for(let t=0;t<e.length;t++)s.includes(t)||(r=t);t=[t[r]],0===r?(t.push(this._getIntersection(t[0],Y.set(-.95,1,0).applyMat4(i))),t.push(this._getIntersection(t[0],q.set(-1,.95,0).applyMat4(i)))):1===r?(t.push(this._getIntersection(t[0],Y.set(.95,1,0).applyMat4(i))),t.push(this._getIntersection(t[0],q.set(1,.95,0).applyMat4(i)))):2===r?(t.push(this._getIntersection(t[0],Y.set(.95,-1,0).applyMat4(i))),t.push(this._getIntersection(t[0],q.set(1,-.95,0).applyMat4(i)))):3===r&&(t.push(this._getIntersection(t[0],Y.set(-.95,-1,0).applyMat4(i))),t.push(this._getIntersection(t[0],q.set(-1.95,0).applyMat4(i))))}else for(let r=0;r<e.length;r++)t[r][0]=1e4,t[r][1]=1e4;return t}_getWorldCoords(){const e=[H.set(-1,1,0),j.set(1,1,0),G.set(1,-1,0),X.set(-1,-1,0)];let t=[],s=[];for(let o=0;o<e.length;o++){const i=e[o].applyMat4(this._matrices.modelViewProjection.matrix);t.push(i),Math.abs(i.z)>1&&s.push(o)}s.length&&(t=this._getNearPlaneIntersections(e,t,s));let i=1/0,r=-1/0,a=1/0,n=-1/0;for(let o=0;o<t.length;o++){const e=t[o];e.x<i&&(i=e.x),e.x>r&&(r=e.x),e.y<a&&(a=e.y),e.y>n&&(n=e.y)}return{top:n,right:r,bottom:a,left:i}}_computeWebGLBoundingRect(){const e=this._getWorldCoords();let t={top:1-(e.top+1)/2,right:(e.right+1)/2,bottom:1-(e.bottom+1)/2,left:(e.left+1)/2};t.width=t.right-t.left,t.height=t.bottom-t.top,this._boundingRect.worldToDocument={width:t.width*this.renderer._boundingRect.width,height:t.height*this.renderer._boundingRect.height,top:t.top*this.renderer._boundingRect.height+this.renderer._boundingRect.top,left:t.left*this.renderer._boundingRect.width+this.renderer._boundingRect.left,right:t.left*this.renderer._boundingRect.width+this.renderer._boundingRect.left+t.width*this.renderer._boundingRect.width,bottom:t.top*this.renderer._boundingRect.height+this.renderer._boundingRect.top+t.height*this.renderer._boundingRect.height}}getWebGLBoundingRect(){return this._matrices.modelViewProjection?(this._boundingRect.worldToDocument&&!this.alwaysDraw||this._computeWebGLBoundingRect(),this._boundingRect.worldToDocument):this._boundingRect.document}_getWebGLDrawRect(){return this._computeWebGLBoundingRect(),{top:this._boundingRect.worldToDocument.top-this.drawCheckMargins.top,right:this._boundingRect.worldToDocument.right+this.drawCheckMargins.right,bottom:this._boundingRect.worldToDocument.bottom+this.drawCheckMargins.bottom,left:this._boundingRect.worldToDocument.left-this.drawCheckMargins.left}}_shouldDrawCheck(){const e=this._getWebGLDrawRect();Math.round(e.right)<=this.renderer._boundingRect.left||Math.round(e.left)>=this.renderer._boundingRect.left+this.renderer._boundingRect.width||Math.round(e.bottom)<=this.renderer._boundingRect.top||Math.round(e.top)>=this.renderer._boundingRect.top+this.renderer._boundingRect.height?this._shouldDraw&&(this._shouldDraw=!1,this.renderer.nextRender.add(()=>this._onLeaveViewCallback&&this._onLeaveViewCallback())):(this._shouldDraw||this.renderer.nextRender.add(()=>this._onReEnterViewCallback&&this._onReEnterViewCallback()),this._shouldDraw=!0)}isDrawn(){return this._canDraw&&this.visible&&(this._shouldDraw||this.alwaysDraw)}enableDepthTest(e){this._depthTest=e}_initSources(){let e=0;if(this.autoloadSources){const t=this.htmlElement.getElementsByTagName("img"),s=this.htmlElement.getElementsByTagName("video"),i=this.htmlElement.getElementsByTagName("canvas");t.length&&this.loadImages(t),s.length&&this.loadVideos(s),i.length&&this.loadCanvases(i),e=t.length+s.length+i.length}this.loader._setLoaderSize(e),this._canDraw=!0}_startDrawing(){this._canDraw&&(this._onRenderCallback&&this._onRenderCallback(),this.target?this.renderer.bindFrameBuffer(this.target):null===this.renderer.state.scenePassIndex&&this.renderer.bindFrameBuffer(null),this._setPerspectiveMatrix(),this._setMVMatrix(),(this.alwaysDraw||this._shouldDraw)&&this.visible&&this._draw())}mouseToPlaneCoords(e){if($.setAxisOrder(this.quaternion.axisOrder),$.equals(this.quaternion)&&Z.equals(this.transformOrigin))return super.mouseToPlaneCoords(e);{const t={x:e.x/(this.renderer._boundingRect.width/this.renderer.pixelRatio)*2-1,y:2*(1-e.y/(this.renderer._boundingRect.height/this.renderer.pixelRatio))-1},s=this.camera.position.clone(),i=Q.set(t.x,t.y,-.5);i.unproject(this.camera),i.sub(s).normalize();const r=J.set(0,0,-1);r.applyQuat(this.quaternion).normalize();const a=ee.set(0,0,0),n=r.dot(i);if(Math.abs(n)>=1e-4){const e=this._matrices.world.matrix.getInverse().multiply(this.camera.viewMatrix),t=this._boundingRect.world.transformOrigin.clone().add(this._translation),o=K.set(this._translation.x-t.x,this._translation.y-t.y,this._translation.z-t.z);o.applyQuat(this.quaternion),t.add(o);const h=r.dot(t.clone().sub(s))/n;a.copy(s.add(i.multiplyScalar(h))),a.applyMat4(e)}else a.set(1/0,1/0,1/0);return te.set(a.x,a.y)}}onReEnterView(e){return e&&(this._onReEnterViewCallback=e),this}onLeaveView(e){return e&&(this._onLeaveViewCallback=e),this}}class ie{constructor(e,{shaderPass:t,depth:s=!1,clear:i=!0,maxWidth:r,maxHeight:o,minWidth:h=1024,minHeight:l=1024,texturesOptions:d={}}={}){if(this.type="RenderTarget",(e=e&&e.renderer||e)&&"Renderer"===e.type){if(!e.gl)return void(e.production||a(this.type+": Unable to create a "+this.type+" because the Renderer WebGL context is not defined"))}else a(this.type+": Renderer not passed as first argument",e);this.renderer=e,this.gl=this.renderer.gl,this.index=this.renderer.renderTargets.length,this._shaderPass=t,this._depth=s,this._shouldClear=i,this._maxSize={width:r?Math.min(this.renderer.state.maxTextureSize/4,r):this.renderer.state.maxTextureSize/4,height:o?Math.min(this.renderer.state.maxTextureSize/4,o):this.renderer.state.maxTextureSize/4},this._minSize={width:h*this.renderer.pixelRatio,height:l*this.renderer.pixelRatio},d=Object.assign({sampler:"uRenderTexture",isFBOTexture:!0,premultiplyAlpha:!1,anisotropy:1,generateMipmap:!1,floatingPoint:"none",wrapS:this.gl.CLAMP_TO_EDGE,wrapT:this.gl.CLAMP_TO_EDGE,minFilter:this.gl.LINEAR,magFilter:this.gl.LINEAR},d),this._texturesOptions=d,this.userData={},this.uuid=n(),this.renderer.renderTargets.push(this),this.renderer.onSceneChange(),this._initRenderTarget()}_initRenderTarget(){this._setSize(),this.textures=[],this._createFrameBuffer()}_restoreContext(){this._setSize(),this._createFrameBuffer()}_setSize(){this._shaderPass&&this._shaderPass._isScenePass?this._size={width:this.renderer._boundingRect.width,height:this.renderer._boundingRect.height}:this._size={width:Math.min(this._maxSize.width,Math.max(this._minSize.width,this.renderer._boundingRect.width)),height:Math.min(this._maxSize.height,Math.max(this._minSize.height,this.renderer._boundingRect.height))}}resize(){this._shaderPass&&(this._setSize(),this.textures[0].resize(),this.renderer.bindFrameBuffer(this,!0),this._depth&&this._bindDepthBuffer(),this.renderer.bindFrameBuffer(null))}_bindDepthBuffer(){this._depthBuffer&&(this.gl.bindRenderbuffer(this.gl.RENDERBUFFER,this._depthBuffer),this.gl.renderbufferStorage(this.gl.RENDERBUFFER,this.gl.DEPTH_COMPONENT16,this._size.width,this._size.height),this.gl.framebufferRenderbuffer(this.gl.FRAMEBUFFER,this.gl.DEPTH_ATTACHMENT,this.gl.RENDERBUFFER,this._depthBuffer))}_createFrameBuffer(){if(this._frameBuffer=this.gl.createFramebuffer(),this.renderer.bindFrameBuffer(this,!0),this.textures.length)this.textures[0]._parent=this,this.textures[0]._restoreContext();else{new A(this.renderer,this._texturesOptions).addParent(this)}this.gl.framebufferTexture2D(this.gl.FRAMEBUFFER,this.gl.COLOR_ATTACHMENT0,this.gl.TEXTURE_2D,this.textures[0]._sampler.texture,0),this._depth&&(this._depthBuffer=this.gl.createRenderbuffer(),this._bindDepthBuffer()),this.renderer.bindFrameBuffer(null)}getTexture(){return this.textures[0]}remove(){this._shaderPass?this.renderer.production||r(this.type+": You're trying to remove a RenderTarget attached to a ShaderPass. You should remove that ShaderPass instead:",this._shaderPass):(this._dispose(),this.renderer.removeRenderTarget(this))}_dispose(){this._frameBuffer&&(this.gl.deleteFramebuffer(this._frameBuffer),this._frameBuffer=null),this._depthBuffer&&(this.gl.deleteRenderbuffer(this._depthBuffer),this._depthBuffer=null),this.textures[0]._dispose(),this.textures=[]}}class re extends se{constructor(e,t,{sampler:s="uPingPongTexture",widthSegments:i,heightSegments:r,renderOrder:a,depthTest:n,cullFace:o,uniforms:h,vertexShaderID:l,fragmentShaderID:d,vertexShader:u,fragmentShader:c,texturesOptions:p,crossOrigin:m,alwaysDraw:g,visible:f,transparent:_,drawCheckMargins:x,autoloadSources:v,watchScroll:y,fov:b}={}){if(super(e,t,{widthSegments:i,heightSegments:r,renderOrder:a,depthTest:false,cullFace:o,uniforms:h,vertexShaderID:l,fragmentShaderID:d,vertexShader:u,fragmentShader:c,texturesOptions:p,crossOrigin:m,alwaysDraw:g,visible:f,transparent:_,drawCheckMargins:x,autoloadSources:false,watchScroll:y,fov:b}),!this.gl)return;this.renderer.scene.removePlane(this),this.type="PingPongPlane",this.renderer.scene.addPlane(this),this.readPass=new ie(e,{depth:!1,clear:!1,texturesOptions:p}),this.writePass=new ie(e,{depth:!1,clear:!1,texturesOptions:p}),this.createTexture({sampler:s});let P=0;this.readPass.getTexture().onSourceUploaded(()=>{P++,this._checkIfReady(P)}),this.writePass.getTexture().onSourceUploaded(()=>{P++,this._checkIfReady(P)}),this.setRenderTarget(this.readPass),this._onRenderCallback=()=>{this.readPass&&this.writePass&&this.textures[0]&&this.textures[0]._uploaded&&this.setRenderTarget(this.writePass),this._onPingPongRenderCallback&&this._onPingPongRenderCallback()},this._onAfterRenderCallback=()=>{this.readPass&&this.writePass&&this.textures[0]&&this.textures[0]._uploaded&&this._swapPasses(),this._onPingPongAfterRenderCallback&&this._onPingPongAfterRenderCallback()}}_checkIfReady(e){2===e&&this.renderer.nextRender.add(()=>{this.textures[0].copy(this.target.getTexture())})}_swapPasses(){const e=this.readPass;this.readPass=this.writePass,this.writePass=e,this.textures[0].copy(this.readPass.getTexture())}getTexture(){return this.textures[0]}onRender(e){return e&&(this._onPingPongRenderCallback=e),this}onAfterRender(e){return e&&(this._onPingPongAfterRenderCallback=e),this}remove(){this.target=null,this.renderer.bindFrameBuffer(null),this.writePass&&(this.writePass.remove(),this.writePass=null),this.readPass&&(this.readPass.remove(),this.readPass=null),super.remove()}}let ae,ne,oe,he,le=!1,de=window.innerHeight||document.documentElement.clientHeight,ue=window.innerWidth||document.documentElement.clientWidth,ce=window.scrollY||window.pageYOffset,pe=0,me=0,ge=0;const fe=.001;function _e(e){return window.atob(e)}function xe(){return"id-"+Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)}function ve(e,t,s,i,r){if(s.length>1){let a,n=i?2*+i*Math.PI:0,o=t.width/2,h=t.height/2,l=t.width/2,d=t.height/2;if("radial"===r){const t=Math.max(l,d);a=e.createRadialGradient(o,h,t,o,h,0)}const u=Math.cos(n)*l,c=Math.sin(n)*d;if("linear"===r&&(a=e.createLinearGradient(o-u,h-c,o+u,h+c)),"conic"===r){a=e.createConicGradient(-Math.PI+n,o,h);const t=[...s,...s.slice().reverse()];t.forEach((e,s)=>{a.addColorStop(s*(1/(t.length-1)),e)})}else s.forEach((e,t)=>{a.addColorStop(t*(1/(s.length-1)),e)});return a}return s[0]}function ye(e){const t={linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e**4,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e**4:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e**5,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e**5:1-Math.pow(-2*e+2,5)/2,easeOutElastic:e=>{const t=2*Math.PI/3;return 0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*t)+1},easeInElastic:e=>{const t=2*Math.PI/3;return 0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*t)},easeInOutElastic:e=>{const t=2*Math.PI/4.5;return 0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*t)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*t)/2+1},easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInCirc:e=>1-Math.sqrt(1-e**2),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-(2*e)**2))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInExpo:e=>0===e?0:Math.pow(2,10*e-10),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>0===e?0:1===e?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInBack:e=>{const t=1.70158;return(t+1)*e*e*e-t*e*e},easeOutBack:e=>{const t=1.70158;return 1+(t+1)*Math.pow(e-1,3)+t*Math.pow(e-1,2)},easeInOutBack:e=>{const t=2.5949095;return e<.5?Math.pow(2*e,2)*(7.189819*e-t)/2:(Math.pow(2*e-2,2)*((t+1)*(2*e-2)+t)+2)/2}};if(t[e])return t[e];if("string"==typeof e&&(e.includes("=>")||e.includes("function")||e.includes("x"))){const t=new Function("return "+e)();if(t)return t}return t.linear}function be(e){return e&&"string"==typeof e&&(e=JSON.parse(e)),Object.values(e)}function Pe(e,t,s){for(let i=0;i<s;i++)e=(e+t)/2;return+((e+t)/2).toFixed(4)}function we(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}function Te(e,t){return e.getAttribute(t)}function Re(e){if(void 0!==e.local.isDynamicCache)return e.local.isDynamicCache;const t=["trackMouse","axisTilt","trackMouseMove","rotationTracking","lightTracking"].some(t=>e.hasOwnProperty(t)&&0!==e[t]),s=e.states&&[...e.states.appear,...e.states.scroll,...e.states.hover].length>0,i=("effect"===e.layerType||e.isModel)&&(e.animating||e.usesPingPong),r="video"===e.type,a=t||s||i||r;return e.local.isDynamicCache=a,a}function Se(e,t){if(e.noTextAsHtml)return;if(!t)return;let s="fixed"===e.widthMode?e.width:e.width*t.offsetWidth,i=e.height,r="fixed"===e.fontSizeMode?e.fontSize:e.fontSize*t.offsetWidth,a="fixed"===e.fontSizeMode?e.lineHeight:e.lineHeight*r,n="fixed"===e.fontSizeMode?e.letterSpacing:e.letterSpacing*r,o="fixed"===e.topMode?e.top:e.top*t.offsetHeight,h="fixed"===e.leftMode?e.left:e.left*t.offsetWidth,l=Le(e.anchorPoint);h-=l.x*s,o-=l.y*i,o+=t.offsetTop,h+=t.offsetLeft;const d=document.querySelector(`[data-us-text="${e.local.id}"]`),u=d||document.createElement("div");u.setAttribute("data-us-text",e.local.id),u.style.cssText=`width:${s}px;top:${o}px;left:${h}px;font-size:${r}px;line-height:${a}px;letter-spacing:${n}px;font-family:${e.fontFamily};font-weight:${e.fontWeight};text-align:${e.textAlign};position:absolute;word-break:break-word;transform:rotateZ(${Math.round(360*e.rotation)}deg);color:transparent;z-index:2;`,u.innerText=e.textContent,d||t.appendChild(u)}function Me(){Qe.filter(e=>!document.body.contains(e.element)).forEach(e=>{e.curtain&&e.curtain.dispose();const t=Qe.indexOf(e);-1!==t&&Qe.splice(t,1)})}function Ee(){cancelAnimationFrame(oe);let e=Qe.filter(e=>!e.destroyed&&e.getDynamicLayers().length>0);const t=s=>{let i=!1;e.forEach(e=>{e.destroyed||(e.isInView&&e.initialized?(e.rendering=!0,s-(e.lastTime||0)>=e.frameDuration&&!e.paused&&(e.renderFrame(),e.lastTime=s),i=!0):e.rendering=!1)}),(!ge||s-ge>64)&&(ce=window.scrollY||window.pageYOffset,me=ce-pe,pe=ce,ge=s,(me>1e3||me<0&&!pe&&!ce)&&Ye()),i?(!function(){let e=performance.now();Qe.forEach(t=>{var s,i,r,a,n,o;if(t.isInView&&(null==(i=null==(s=t.curtain)?void 0:s.planes)?void 0:i.find(e=>e.uniforms.mousePos)))if(we()&&(null==(a=null==(r=t.interactivity)?void 0:r.mouse)?void 0:a.disableMobile)||(null==(o=null==(n=t.interactivity)?void 0:n.mouse)?void 0:o.disabled));else{t.mouse.pos.y=t.mouse.movePos.y,t.mouse.pos.x=t.mouse.movePos.x,t.mouse.lastPos.x=t.mouse.pos.x,t.mouse.lastPos.y=t.mouse.pos.y;let s=t.isFixed?t.bbox.top:t.bbox.top+t.scrollY,i=t.bbox.left;t.mouse.page.x>i&&t.mouse.page.y>s&&t.mouse.page.x<t.lastBbox.width+i&&t.mouse.page.y<t.lastBbox.height+s?t.mouse.enterTime||(t.mouse.enterTime=e):t.mouse.enterTime=null}})}(),oe=requestAnimationFrame(t)):cancelAnimationFrame(oe)};e.length?oe=requestAnimationFrame(t):cancelAnimationFrame(oe)}function Ce(e,t,s){return"Vec3"===(null==e?void 0:e.type)&&"Vec3"===(null==t?void 0:t.type)?{type:"Vec3",x:e._x+(t._x-e._x)*s,y:e._y+(t._y-e._y)*s,z:e._z+(t._z-e._z)*s}:"Vec2"===(null==e?void 0:e.type)&&"Vec2"===(null==t?void 0:t.type)?{type:"Vec2",x:e._x+(t._x-e._x)*s,y:e._y+(t._y-e._y)*s}:e+(t-e)*s}function ke(e,t){return"Vec2"===e.type?e=new S(e._x,e._y):"Vec3"===e.type&&(e=new M(e._x,e._y,e._z)),e}function Ae(e,t,s){(null==e?void 0:e.type)&&("Vec2"===(null==e?void 0:e.type)||"Vec3"===(null==e?void 0:e.type))?(t.value.x=e.x,t.value.y="pos"===s?1-e.y:e.y,"Vec3"===e.type&&(t.value.z=e.z)):t.value=e}function Fe(e,t,s){e.createTexture({sampler:t,premultiplyAlpha:!0,fromTexture:s})}void 0!==document.hidden?(ae="hidden",ne="visibilitychange"):void 0!==document.msHidden?(ae="msHidden",ne="msvisibilitychange"):void 0!==document.webkitHidden&&(ae="webkitHidden",ne="webkitvisibilitychange");class De{constructor({prop:e,value:t,endValue:i,transition:r,breakpoints:a,uniformData:n,loop:o="none",loopDelay:h=0}){s(this,"id",xe()),this.prop=e,this.transition=r,this.complete=!1,this.progress=0,this.uniformData=n,this.value=ke(t),this.endValue=void 0!==i?ke(i||0):null,this.lastTick=void 0,this.initialized=!1,this.startTime=null,this.breakpoints=a||[],this.loop=o,this.loopDelay=h,this.easeFunction=ye(this.transition.ease)}updateEffect(e,t){if(void 0===(e=this.endValue??e))return!1;const s=performance.now(),i=s-((this.startTime||t)+this.transition.delay);if(i<0)return!1;if("none"!==this.loop){const t=this.transition.duration+this.loopDelay,r=i%t;if(r>this.transition.duration)return!1;const a=r/this.transition.duration,n=Math.floor(i/t);let o=a;return"reverse"===this.loop&&n%2==1&&(o=1-a),this.progress=this.easeFunction(o),this.lastTick=s,Ce(this.value,e,this.progress)}const r=Math.max(0,Math.min(1,i/this.transition.duration));return this.progress=this.easeFunction(r),0!==this.progress&&(r>=1?(this.complete=!0,this.progress=0,e):(this.lastTick=s,!this.complete&&Ce(this.value,e,this.progress)))}resetState(){this.progress=0,this.complete=!1,this.lastTick=void 0,this.initialized=!1}}class Ie{constructor({prop:e,value:t,range:i,offset:r,momentum:a,uniformData:n,mode:o="scrollIntoView",delta:h=.01,absScrollValue:l=!0,breakpoints:d=[]}){s(this,"id",xe()),this.prop=e,this.progress=0,this.momentum=a,this.range=i,this.offset=r,this.mode=o,this.delta=h,this.absScrollValue=l,this.uniformData=n,this.value=ke(t),this.lastTick=void 0,this.breakpoints=d||[]}updateEffect(e,{top:t,height:s,isFixed:i}){if(void 0===e)return!1;if(i&&(t-=ce),"scrollIntoView"===this.mode){const i=t+ce-de*this.offset,r=i+(de+s)*this.range;let a=(ce-i)/(r-i),n=Math.max(0,Math.min(1,a));return!(void 0!==this.lastTick&&(n=Pe(n,this.lastTick,2*this.momentum),Math.abs(this.lastTick-n)<fe))&&(this.lastTick=n,Ce(e,this.value,n))}if("whileScrolling"===this.mode){let t=me*this.delta;return this.absScrollValue&&(t=Math.abs(t)),void 0!==this.lastTick&&(t=Pe(t,this.lastTick,2*this.momentum),Math.abs(t)<fe)?!1:(this.lastScrollPos=ce,this.lastTick=t,Ce(e,this.value,t))}return!1}resetState(){this.lastTick=void 0}}class Oe{constructor({prop:e,value:t,transition:i,breakpoints:r,uniformData:a,triggerOnElement:n}){s(this,"id",xe()),this.prop=e,this.transition=i,this.progress=0,this.rawProgress=0,this.lastProgress=null,this.value=ke(t),this.uniformData=a,this.triggerOnElement=void 0!==n?n:1,this.breakpoints=r||[],this.easeFunction=ye(this.transition.ease)}updateEffect(e,t,s){var i;if(void 0===e)return!1;const r=null==(i=null==s?void 0:s.getParent)?void 0:i.call(s),a=performance.now();if(this.triggerOnElement&&((null==s?void 0:s.isElement)||r)){let e=(r||s).isHovered();t=e&&!this.lastEnterTime?a:e?this.lastEnterTime:null}const n=null===t,o=(a-(n?this.lastTick||a:t+this.transition.delay))/this.transition.duration,h=Math.max(0,Math.min(1,o));n?this.rawProgress=Math.max(0,this.rawProgress-h):(this.lastEnterTime!==t&&(this.lastProgress=this.rawProgress||0),this.rawProgress=Math.min(1,this.lastProgress+h));const l=this.easeFunction(this.rawProgress),d=Math.abs(this.progress-l)>fe;return this.progress=l,!(!t&&!d)&&(!t&&this.transition.forwardsOnly&&(this.progress=0,this.rawProgress=0),this.lastTick=a,this.lastEnterTime=t,!!d&&Ce(e,this.value,this.progress))}resetState(){this.progress=0}}class ze{constructor(e,t,i){var r;s(this,"local",{id:"",projectId:"",lastMousePos:{x:.5,y:.5},createdAt:null}),this.initOptions=i,this.aspectRatio=e.aspectRatio||1,this.layerName=e.layerName||e.id,this.data=e.data||{},this.userDownsample=e.userDownsample||1,this.breakpoints=((r=e.breakpoints||[]).forEach(e=>{var t,s;for(let i in e.props)"Vec2"===(null==(t=e.props[i])?void 0:t.type)?e.props[i]=new S(e.props[i]._x,e.props[i]._y):"Vec3"===(null==(s=e.props[i])?void 0:s.type)?e.props[i]=new M(e.props[i]._x,e.props[i]._y,e.props[i]._z):"object"==typeof e.props[i]&&(e.props[i]=be(e.props[i]))}),r),this.local.sceneId=t,this.local.id=xe(),this.id=e.id,this.compiledFragmentShaders=e.compiledFragmentShaders||[],this.compiledVertexShaders=e.compiledVertexShaders||[],this.states={appear:e.states&&e.states.appear?e.states.appear.map(e=>new De(e)):[],scroll:e.states&&e.states.scroll?e.states.scroll.map(e=>new Ie(e)):[],hover:e.states&&e.states.hover?e.states.hover.map(e=>new Oe(e)):[]}}state(){return Qe.find(e=>e.id===this.local.sceneId)||this.initOptions}getIndex(){return this.state().layers.map(e=>e.local.id).indexOf(this.local.id)}getPixelRatio(){const e=this.state();return e.dpi*e.scale*this.userDownsample}getPlane(){var e,t,s;return null==(s=null==(t=null==(e=this.state())?void 0:e.curtain)?void 0:t.planes)?void 0:s.find(e=>"PingPongPlane"!==e.type&&e.userData.id===this.local.id)}getPlanes(){var e,t,s;return(null==(s=null==(t=null==(e=this.state())?void 0:e.curtain)?void 0:t.planes)?void 0:s.filter(e=>"PingPongPlane"!==e.type&&e.userData.id===this.local.id))||[]}getMaskedItem(){return!!this.mask&&this.state().layers.filter(e=>!e.parentLayer)[this.getIndex()-1]}getChildEffectItems(){if(this.effects&&this.effects.length){const e=this.state();if(!e||!e.layers)return[];const t=e.layers.filter(e=>this.effects.includes(e.parentLayer));return this.effects.map(e=>t.find(t=>t.parentLayer===e)).filter(e=>void 0!==e)}return[]}setBreakpointValues(){const e=ue,t=this.breakpoints.sort((e,t)=>t.min-e.min),s={};if(1===t.length&&"Desktop"===t[0].name)return;if(t.length>=1&&!t.find(e=>"Desktop"===e.name))throw new Error("Malfored breakpoint data, missing Desktop");for(let r=t.length-1;r>=0;r--){const i=t[r];if(null===i.max||e<=i.max)for(let e in i.props)s.hasOwnProperty(e)||(s[e]=i.props[e])}const i=this.breakpoints.find(e=>"Desktop"===e.name);if(i)for(let r in i.props)s.hasOwnProperty(r)||(s[r]=i.props[r]);for(let r in s)if(this.hasOwnProperty(r)){let e=s[r];(null==e?void 0:e.type)?(this[r].x=e._x,this[r].y=e._y,void 0!==e._z&&(this[r].z=e._z)):this[r]=e}this.local.bpProps=s}updateStateEffects(){var e,t,s,i;if(!this.states.appear.some(e=>!e.complete)&&!(null==(e=this.states)?void 0:e.scroll.length)&&!(null==(t=this.states)?void 0:t.hover.length)||this.isModel&&!this.local.modelLoaded)return;this.local.uniformUpdatesPool||(this.local.uniformUpdatesPool={}),this.local.updatedProps?this.local.updatedProps.clear():this.local.updatedProps=new Set,this.local.hasUpdates=!1;const r=this.state();let a=performance.now();this.local.cachedBreakpoint&&this.local.cachedBreakpoint===(null==(s=r.currentBreakpoint)?void 0:s.name)||(this.local.cachedBreakpoint=null==(i=r.currentBreakpoint)?void 0:i.name);const n=e=>!e.breakpoints||0===e.breakpoints.length||e.breakpoints.find(e=>e===this.local.cachedBreakpoint);r.isInView&&(null===this.local.createdAt&&(this.local.createdAt=a),this.states.appear.forEach(e=>{if(!n(e))return;let t=e.startTime||this.local.createdAt;if(!e.initialized){const s=[...this.states.appear.filter(t=>t.prop===e.prop)].sort((e,t)=>(e.transition.delay||0)-(t.transition.delay||0))[0];(null==s?void 0:s.id)===e.id&&(this.local.uniformUpdatesPool[e.prop]=e.value,this.local.hasUpdates=!0,this.local.updatedProps.add(e.prop)),e.initialized=!0,t||(e.startTime=a)}(null==r?void 0:r.pauseTime)&&(t+=Math.abs(null==r?void 0:r.pauseTime));const s=e.updateEffect(this[e.prop],t);!1!==s&&(this.local.uniformUpdatesPool[e.prop]=s,this.local.hasUpdates=!0,this.local.updatedProps.add(e.prop)),this.isElement&&e.complete&&this.local.stateEffectProps&&this.local.stateEffectProps[e.prop]&&delete this.local.stateEffectProps[e.prop]})),this.states.hover.forEach(e=>{if(!n(e))return;const t=e.updateEffect(this[e.prop],r.mouse.enterTime,this);!1!==t&&(this.local.uniformUpdatesPool[e.prop]=t,this.local.hasUpdates=!0,this.local.updatedProps.add(e.prop))}),this.states.scroll.forEach(e=>{var t;if(!n(e))return;const s=r.bbox;if(!s)return;const i=e.updateEffect(this[e.prop],{top:r.isFixed?0:null==(t=r.bbox)?void 0:t.top,height:s.height/2,isFixed:r.isFixed});!1!==i&&(this.local.uniformUpdatesPool[e.prop]=i,this.local.hasUpdates=!0,this.local.updatedProps.add(e.prop))}),this.local.hasUpdates&&(this.getPlanes().forEach(e=>{var t;for(let s of this.local.updatedProps){const i=this.local.uniformUpdatesPool[s];void 0!==i&&((null==(t=e.uniforms[s])?void 0:t.lastValue)!==i&&(e.uniforms[s]&&Ae(i,e.uniforms[s],s),this.updateStateEffectProperty(s,i)))}}),this.isElement&&this.local.stateEffectProps&&Object.keys(this.local.stateEffectProps).length&&this.render())}updateStateEffectProperty(e,t){this.local.stateEffectProps||(this.local.stateEffectProps={}),this.local.stateEffectProps[e]=t}invalidatePerformanceCaches(){this.local.isDynamicCache=void 0,this.local.cachedBreakpoint=void 0,this.local.lastCalculatedMousePos=void 0,this.local.lastCalculatedMouseValues=void 0}dispose(){this.invalidatePerformanceCaches()}}function Le(e){const t={topLeft:{x:0,y:0},topCenter:{x:.5,y:0},topRight:{x:1,y:0},rightCenter:{x:1,y:.5},bottomRight:{x:1,y:1},bottomCenter:{x:.5,y:1},bottomLeft:{x:0,y:1},leftCenter:{x:0,y:.5},center:{x:.5,y:.5}};return t[e]||t.topLeft}let Ue=class extends ze{constructor(e,t){super(e,t),s(this,"isElement",!0),this.anchorPoint=e.anchorPoint||"topLeft",this.opacity=e.opacity??1,this.displace=e.displace||0,this.effects=e.effects||[],this.trackMouse=e.trackMouse||0,this.axisTilt=e.axisTilt||0,this.trackAxes=e.trackAxes||"xy",this.bgDisplace=e.bgDisplace||0,this.dispersion=e.dispersion||0,this.rotation=e.rotation||0,this.mouseMomentum=e.mouseMomentum||0,this.maskAlpha=e.maskAlpha||0,this.maskDepth=e.maskDepth||0,this.maskDepthLayer=e.maskDepthLayer||1,this.maskBackground=e.maskBackground||{},this.mask=e.mask||0,this.blendMode=e.blendMode||"NORMAL",this.width=e.width||0,this.height=e.height||0,this.widthMode=e.widthMode||"fixed",this.heightMode=e.heightMode||"fixed",this.left=e.left||0,this.top=e.top||0,this.leftMode=e.leftMode||"relative",this.topMode=e.topMode||"relative"}unpackage(){return this.effects=be(this.effects),this.maskBackground=new M(this.maskBackground._x,this.maskBackground._y,this.maskBackground._z),this.unpackageType(),this}createLocalCanvas(){const e=this.state(),t=document.createElement("canvas"),s=this.getPixelRatio();t.width=e.canvasWidth*s,t.height=e.canvasHeight*s;const i=t.getContext("2d");i.scale(s,s),this.local.canvas=t,this.local.ctx=i}resize(){var e,t;const s=this.state();if(this.local.canvas){const e=this.getPixelRatio();this.local.canvas.width=s.canvasWidth*e,this.local.canvas.height=s.canvasHeight*e,this.local.ctx.scale(e,e)}(null==(t=null==(e=this.states)?void 0:e.appear)?void 0:t.some(e=>!e.complete))||this.render(),"text"===this.layerType&&Se(this,this.state().element)}dispose(){this.local.canvas&&(this.local.canvas.width=1,this.local.canvas.height=1,this.local.canvas=null),this.local.ctx&&(this.local.ctx=null),super.dispose()}box(){const e=Le(this.anchorPoint),{width:t,height:s}=this.getAbsoluteDimensions(),{left:i,top:r}=this.getAbsolutePosition();return{anchor:{x:i+t*(.5-e.x),y:r+s*(.5-e.y)},center:{x:i+t/2,y:r+s/2},left:i,top:r,width:t,height:s}}getAbsolutePosition(){var e,t,s,i;const r=this.state(),a=r.canvasWidth,n=r.canvasHeight;let o=(null==(t=null==(e=this.local)?void 0:e.stateEffectProps)?void 0:t.left)??this.left,h=(null==(i=null==(s=this.local)?void 0:s.stateEffectProps)?void 0:i.top)??this.top,l="fixed"===this.leftMode?o:o*a,d="fixed"===this.topMode?h:h*n;return l=+l.toFixed(1),d=+d.toFixed(1),{left:l,top:d}}getAbsoluteDimensions(){var e,t,s,i;const r=this.state();let a,n;const o=r.canvasWidth,h=r.canvasHeight;let l=(null==(t=null==(e=this.local)?void 0:e.stateEffectProps)?void 0:t.width)??this.width,d=(null==(i=null==(s=this.local)?void 0:s.stateEffectProps)?void 0:i.height)??this.height;return"auto"!==this.widthMode&&(a="fixed"===this.widthMode?l:l*o,"auto"===this.heightMode&&(n=a/(this.aspectRatio||1),this.height="fixed"===this.widthMode?n:n/h)),"auto"!==this.heightMode&&(n="fixed"===this.heightMode?d:d*h,"auto"===this.widthMode&&(a=n*(this.aspectRatio||1),this.width="fixed"===this.widthMode?a:a/o)),"text"===this.layerType&&(n=this.height),{width:a,height:n}}isHovered(){let{left:e,top:t,width:s,height:i}=this.box();const r=Le(this.anchorPoint);s<0&&(s=Math.abs(s)),i<0&&(t+=i,i=Math.abs(i)),e-=r.x*s,t-=r.y*i;let a=this.state().mouse.movePos;return 2*a.x>=e&&2*a.x<=e+s&&2*a.y>=t&&2*a.y<=t+i}};class Ve extends Ue{constructor(e,t,i){super(e,t),s(this,"layerType","shape"),s(this,"isElement",!0),this.initOptions=i;let r=this.default(e||{});for(let s in r)this[s]=r[s];this.breakpoints.length&&this.setBreakpointValues(),Object.keys(e).length&&this.createLocalCanvas()}default(e){return{borderRadius:e.borderRadius||0,fill:e.fill||["#777777"],fitToCanvas:e.fitToCanvas||!1,gradientAngle:e.gradientAngle||e.gradAngle||0,gradientType:e.gradientType||e.gradType||"linear",numSides:e.numSides||3,type:e.type||"rectangle",stroke:e.stroke||["#000000"],strokeWidth:e.strokeWidth||0}}unpackageType(){return this.fill=be(this.fill),this.stroke=be(this.stroke),this.render(),this}render(){var e,t,s,i;let r=this.local.ctx;const a=this.state();let{left:n,top:o,width:h,height:l}=this.box();const d=Le(this.anchorPoint);let u=(null==(e=this.local.stateEffectProps)?void 0:e.borderRadius)??this.borderRadius,c=(null==(t=this.local.stateEffectProps)?void 0:t.strokeWidth)??this.strokeWidth,p=(null==(s=this.local.stateEffectProps)?void 0:s.gradientAngle)??this.gradientAngle,m=(null==(i=this.local.stateEffectProps)?void 0:i.rotation)??this.rotation,g=n-d.x*h,f=o-d.y*l;if(r.clearRect(0,0,a.canvasWidth,a.canvasHeight),r.beginPath(),this.fitToCanvas)r.rect(0,0,a.canvasWidth,a.canvasHeight),r.fillStyle=ve(r,{width:a.canvasWidth,height:a.canvasHeight},this.fill,p,this.gradientType);else{if(r.save(),r.translate(g+h/2,f+l/2),r.rotate(2*m*Math.PI),r.translate(-h/2,-l/2),"rectangle"===this.type){let e=u*Math.min(Math.abs(h),Math.abs(l))/2;this.drawRoundedRect(r,0,0,h,l,e)}else"circle"===this.type?r.ellipse(h/2,l/2,Math.abs(h)/2,Math.abs(l)/2,0,0,2*Math.PI):"polygon"===this.type&&this.drawPolygon(r,Math.abs(h/2),Math.abs(l/2),this.numSides);r.fillStyle=ve(r,this.box(),this.fill,p,this.gradientType)}r.fill(),c&&(r.strokeStyle=this.stroke[0],r.lineWidth=c,r.stroke()),r.restore()}drawRoundedRect(e,t,s,i,r,a){e.beginPath(),e.moveTo(t+a,s),e.arcTo(t+i,s,t+i,s+r,a),e.arcTo(t+i,s+r,t,s+r,a),e.arcTo(t,s+r,t,s,a),e.arcTo(t,s,t+i,s,a),e.closePath()}drawPolygon(e,t,s,i){e.beginPath();for(let r=0;r<i;r++){const a=2*r*Math.PI/i-Math.PI/2,n=t*Math.cos(a)+t,o=s*Math.sin(a)+s;0===r?e.moveTo(n,o):e.lineTo(n,o)}e.closePath()}}class Be extends ze{constructor(e,t,i){super(e,t),s(this,"layerType","effect"),this.initOptions=i,this.type=e.type||"sine",this.usesPingPong=e.usesPingPong||!1,this.speed=e.speed??.5,this.parentLayer=e.parentLayer||!1,this.animating=e.animating||!1,this.isMask=e.isMask||0,this.texture=e.texture||null,this.mouseMomentum=e.mouseMomentum||0;for(let s in e)this[s]||(this[s]=e[s]);this.breakpoints.length&&this.setBreakpointValues()}unpackage(){for(let e in this)this[e]&&this[e].type&&("Vec2"===this[e].type?this[e]=new S(this[e]._x,this[e]._y):"Vec3"===this[e].type&&(this[e]=new M(this[e]._x,this[e]._y,this[e]._z)));return this}getParent(){return this.state().layers.filter(e=>e.effects&&e.effects.length).find(e=>e.effects.includes(this.parentLayer))}}class We extends Ue{constructor(e,t,i){super(e,t),s(this,"layerType","image"),s(this,"isElement",!0),this.initOptions=i;let r=this.default(e||{});for(let s in r)this[s]=r[s];this.breakpoints.length&&this.setBreakpointValues(),Object.keys(e).length&&(this.createLocalCanvas(),this.loadImage())}default(e){return{fitToCanvas:e.fitToCanvas||!1,src:e.src||""}}unpackage(){return this.effects=be(this.effects),this}loadImage(){const e=new Image;e.crossOrigin="Anonymous",e.addEventListener("load",()=>{const t=this.state();this.local.img=e,this.render=this.renderImage,this.render(),t.renderFrame&&t.renderFrame(),this.local.loaded=!0},!1),e.src=this.src}renderImage(){var e,t;if(!(null==(e=this.local)?void 0:e.ctx))return;let s=this.local.ctx;const i=this.state();s.clearRect(0,0,i.canvasWidth,i.canvasHeight);let{left:r,top:a,width:n,height:o}=this.box(),h=i.canvasWidth,l=i.canvasHeight;if(this.fitToCanvas){let e=this.local.img.width/this.local.img.height;h/l<e?(o=l,n=l*e):(n=h,o=h/e);const t=(h-n)/2,i=(l-o)/2;s.drawImage(this.local.img,t,i,n,o)}else{const e=Le(this.anchorPoint),i=2*((null==(t=this.local.stateEffectProps)?void 0:t.rotation)??this.rotation)*Math.PI;let h=e.x*n,l=e.y*o;s.save();let d=n/2,u=o/2,c=r-h+d,p=a-l+u;s.translate(c,p),s.rotate(i),s.drawImage(this.local.img,-d,-u,n,o),s.restore()}}render(){}}class Ne extends ze{constructor(e,t,i){var r;super(e,t,i),s(this,"layerType","model"),s(this,"isModel",!0),s(this,"contextType","webgl"),e.moduleRef&&(null==(r=null==i?void 0:i.modules)?void 0:r[e.moduleRef])&&(this.moduleUrl=i.modules[e.moduleRef].url),this.trackMouse=void 0!==e.trackMouse?e.trackMouse:0,this.mouseMomentum=void 0!==e.mouseMomentum?e.mouseMomentum:0,this.trackAxes=e.trackAxes||"xy",this.lightTracking=void 0!==e.lightTracking?e.lightTracking:0,this.rotationTracking=void 0!==e.rotationTracking?e.rotationTracking:0,this.speed=void 0!==e.speed?e.speed:.5,this.pos=new M(e.pos._x,e.pos._y,e.pos._z),this.modelUrl=e.modelUrl,this.scale=e.scale,this.modelRotation=new M(e.modelRotation._x,e.modelRotation._y,e.modelRotation._z),this.lightIntensity=e.lightIntensity,this.lightColor=e.lightColor,this.ambientLightColor=e.ambientLightColor,this.fillLightColor=e.fillLightColor,this.ambientLightIntensity=e.ambientLightIntensity??1.5,this.fillLightIntensity=e.fillLightIntensity??1,this.lightPosition=new M(e.lightPosition._x,e.lightPosition._y,e.lightPosition._z),this.materialMetalness=e.materialMetalness,this.materialRoughness=e.materialRoughness,this.refractScale=e.refractScale,this.animationAxis=new M(e.animationAxis._x,e.animationAxis._y,e.animationAxis._z),this.renderNormals=e.renderNormals,this.animating=e.animating,this.opacity=e.opacity,this.colorMapUrl=e.colorMapUrl,this.colorMapScale=e.colorMapScale??1,this.colorMapPosition=e.colorMapPosition?new S(e.colorMapPosition.x??.5,e.colorMapPosition.y??.5):new S(.5,.5),this.colorMapIntensity=e.colorMapIntensity??1,this.quality=e.quality||"fast",this.environmentMapIntensity=e.environmentMapIntensity??0,this.environmentMapUrl=e.environmentMapUrl||"",this.normalMapUrl=e.normalMapUrl||"",this.normalMapScale=e.normalMapScale??1,this.normalMapPosition=e.normalMapPosition?new S(e.normalMapPosition.x??.5,e.normalMapPosition.y??.5):new S(.5,.5),this.normalMapIntensity=e.normalMapIntensity??1,this.extrudeDepth=e.extrudeDepth??10,this.bevelEnabled=e.bevelEnabled??!1,this.bevelThickness=e.bevelThickness??1,this.bevelSize=e.bevelSize??1,this.bevelSegments=e.bevelSegments??2,this.glassIOR=e.glassIOR??1.5,this.glassThickness=e.glassThickness??.5,this.glassRoughness=e.glassRoughness??0,this.glassTint=e.glassTint||"#ffffff",this.glassDispersion=e.glassDispersion??0}unpackage(){return this.pos=new M(this.pos._x,this.pos._y,this.pos._z),this.modelRotation=new M(this.modelRotation._x,this.modelRotation._y,this.modelRotation._z),this.lightPosition=new M(this.lightPosition._x,this.lightPosition._y,this.lightPosition._z),this.animationAxis=new M(this.animationAxis._x,this.animationAxis._y,this.animationAxis._z),this}async loadRenderer(){const e=this.state();if(!e.curtain||!e.curtain.renderer||!e.curtain.renderer.gl)return;let t=this.moduleUrl||"https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.5.3/extensions/model-renderer.js";try{const s=await import(t);this.local.initialize=s.initialize,this.local.loadModel=s.loadModel,this.local.draw=s.draw,this.local.dispose=s.dispose,this.local.rendererLoaded=!0,requestAnimationFrame(()=>{const t=e.curtain.renderer.gl;this.local.renderTarget&&!this.local.renderTarget._frameBuffer&&this.local.renderTarget._initRenderTarget(),this.local.initialize(t,this),this.local.initialized=!0,this.local.loadModel(this)})}catch(s){}}handleModelLoaded(){if(this.local.modelLoaded=!0,this.local.renderTarget){let e=this.local.renderTarget.getTexture(),t=this.getPlane().textures.find(e=>"uTexture"===e._samplerName);t.copy(e),t.needUpdate()}}renderModel(){var e,t;if(!this.local.rendererLoaded||!this.local.modelLoaded)return;const s=this.state();if(!s||s.destroyed||!s.curtain||!s.curtain.renderer||!s.curtain.renderer.gl)return;const i=s.curtain.renderer.gl;if(0===i.drawingBufferWidth||0===i.drawingBufferHeight)return;if(this.animating){void 0===this.local.time&&(this.local.time=0);let t=(null==(e=this.local.stateEffectProps)?void 0:e.speed)??this.speed??.5;const i=s.fps?60/s.fps:1;this.local.time+=t*i*60}if(this.environmentMapIntensity>0){const e=this.getPlane();if(e&&!(null==(t=this.environmentMapUrl)?void 0:t.trim())){const t=e.textures.find(e=>"uBgTexture"===e._samplerName);t&&t._sampler&&t._canDraw&&(this.local.envTexture={gl:i,webglTexture:t._sampler.texture,width:t._size.width,height:t._size.height})}}else this.local.envTexture=null;if(this.renderNormals){const e=this.getPlane();if(e){const t=e.textures.find(e=>"uBgTexture"===e._samplerName);t&&t._sampler&&t._sampler.texture&&(this.local.backgroundTexture={gl:i,webglTexture:t._sampler.texture,width:t._size.width,height:t._size.height})}}const r=void 0!==this.local.time?this.local.time:performance.now();if(this.local.renderTarget)if(this.local.renderTarget._frameBuffer){const e=this.local.renderTarget._frameBuffer,t=this.local.renderTarget._size.width,s=this.local.renderTarget._size.height;i.bindFramebuffer(i.FRAMEBUFFER,e),i.viewport(0,0,t,s);try{const e=i.getParameter(i.CURRENT_PROGRAM);this.local.draw(i,r,this),e&&i.useProgram(e)}finally{i.bindFramebuffer(i.FRAMEBUFFER,null),i.viewport(0,0,i.drawingBufferWidth,i.drawingBufferHeight)}}else this.local.draw(i,r,this)}resize(){}cleanup(){this.local.dispose&&this.local.dispose(this),this.local.initialize=null,this.local.loadModel=null,this.local.draw=null,this.local.dispose=null,this.local.rendererLoaded=!1,this.local.initialized=!1,this.local.modelLoaded=!1,this.local.renderTarget&&(this.local.renderTarget.remove(),this.local.renderTarget=null)}isAnimating(){return this.visible&&(this.animating||this.trackMouse>0||this.rotationTracking>0)}getProp(e){var t;return(null==(t=this.local.stateEffectProps)?void 0:t[e])??this[e]}dispose(){this.cleanup(),super.dispose()}}class He extends Ue{constructor(e,t,i,r){super(e,t),s(this,"layerType","text"),this.initOptions=r;let a=this.default(e||{});for(let s in a)this[s]=a[s];this.breakpoints.length&&this.setBreakpointValues(),this.isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),Object.keys(e).length&&this.createLocalCanvas(),this.loadFont()}default(e){return{fill:e.fill||["#ffffff"],fontSize:e.fontSize??24,fontSizeMode:e.fontSizeMode||"fixed",fontCSS:e.fontCSS||null,lineHeight:e.lineHeight??25,letterSpacing:e.letterSpacing||0,fontFamily:e.fontFamily||"arial",fontStyle:e.fontStyle||"normal",fontWeight:e.fontWeight||"normal",textAlign:e.textAlign||"left",textContent:e.textContent||"",gradientAngle:e.gradientAngle||e.gradAngle||0,gradientType:e.gradientType||e.gradType||"linear",noTextAsHtml:e.noTextAsHtml||!1}}unpackage(){return this.fill=be(this.fill),this.effects=be(this.effects),this}loadFont(){var e;const t=this.fontStyle.includes("italic")?"italic":"normal",s=e=>"normal"===e||"400"===e||400===e?"normal":e.toString(),i=isNaN(parseInt(this.fontWeight))?"normal":s(this.fontWeight);if(Array.from(document.fonts).some(e=>e.family===this.fontFamily&&e.style===t&&s(e.weight)===i&&"loaded"===e.status)||!(null==(e=this.fontCSS)?void 0:e.src))return void this.handleFontLoaded();let r=this.fontCSS.src.split(" ").join("%20");const a=new FontFace(this.fontFamily,`url(${r})`,{style:t,weight:i});document.fonts.add(a),a.load().then(()=>{this.handleFontLoaded()}).catch(e=>{this.handleFontLoaded()})}handleFontLoaded(){this.local.loaded=!0,this.render(),this.render();const e=this.state();e.renderFrame&&e.renderFrame(),Se(this,this.state().element)}getAbsoluteFontValues(e){var t,s,i,r,a,n;const o=(null==(s=null==(t=this.local)?void 0:t.stateEffectProps)?void 0:s.fontSize)||this.fontSize,h=(null==(r=null==(i=this.local)?void 0:i.stateEffectProps)?void 0:r.lineHeight)||this.lineHeight,l=(null==(n=null==(a=this.local)?void 0:a.stateEffectProps)?void 0:n.letterSpacing)||this.letterSpacing,d="fixed"===this.fontSizeMode?o:o*e.canvasWidth;return{fontSize:d,lineHeight:"fixed"===this.fontSizeMode?h:h*d,letterSpacing:"fixed"===this.fontSizeMode?l:l*d}}render(){var e,t,s;if(!(null==(e=this.local)?void 0:e.ctx))return;let i=this.local.ctx,{left:r,top:a,width:n}=this.box();const o=Le(this.anchorPoint),h=(null==(s=null==(t=this.local)?void 0:t.stateEffectProps)?void 0:s.rotation)||this.rotation;let l=this.state(),d=this.height,u=r-o.x*n,c=a-o.y*d,p=0,{fontSize:m,lineHeight:g,letterSpacing:f}=this.getAbsoluteFontValues(l),_=this.fontStyle.includes("italic")?"italic":"normal",x=/^\d+$/.test(this.fontStyle)?this.fontStyle:"400";i.clearRect(0,0,l.canvasWidth,l.canvasHeight),i.font=`${_} ${x} ${m}px/${g}px ${this.fontFamily}, -apple-system, BlinkMacSystemFont, Helvetica, Arial`,this.isSafari||(i.textAlign=this.textAlign,i.letterSpacing=f+"px");const v=i.measureText("m").width;n=Math.max(n,v),i.save();let y=u+n/2,b=c+d/2;i.translate(y,b),i.rotate(360*h*Math.PI/180),i.translate(-y,-b),"center"===this.textAlign&&(u+=n/2),"right"===this.textAlign&&(u+=n),i.fillStyle=ve(i,this.box(),this.fill,this.gradientAngle,this.gradientType);const P=(e,t)=>{let s=c+g*t+g/2+m/3;this.isSafari?((e,t,s,i,r,a,n)=>{let o,h=t.split("").reduce((s,i,a)=>s+e.measureText(i).width+(a<t.length-1?r:0),0);if(o="center"===a?s+(n-h)/2-n/2:s,"right"===a)for(let l=t.length-1;l>=0;l--){const s=t[l];o-=e.measureText(s).width,e.fillText(s,o,i),l>0&&(o-=r)}else for(let l=0;l<t.length;l++)e.fillText(t[l],o,i),o+=e.measureText(t[l]).width+r})(i,e,u,s,f,this.textAlign,n):i.fillText(e,u,s)},w=this.textContent?this.textContent.split("\n"):[""];let T=w.length;const R=(e,t,s)=>t.split("").reduce((i,r,a)=>(i+=e.measureText(r).width,a<t.length-1&&(i+=s),i),0);for(let S=0;S<T;S++){let e="",t=w[S].split(/(\s|\n)/);for(let s=0;s<t.length;s++){const r=t[s],a=e+r;if((this.isSafari&&f?R(i,a,f):i.measureText(a).width)>n||"\n"===r){if(""!==e)w[S]=e.trim(),s!==t.length-1?(w.splice(S+1,0,t.slice(s).join("")),T++):"\n"!==r&&w.push(r);else{let e=r,a=S;for(;e.length>0;){let t="";for(let s=0;s<e.length&&(i.measureText(t+e[s]).width<=n||0==s);s++)t+=e[s];e=e.slice(t.length),w[a]=t.trim(),e.length>0&&(w.splice(a+1,0,e),a++,T++)}t.slice(s+1).length>0&&(w[a]+=t.slice(s+1).join(""))}break}e=a,s===t.length-1&&(w[S]=e.trim())}}w.forEach((e,t)=>{P(e,p),t<w.length-1&&p++}),i.translate(-(u+n/2),-(c+d/2)),i.restore(),this.height=g*p+g}}function je(){let e=performance.now();document[ae]?(cancelAnimationFrame(oe),Qe.forEach(t=>{t.pauseTime=e})):(Ee(),Qe.forEach(t=>{t.pauseTime=t.pauseTime-e,t.curtain.planes.forEach(e=>{e.videos.forEach(e=>{e.play()})})}))}function Ge(){de=window.innerHeight||document.documentElement.clientHeight,ue=window.innerWidth||document.documentElement.clientWidth,Qe.filter(e=>e.initialized).forEach(e=>{e.refresh()}),Ye()}function Xe(e,t,s=50){const i=t||e.getBoundingClientRect(),r=i.top>=-s&&i.top<=de+s||i.bottom>=-s&&i.bottom<=de+s||i.top<=0&&i.bottom>=de,a=i.left>=-s&&i.left<=ue+s||i.right>=-s&&i.right<=ue+s||i.left<=0&&i.right>=ue;return r&&a}function Ye(){Qe.filter(e=>e.getDynamicLayers().length).forEach(e=>{let t=e.element.getBoundingClientRect();if(e.scrollY=ce,e.lastBbox){0===Math.abs(t.top-e.lastBbox.top)&&me>0?(e.fixedCounter=(e.fixedCounter||0)+1,e.fixedCounter>3&&(e.isFixed=!0)):e.fixedCounter=0}e.lastBbox=e.bbox,e.bbox=t})}function qe(e){const t=Qe.filter(e=>e.getDynamicLayers().length),s=Qe.filter(e=>e.rendering);t.length&&!s.length&&Ee();const i=performance.now();(!ge||i-ge>64)&&Ye(),t.forEach(e=>{if(Xe(e.element,e.bbox,100)){if(!e.isInView){e.isInView=!0,e.pauseTime=e.pauseTime-i;const t=e.element.offsetWidth>0&&e.element.offsetHeight>0;t&&e.curtain?e.resize():t||requestAnimationFrame(()=>{e.element.offsetWidth>0&&e.element.offsetHeight>0&&e.curtain&&e.resize()}),!e.lazyLoad||e.initialized||e.initializing||e.initializePlanes()}}else e.isInView&&(e.isInView=!1,e.pauseTime=i)})}function $e(e){Qe.filter(e=>e.isInView).forEach(e=>{e.mouse.page.x=99999999999,e.mouse.page.y=99999999999,e.mouse.enterTime=null})}function Ze(e){let t=performance.now();Qe.filter(e=>e.isInView&&e.initialized).forEach(s=>{let i,r,a=s.bbox;Math.abs(me)>1&&t-s.lastBboxTime>64&&(a=s.element.getBoundingClientRect(),s.lastBbox=s.bbox,s.bbox=a,s.lastBboxTime=t),e.targetTouches?(i=e.targetTouches[0].pageX,r=e.targetTouches[0].pageY):(i=e.pageX,r=e.pageY),s.isFixed&&(s.scrollY=0,r=e.targetTouches?e.targetTouches[0].clientY:e.clientY);const n=i-a.left,o=r-(a.top+(s.isFixed?0:ce));s.mouse.page.x=i,s.mouse.page.y=r,s.mouse.movePos.x=.5*n,s.mouse.movePos.y=.5*o,s.mouse.movedInView=!0})}let Qe=[];class Je{constructor(e){s(this,"local",{preloadedTextures:{}}),s(this,"scrollY",0),s(this,"paused",!1),s(this,"destroyed",!1),s(this,"lastBboxTime",0),this.id=e.id,this.breakpoints=[{name:"Desktop",max:1/0,min:992},{name:"Tablet",max:991,min:576},{name:"Mobile",max:575,min:0}],this.projectId=e.projectId,this.canvasWidth=e.width||e.element.offsetWidth||ue,this.canvasHeight=e.height||e.element.offsetHeight||de,this.curtain=void 0,this.curtainRafId=void 0,this.dpi=+e.dpi||Math.min(1.5,window.devicePixelRatio),this.element=e.element,this.fps=e.fps||60,this.name=e.name,this.frameDuration=Math.floor(1e3/(e.fps||60)),this.layers=e.layers,this.lazyLoad=e.lazyLoad,this.initialized=!1,this.lasTick=null,this.lastTime=0,this.rendering=!1,this.bbox={},this.isFixed=e.fixed||"fixed"===window.getComputedStyle(this.element).position,this.interactivity={mouse:{disableMobile:!1,disabled:!1}},this.mouse={downPos:{x:.5,y:.5},movePos:{x:.5,y:.5},lastPos:{x:.5,y:.5},delta:{x:0,y:0},page:{x:99999999999,y:99999999999},dragging:!1,movedInView:!1,enterTime:null,ticks:0,pos:{x:0,y:0}},this.renderingScale=e.renderingScale||1,this.scale=e.scale||1,this.split=!1,this.versionId="",e.width&&e.height&&(this.element.style.width=e.width+"px",this.element.style.height=e.height+"px"),this.bbox=this.element.getBoundingClientRect(),this.lastBbox=this.bbox,this.currentBreakpoint=this.breakpoints.find(e=>ue>=e.min&&ue<=e.max),this.createCurtains(),this.setCanvasScale(),this.curtain&&(this.textureLoader=new F(this.curtain))}preloadTextures(){this.layers.forEach(e=>{var t,s,i,r,a,n,o,h,l;if(e.isElement)e.local.canvas&&this.textureLoader.loadCanvas(e.local.canvas,{sampler:"uTexture",premultiplyAlpha:!0},t=>{t.userData.hasStateEffects=e.states.appear.length>0||e.states.scroll.length>0||e.states.hover.length>0,e.preloadedCanvasTexture=t},e=>{});else if((null==(t=null==e?void 0:e.texture)?void 0:t.src)||(null==(i=null==(s=null==e?void 0:e.data)?void 0:s.texture)?void 0:i.src)){const t=(null==(r=null==e?void 0:e.texture)?void 0:r.src)||(null==(n=null==(a=null==e?void 0:e.data)?void 0:a.texture)?void 0:n.src),s=(null==(o=null==e?void 0:e.texture)?void 0:o.sampler)||(null==(l=null==(h=null==e?void 0:e.data)?void 0:h.texture)?void 0:l.sampler)||"uTexture";this.local.preloadedTextures[t]?this.local.preloadedTextures[t].count++:(this.local.preloadedTextures[t]={count:1,texture:null},this.textureLoader.loadImage(t,{sampler:s,premultipliedAlpha:!1},e=>{this.local.preloadedTextures[t].texture=e}))}})}setCanvasScale(){this.canvasWidth=this.element.offsetWidth,this.canvasHeight=this.element.offsetHeight}destroy(){var e,t;this.destroyed=!0,this.rendering=!1,this.isInView=!1;const s=Qe.findIndex(e=>e.id===this.id);-1!==s&&Qe.splice(s,1),this.layers.filter(e=>e.dispose).forEach(e=>e.dispose()),this.layers=[],(null==(e=this.curtain)?void 0:e.gl)&&(this.curtain.dispose(),this.curtain=null),this.element&&(this.element.removeAttribute("data-us-initialized"),this.element.removeAttribute("data-scene-id"),null==(t=this.element.querySelector("canvas"))||t.remove(),this.element.querySelectorAll("[data-us-text]").forEach(e=>{e.remove()})),Ee(),Qe.length||st()}resize(){this.lastBbox=this.bbox,this.bbox=this.element.getBoundingClientRect(),this.setCanvasScale(),this.layers.filter(e=>e.isElement).forEach(e=>{e.resize()}),this.currentBreakpoint=this.breakpoints.find(e=>ue>=e.min&&ue<=e.max),this.curtain&&(this.curtain.resize(),this.curtain.canvas.style.width=this.canvasWidth+"px",this.curtain.canvas.style.height=this.canvasHeight+"px",this.curtain.planes.forEach(e=>{e.uniforms.resolution&&(e.uniforms.resolution.value.x=this.curtain.canvas.width,e.uniforms.resolution.value.y=this.curtain.canvas.height)}))}refresh(){this.initialized=!1,this.layers.forEach(e=>{var t,s;null==(t=e.states)||t.scroll.forEach(e=>e.resetState()),null==(s=e.states)||s.appear.forEach(t=>{e[t.prop]=t.endValue??e.local.stateEffectProps[t.prop]??e[t.prop]}),e.breakpoints.length&&(e.setBreakpointValues(),e.local.bpProps&&Object.keys(e.local.bpProps).forEach(t=>{e.getPlanes().forEach(s=>{s.uniforms[t]&&Ae(e.local.bpProps[t],s.uniforms[t],t)})})),e.preloadedCanvasTexture&&(e.preloadedCanvasTexture.shouldUpdate=!0)}),requestAnimationFrame(()=>{this.curtain&&(this.curtain.planes.forEach(e=>{e._canDraw=!0}),this.scrollY=ce,this.resize(),this.handlePlaneCreation())})}getDynamicLayers(){return this.layers.filter(e=>Re(e))}createCurtains(){this.curtain=new p({container:this.element,premultipliedAlpha:!0,antialias:!1,autoRender:!1,autoResize:!1,watchScroll:!1,renderingScale:Math.min(Math.max(.25,this.renderingScale),1),production:!1,pixelRatio:this.dpi}),this.curtain.gl&&(this.curtain.onError(e=>{}),this.curtain.onContextLost(()=>{this.curtain.restoreContext()}),this.curtain.onContextRestored(()=>{this.initialized&&(this.layers.forEach(e=>{e.preloadedCanvasTexture&&(e.preloadedCanvasTexture.shouldUpdate=!0)}),requestAnimationFrame(()=>{this.curtain&&(this.curtain.planes.forEach(e=>{e._canDraw=!0}),this.renderFrame())}))}),this.scrollY=ce)}renderFrame(){var e;this.destroyed||(e=this.curtain)&&e.renderer&&e.renderer.nextRender&&"function"==typeof e.renderer.nextRender.execute&&(this.layers.forEach(e=>{e.local.currentFrameMouseValues=null}),this.handleStateEffects(),this.curtain.render())}renderNFrames(e,t){let s=0;const i=()=>{this.renderFrame(),s<e?(s++,requestAnimationFrame(i)):t&&t()};this.rendering||i()}setInteractiveParams(e,t){let s={mouse:{disableMobile:!1,disabled:!1}};t&&t.mouse&&("disableMobile"in t.mouse&&(s.mouse.disableMobile=t.mouse.disableMobile),"disabled"in t.mouse&&(s.mouse.disabled=t.mouse.disabled)),e&&e.interactivity&&e.interactivity.mouse&&("disableMobile"in e.interactivity.mouse&&(s.mouse.disableMobile=e.interactivity.mouse.disableMobile),"disabled"in e.interactivity.mouse&&(s.mouse.disabled=e.interactivity.mouse.disabled)),this.interactivity=s}getSplitOrderedItems(){let e=this.getOrderedItems(),t=0,s=e[t];if(s){let i=s.parentLayer?s.getParent():null,r=i&&Re(i),a=i&&i.effects&&i.effects.length&&i.getChildEffectItems().filter(e=>Re(e)).length;for(;s&&!Re(s)&&!r&&!a;)t++,s=e[t],s&&(i=s.parentLayer?s.getParent():null,r=i&&Re(i),a=i&&i.effects&&i.effects.length&&i.getChildEffectItems().filter(e=>Re(e)).length);return{static:this.getOrderedItems().splice(0,t),dynamic:this.getOrderedItems().splice(t)}}return{static:[],dynamic:[]}}initializePlanes(e){this.initializing=!0,this.handleItemPlanes(()=>{this.handlePlaneCreation(),e&&e(this)})}getPassPlane(e,t){var s;return null==(s=this.curtain)?void 0:s.planes.find(s=>s.userData.id===e.local.id&&s.userData.passIndex===t)}getRenderTargets(){var e;return null==(e=this.curtain)?void 0:e.renderTargets.filter(e=>e.userData.id)}getPlanes(){var e;return null==(e=this.curtain)?void 0:e.planes.filter(e=>"PingPongPlane"!==e.type)}getPlaneParams(e,t){var s,i,r,a,n;let o=(null==(s=e.data)?void 0:s.heightSegments)||(null==(i=e.data)?void 0:i.widthSegments)?500:1;const h={resolution:{name:"uResolution",type:"2f",value:new S(this.canvasWidth,this.canvasHeight)},mousePos:{name:"uMousePos",type:"2f",value:new S(.5)},time:{name:"uTime",type:"1f",value:0},dpi:{name:"uDpi",type:"1f",value:this.dpi*+this.renderingScale}};e.isElement&&(h.sampleBg={name:"uSampleBg",type:"1i",value:1}),e.isModel&&(h.opacity={name:"uOpacity",type:"1f",value:1}),e.usesPingPong&&(h.previousMousePos={name:"uPreviousMousePos",type:"2f",value:new S(.5)});let l=e.compiledFragmentShaders[t]||e.compiledFragmentShaders[0],d=e.compiledVertexShaders[t]||e.compiledVertexShaders[0];if(e.states&&[...e.states.appear,...e.states.scroll,...e.states.hover].forEach(t=>{h[t.prop]||t.uniformData&&(h[t.prop]=t.uniformData,h[t.prop].value=e[t.prop])}),null==(r=e.data)?void 0:r.uniforms)for(let u in e.data.uniforms){let t=e.data.uniforms[u];h[u]=e.data.uniforms[u],"Vec3"===(null==(a=t.value)?void 0:a.type)?h[u].value=new M(t.value._x,t.value._y,t.value._z):"Vec2"===(null==(n=t.value)?void 0:n.type)?h[u].value=new S(t.value._x,t.value._y):"object"==typeof t.value&&(h[u].value=be(t.value))}return{fragmentShader:l,vertexShader:d,widthSegments:o,heightSegments:o,texturesOptions:{floatingPoint:"half-float",premultiplyAlpha:!0},uniforms:h}}createPlane(e,t,s){var i;let r,a;r=e.isElement||e.isModel?this.getPlaneParams(e):this.getPlaneParams(e,s?s.index:null),r.watchScroll=!1;try{if(!this.curtain.container)throw new Error("Can't find scene container");let n=(null==s?void 0:s.downSample)||0===(null==s?void 0:s.index)&&(null==(i=e.data)?void 0:i.downSample),o=this.renderingScale;if(n&&(o="number"==typeof n?n:.5,o*=this.renderingScale),e.userDownsample&&"number"==typeof e.userDownsample&&(o*=e.userDownsample),a=new se(this.curtain,this.curtain.container,r),!a||!a.userData||!a.textures)throw new Error("Plane not properly initialized");return a.textures.length=0,a.userData.id=e.local.id,a.userData.layerType=e.layerType,a.userData.type=e.type,a.userData.downSample=o,a.setRenderOrder(t),a}catch(n){return null}}createPingPongPlane(e,t,s){var i;let r=this.getPlaneParams(e,1+((null==s?void 0:s.length)||0)),a=null==(i=this.curtain)?void 0:i.planes.find(t=>"PingPongPlane"===t.type&&t.userData.id===e.local.id);if(a)a.setRenderOrder(t);else{if(a=new re(this.curtain,this.curtain.container,r),!a)return;a.userData.id=e.local.id,a.userData.pingpong=!0,a.setRenderOrder(t),a.onReady(()=>{this.setInitialEffectPlaneUniforms(a,e,null==e?void 0:e.getParent(),s),a.userData.isReady=!0}).onRender(()=>{this.setEffectPlaneUniforms(a,e)})}if(a)return a}createEffectPlane(e,t,s){const i=this.createPlane(e,t,s);if(!i)return;const r=e.getParent();if(!i||!i.userData||!i.textures)throw new Error("Plane not properly initialized",i);s&&(i.userData.passIndex=s.index,i.userData.length=e.data.passes.length,Object.entries(s).forEach(([e,t])=>{i.uniforms[e]&&(i.uniforms[e].value=t)})),this.setInitialEffectPlaneUniforms(i,e,r,s),i.onReady(()=>{i.userData.isReady=!0}).onRender(()=>this.setEffectPlaneUniforms(i,e))}createElementPlane(e,t){const s=this.createPlane(e,t);s&&s.onReady(()=>{this.setInitialElementPlaneUniforms(s,e),s.userData.isReady=!0}).onRender(()=>this.setElementPlaneUniforms(s,e))}handleMediaTextures(e,t,s){var i;if([t.texture,null==(i=t.data)?void 0:i.texture].filter(e=>null==e?void 0:e.src).forEach(i=>{var r;if(null==(r=t.compiledFragmentShaders[s.passIndex??0])?void 0:r.includes(i.sampler)){const t=this.local.preloadedTextures[i.src];(null==t?void 0:t.texture)?(t.count>1?(Fe(e,i.sampler,t.texture),t.count--):e.addTexture(t.texture),e.userData.textureLoaded=!0):this.textureLoader.loadImage(i.src,{premultipliedAlpha:!1,sampler:i.sampler},t=>{e.addTexture(t),e.userData.textureLoaded=!0})}}),"video"===t.type){const s=t.src.includes(", ")?function(e){const t=e.split(",").map(e=>e.trim()),s=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),i=/iPad|iPhone|iPod/.test(navigator.userAgent);if(s||i){const e=t.find(e=>e.endsWith(".mov")||e.endsWith(".mp4"));if(e)return e}return t.find(e=>e.endsWith(".webm"))||t[0]}(t.src):t.src;e.loadVideo(s,{premultipliedAlpha:!0,sampler:"uVideoTexture"},s=>{e.videos.at(-1).loop=!t.hasOwnProperty("loop")||t.loop,e.videos.at(-1).playbackRate=t.playbackRate||1,e.videos.at(-1).play(),e.userData.textureLoaded=!0})}}handleEffectPlane(e,t,s){var i;const r="passIndex"in s?this.getPassPlane(e,s.passIndex):e.getPlane();if(!r)return!1;let a=this.getRenderTargets()[t-1],n=null==(i=this.curtain)?void 0:i.planes.find(t=>"PingPongPlane"===t.type&&t.userData.id===e.local.id),o=e.compiledFragmentShaders[s.passIndex??0];if(n&&(null==o?void 0:o.includes("uPingPongTexture"))&&Fe(r,"uPingPongTexture",n.getTexture()),a?Fe(r,"uTexture",a.getTexture()):Fe(r,"uTexture"),null==o?void 0:o.includes("uBgTexture")){let e=this.getRenderTargets()[t-(1+s.passIndex)];e&&Fe(r,"uBgTexture",e.getTexture())}this.handleMediaTextures(r,e,s)}handleModelPlane(e,t){var s;const i=e.getPlane();let r=this.getRenderTargets()[t-1];const a=this.layers.filter(e=>!e.parentLayer);let n=a[a.indexOf(e)-1];i.textures.forEach(e=>{}),i.textures=[],(null==(s=e.local.renderTarget)?void 0:s.getTexture)&&e.local.modelLoaded?i.addTexture(e.local.renderTarget.getTexture()):i.createTexture({sampler:"uTexture",premultipliedAlpha:!0,fromTexture:r.getTexture()}),r&&e.renderNormals&&i.createTexture({sampler:"uRefractTexture",premultipliedAlpha:!0,fromTexture:r.getTexture()}),n.local.lastTarget&&i.createTexture({sampler:"uBgTexture",premultipliedAlpha:!0,fromTexture:n.local.lastTarget.getTexture()})}handleElementPlane(e,t){const s=e.getPlane();if(!s)return!1;const i=e.getChildEffectItems(),r=this.layers.filter(e=>!e.parentLayer);let a,n=this.getRenderTargets()[t-1],o=e.maskDepthLayer||1,h=r[r.indexOf(e)-(1+o)];if(e.mask&&h&&(a=h.local.lastTarget),i.length||(s.textures.length=0),n&&i.length?Fe(s,"uTexture",n.getTexture()):s&&s.addTexture(e.preloadedCanvasTexture),n){if(i.length){let e=i.reduce((e,t)=>e+t.getPlanes().length,0);n=this.getRenderTargets()[t-(1+e)]}n&&(Fe(s,"uBgTexture",n.getTexture()),a&&e.mask&&Fe(s,"uPreviousLayerTexture",a.getTexture()))}}handleChildEffectPlane(e,t,s){var i;const r="passIndex"in s?this.getPassPlane(e,s.passIndex):e.getPlane();if(!r)return;const a=e.getParent();let n=this.getRenderTargets()[t-1],o=null==(i=this.curtain)?void 0:i.planes.find(t=>"PingPongPlane"===t.type&&t.userData.id===e.local.id),h=e.compiledFragmentShaders[s.passIndex??0],l=a.effects.filter(e=>{if(this.layers.find(t=>t.parentLayer===e))return this.layers.find(t=>t.parentLayer===e)}),d=l.indexOf(e.parentLayer),u=l[l.length-1]===l[d],c=s.passIndex===s.length;if(n&&(d||s.passIndex>0)?(e.isMask&&(!s.length||u&&c)&&r.addTexture(a.preloadedCanvasTexture),Fe(r,"uTexture",n.getTexture())):e.isMask?(u&&c&&r.addTexture(a.preloadedCanvasTexture),n?Fe(r,"uTexture",n.getTexture()):Fe(r,"uTexture")):(null==h?void 0:h.includes("uTexture"))&&(r.addTexture(a.preloadedCanvasTexture),a.preloadedCanvasTexture.userData.used=!0),o&&(null==h?void 0:h.includes("uPingPongTexture"))&&Fe(r,"uPingPongTexture",o.getTexture()),null==h?void 0:h.includes("uBgTexture"))if(d&&s.length>1){let e=this.getRenderTargets()[t-(1+s.length)];e&&Fe(r,"uBgTexture",e.getTexture())}else a.preloadedCanvasTexture.userData.used?r.loadCanvas(a.local.canvas,{sampler:"uBgTexture",premultiplyAlpha:!0},e=>{e.shouldUpdate=a.preloadedCanvasTexture.shouldUpdate}):(a.preloadedCanvasTexture._samplerName="uBgTexture",r.addTexture(a.preloadedCanvasTexture));"custom"===e.type&&Fe(r,"uCustomTexture",this.getRenderTargets()[t]),this.handleMediaTextures(r,e,s)}createPlanes(){this.getOrderedItems().forEach((e,t)=>{e.getPlanes().length?e.getPlanes().forEach(e=>e.setRenderOrder(t)):e.isElement?this.createElementPlane(e,t):e.isModel?this.createModelPlane(e,t):this.createEffectPlanes(e,t)})}createModelPlane(e,t){const s=this.createPlane(e,t);s&&s.onReady(()=>{s.userData.isReady=!0,s.userData.createdAt=performance.now();let t=e.userDownsample||1,i=this.curtain.canvas.width*t,r=this.curtain.canvas.height*t;e.local.renderTarget||(e.local.renderTarget=new ie(this.curtain,{depth:!0,maxWidth:i,maxHeight:r,texturesOptions:{sampler:"uTexture",premultiplyAlpha:!0}}),e.local.rendererLoaded||e.loadRenderer())}).onRender(()=>{this.setModelPlaneUniforms(s,e),this.curtain.gl&&e.renderModel()})}createEffectPlanes(e,t){const s=e.data;s.passes&&s.passes.length?(this.createEffectPlane(e,t,{index:0,downSample:s.downSample,length:s.passes.length+1}),s.passes.forEach((i,r)=>{this.createEffectPlane(e,t,{index:r+1,length:s.passes.length+1,downSample:i.downSample,[i.prop]:i.value})}),e.usesPingPong&&this.createPingPongPlane(e,t,s.passes)):(this.createEffectPlane(e,t),e.usesPingPong&&this.createPingPongPlane(e,t))}createTextures(){const e=this.getPlanes().sort((e,t)=>e.renderOrder-t.renderOrder),t=e.length;for(let s=0;s<t;s++){const i=e[s];let r=this.layers.find(e=>e.local.id===i.userData.id);s<t-1&&this.assignRenderTargetToPlane(e,s,r,i),this.handleTextures(r,s,i.userData),r.local.lastTarget=i.target}}assignRenderTargetToPlane(e,t,s,i){let r=this.getTextureParams(e,t,s),a=this.getRenderTargets()[t]||new ie(this.curtain,r);a.userData.id=i.userData.id,i.setRenderTarget(a)}handleTextures(e,t,s){e.isElement?this.handleElementPlane(e,t):e.isModel?this.handleModelPlane(e,t):e.parentLayer?this.handleChildEffectPlane(e,t,s):this.handleEffectPlane(e,t,s)}handleItemPlanes(e){this.createPlanes(),this.createTextures(),this.checkIfReady(e)}checkIfReady(e){const t=()=>{var s;let i=!1;const r=null==(s=this.curtain)?void 0:s.planes;if(r){for(let e=0;e<r.length;e++)if(!r[e].userData.isReady){i=!0;break}i?(this.renderFrame(),requestAnimationFrame(t)):e()}};t()}setModelPlaneUniforms(e,t){e.uniforms.resolution.value.x=this.curtain.canvas.width,e.uniforms.resolution.value.y=this.curtain.canvas.height;const s=this.calculateItemMouseValues(t);s&&!t.local.mouse&&(t.local.mouse={x:.5,y:.5}),s&&(t.local.mouse.x=s.x,t.local.mouse.y=s.y),e.uniforms.opacity&&(e.uniforms.opacity.value=t.local.modelLoaded?t.opacity:0)}setInitialEffectPlaneUniforms(e,t,s,i){var r;if(!e.userData.initialUniformsSet||!e.userData.isReady){for(let s in e.uniforms)(null==(r=t.states)?void 0:r.scroll.some(e=>e.prop===s))||(t.local.bpProps&&s in t.local.bpProps?Ae(t.local.bpProps[s],e.uniforms[s],s):s in t&&Ae(t[s],e.uniforms[s],s));s&&i&&i.index<i.length-1&&e.uniforms.isMask&&(e.uniforms.isMask.value=0),s&&t.isMask&&!t.mouseMomentum&&(t.mouseMomentum=s.mouseMomentum),e.uniforms.resolution.value.x=this.curtain.canvas.width,e.uniforms.resolution.value.y=this.curtain.canvas.height,e.userData.initialUniformsSet=!0}}handleStateEffects(){this.layers.forEach(e=>{e.updateStateEffects()})}setInitialElementPlaneUniforms(e,t){var s;e.uniforms.resolution.value.x=this.curtain.canvas.width,e.uniforms.resolution.value.y=this.curtain.canvas.height;for(let i in e.uniforms)t.local.bpProps&&i in t.local.bpProps?e.uniforms[i].value=t.local.bpProps[i]:i in t&&(e.uniforms[i].value=(null==(s=t.local.stateEffectProps)?void 0:s[i])??t[i]);e.uniforms.sampleBg&&(e.renderOrder-t.effects.length===0?e.uniforms.sampleBg.value=0:e.uniforms.sampleBg.value=1)}setElementPlaneUniforms(e,t){if(e.uniforms.mousePos){t.local.currentFrameMouseValues||(t.local.currentFrameMouseValues=this.calculateItemMouseValues(t));const s=t.local.currentFrameMouseValues;if(!s)return;!this.mouse.movedInView||e.uniforms.mousePos.value.x===s.x&&e.uniforms.mousePos.value.y===s.y||(e.uniforms.mousePos.value.x=s.x,e.uniforms.mousePos.value.y=s.y)}}calculateItemMouseValues(e){if(!this.mouse.movedInView)return null;const t=this.bbox.width/2,s=this.bbox.height/2,i=this.getMousePosWithMomentum(e,t,s);return this.local.mouseValuePool||(this.local.mouseValuePool=new S(.5)),this.local.mouseValuePool.x=i.x,this.local.mouseValuePool.y=i.y,this.local.mouseValuePool}getMousePosWithMomentum(e,t,s){let i=this.mouse.pos.x,r=this.mouse.pos.y,a=e.trackAxes||"xy",n="x"===a||"xy"===a,o="y"===a||"xy"===a;const h=e.mouseMomentum||0;let l=i/t,d=1-r/s;if(!h)return{x:n?l:.5,y:o?d:.5};if(!e.local.lastMousePos)return e.local.lastMousePos={x:n?l:.5,y:o?d:.5},e.local.lastMousePos;const u=e.local.lastMousePos.x*t,c=(1-e.local.lastMousePos.y)*s,p=Math.abs(i-u),m=Math.abs(r-c);return p<fe&&m<fe||(n?(i=Pe(i,u,2*h),e.local.lastMousePos.x=i/t):e.local.lastMousePos.x=.5,o?(r=Pe(r,c,2*h),e.local.lastMousePos.y=1-r/s):e.local.lastMousePos.y=.5),e.local.lastMousePos}setEffectPlaneUniforms(e,t){var s,i,r,a;let n=(null==(s=t.local.stateEffectProps)?void 0:s.speed)??t.speed??1;if(t.animating&&e.uniforms.time&&(e.uniforms.time.value+=60*n/this.fps),(null==(i=t.local.stateEffectProps)?void 0:i.playbackRate)&&e.videos.at(-1)&&(e.videos.at(-1).playbackRate=t.local.stateEffectProps.playbackRate),we()&&(null==(a=null==(r=this.interactivity)?void 0:r.mouse)?void 0:a.disableMobile))return!1;if(!this.mouse.movedInView)return;t.local.currentFrameMouseValues||(t.local.currentFrameMouseValues=this.calculateItemMouseValues(t));const o=t.local.currentFrameMouseValues;o&&(e.uniforms.previousMousePos&&(this.mouse.ticks>16?(e.uniforms.previousMousePos.value.x=e.uniforms.mousePos.value.x,e.uniforms.previousMousePos.value.y=e.uniforms.mousePos.value.y):(e.uniforms.previousMousePos.value.x=o.x,e.uniforms.previousMousePos.value.y=o.y)),e.uniforms.mousePos&&!o.equals(e.uniforms.mousePos.value)&&(e.uniforms.mousePos.value.x=o.x,e.uniforms.mousePos.value.y=o.y),this.mouse.ticks++)}getOrderedItems(){let e=[];return this.layers.filter(e=>!e.parentLayer).forEach(t=>{t.effects&&t.effects.length&&e.push(...t.getChildEffectItems()),e.push(t)}),e}getTextureParams(e,t,s){var i;const r=e[t];let a=1;r.userData.downSample&&(a="number"==typeof r.userData.downSample?r.userData.downSample:.5);return{maxWidth:this.curtain.canvas.width*a,maxHeight:this.curtain.canvas.height*a,depth:null==(i=null==s?void 0:s.data)?void 0:i.depth}}handlePlaneCreation(){this.initialized=!0,this.initializing=!1,this.rendering||this.renderNFrames(2),this.waitForAssetsAndDisablePlanes(),Ee()}waitForAssetsAndDisablePlanes(){this.layers.some(e=>e.isModel&&!e.local.modelLoaded||"image"===e.layerType||"text"===e.layerType&&!e.local.loaded||Object.values(this.local.preloadedTextures).some(e=>e&&null===e.texture))?setTimeout(()=>this.waitForAssetsAndDisablePlanes(),64):(this.layers.filter(e=>e.preloadedCanvasTexture).forEach(e=>{e.preloadedCanvasTexture.shouldUpdate=e.preloadedCanvasTexture.userData.hasStateEffects||!1}),setTimeout(()=>this.disablePlanes(),16))}disablePlanes(){const e=this.getSplitOrderedItems();e.dynamic.length||e.static.pop();for(const t of e.static)t.getPlanes().forEach(e=>{e._canDraw=!1})}}function Ke(e,t,s){e.addEventListener(t,s,{passive:!0})}function et(e,t,s){e.removeEventListener(t,s)}function tt(){Ke(window,"scroll",qe),we()?Ke(window,"touchmove",Ze):Ke(window,"mousemove",Ze),Ke(window,"routeChange",Me),Ke(document,"mouseleave",$e),he=function(e,t){let s;return function(...i){clearTimeout(s),s=setTimeout(()=>{e.apply(this,i)},t)}}(Ge,16),we()?Ke(window,"orientationchange",he):Ke(window,"resize",he),Ke(document,ne,je),le=!0}function st(){et(window,"mousemove",Ze),et(window,"touchmove",Ze),et(window,"scroll",qe),et(window,"routeChange",Me),et(document,"mouseleave",$e),he&&(et(window,"resize",he),et(window,"orientationchange",he)),et(document,ne,je),le=!1}function it(e){let t=e.projectId?e.projectId.split("?")[0]:null,s=e.projectId?e.projectId.split("?")[1]:null;return new Promise((i,r)=>{(function(e,t,s,i,r){let a;if(s){a=s;const e=document.getElementById(s);if(e)try{let t=JSON.parse(e.innerText);return(null==t?void 0:t.options)&&((null==t?void 0:t.layers)||(null==t?void 0:t.history))?Promise.resolve(t):(i(new Error(`Did not find valid JSON inside ${s}`)),Promise.reject())}catch(n){return i(new Error(`Error parsing JSON from ${s}: ${n.message}`)),Promise.reject()}}else{let s="https://storage.googleapis.com/unicornstudio-production";r||(null==t?void 0:t.includes("production=true"))?(s="https://assets.unicorn.studio",t=`v=${Date.now()}`):(null==t?void 0:t.includes("update="))||(t=`v=${Date.now()}`),a=`${s}/embeds/${e}${t?"?"+t:""}`}return fetch(a).then(e=>e.json()).then(e=>e).catch(e=>{})})(t,s,e.filePath,r,e.production).then(s=>{s&&(s.layers||s.history)&&s.options||r(new Error(`Error fetching data for project id '${e.projectId}'`));const a=s.options||{},n=(o=e.element,("object"==typeof HTMLElement?o instanceof HTMLElement:o&&"object"==typeof o&&null!==o&&1===o.nodeType&&"string"==typeof o.nodeName)?e.element:document.getElementById(e.elementId));var o;if(!n)return void r(new Error(`Couldn't find an element with id '${e.elementId}' on the page.`));const h=xe();n.setAttribute("data-scene-id",h);let l=e.scale||a.scale||1,d=e.dpi||a.dpi||Math.min(1.5,window.devicePixelRatio);const u=function(e,t,s,i){const r=i?{...s,modules:i}:s,a=[];return e.forEach(e=>{switch(e.layerType){case"text":a.push(new He(e,t,null,r).unpackage());break;case"image":a.push(new We(e,t,r).unpackage());break;case"model":a.push(new Ne(e,t,r).unpackage());break;case"shape":a.push(new Ve(e,t,r).unpackage());break;case"effect":a.push(new Be(e,t,r).unpackage())}}),a}(s.layers||s.history,h,function(e,t,s){return{canvasWidth:e.offsetWidth,canvasHeight:e.offsetHeight,scale:t,dpi:s,element:e}}(n,l,d),s.modules),c=new Je({id:h,fps:e.fps||a.fps||60,dpi:d,name:a.name,projectId:t||e.filePath.split(".")[0],renderingScale:l,element:n,lazyLoad:e.lazyLoad,fixed:e.fixed,width:e.width,height:e.height});c.curtain.canvas.innerText=e.altText||"",c.curtain.canvas.setAttribute("aria-label",e.ariaLabel||"Unicorn Studio Scene"),c.curtain.canvas.setAttribute("role","img");let p=a[_e("ZnJlZVBsYW4=")];(p||a[_e("aW5jbHVkZUxvZ28=")])&&function(e,t){const s=document.createElement("a");s.href="https://unicorn.studio?utm_source=public-url",s.style="position: absolute; display: flex; bottom: 30px; left: 0; width: 190px; margin: 0 auto; right: 0rem; padding: 10px; border-radius: 6px; background-color: rgba(255, 255, 255, 1); box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .2); z-index: 99999999; box-sizing: border-box;",s.target="_blank";const i=document.createElement("img");i.src=_e("aHR0cHM6Ly9hc3NldHMudW5pY29ybi5zdHVkaW8vbWVkaWEvbWFkZV9pbl91c19zbWFsbF93ZWIuc3Zn"),i.alt=_e("TWFkZSB3aXRoIHVuaWNvcm4uc3R1ZGlv"),i.style="width: 170px; height: auto;",s.appendChild(i),t.appendChild(s)}(0,n),Qe.push(c),c.layers=u,c.preloadTextures(),c.setInteractiveParams(e,a),c.isInView=c.isFixed||Xe(c.element,c.bbox,50),c.lazyLoad&&!c.isInView||c.initializePlanes(),le||tt(),i(c)}).catch(e=>{r(e)})})}e.addScene=it,e.destroy=function(){Qe.forEach(e=>{e.destroy()}),Qe.length=0,st()},e.init=function(){return function(){try{return!!document.createElement("canvas").getContext("webgl2")}catch(e){return!1}}()?new Promise((e,t)=>{const s=[...document.querySelectorAll("[data-us-project], [data-us-project-src]")],i="undefined"!=typeof window&&window.requestIdleCallback?window.requestIdleCallback:e=>setTimeout(e,0);s.filter(e=>!e.getAttribute("data-us-initialized")).forEach((t,r)=>{t.setAttribute("data-us-initialized",!0),i(()=>{const i=Te(t,"data-us-project"),a=Te(t,"data-us-project-src"),n=Te(t,"data-us-disablemobile"),o=Te(t,"data-us-disablemouse");it({projectId:a?null:i,filePath:a,element:t,dpi:+Te(t,"data-us-dpi"),scale:+Te(t,"data-us-scale"),production:Te(t,"data-us-production"),fps:+Te(t,"data-us-fps"),lazyLoad:Te(t,"data-us-lazyload"),altText:Te(t,"data-us-alttext"),ariaLabel:Te(t,"data-us-arialabel"),fixed:Te(t,"data-us-fixed"),interactivity:n||o?{mouse:{disableMobile:n,disabled:o}}:null}).then(t=>{r===s.length-1&&e(Qe)})})})}):Promise.resolve([])},e.scenes=Qe,e.unbindEvents=st,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
2 | 


--------------------------------------------------------------------------------