1c:I[88678,["8500","static/chunks/8500-01a63dafd809e317.js","3725","static/chunks/3725-1271f26d54bf6b57.js","7645","static/chunks/7645-1ca8d29f22f0cbd8.js","9695","static/chunks/9695-49a7c029c38ce6ae.js","2555","static/chunks/2555-08f52e68208a57e8.js","2395","static/chunks/2395-5e305d89191e3da6.js","294","static/chunks/app/library/%5Bslug%5D/page-2dadb29d2213cdf3.js"],"LibraryDetail"] 1d:Tf189,"use client"; /*! * Sculpture Hero — liquid particle hero * Copyright (c) 2026 Guglielmo Giannattasio · MIT * https://21st.dev/@gughigug/components/liquid-sculpture-hero * Supplied by the user. Integration fixes: escaped newlines, resource cleanup, * framebuffer validation, fallback handling and React lifecycle compatibility. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies * of the Software, and to permit persons to whom the Software is furnished to do * so, subject to the following conditions: * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ import * as React from "react"; type Rect = { x: number; y: number; w: number; h: number; }; type RGB = [ number, number, number ]; interface EngineOptions { interactive: boolean; strength: number; radius: number; density: number; dotSize: number; spread: number; turbulence: number; returnSpeed: number; streaks: boolean; restStyle: "image" | "particles"; ambient: boolean; ambientIntensity: number; speed: number; intro: boolean; reducedMotion: boolean; bg: RGB; imgBg: RGB | null; liquid: number; } function clamp(v: number, a: number, b: number) { return Math.min(b, Math.max(a, v)); } function hexToRgb(hex: string, fallback: RGB): RGB { if (typeof hex !== "string") return fallback; const s = hex.trim(); let m = s.match(/^#?([0-9a-f]{3})$/i); if (m) { const [r, g, b] = m[1].split("").map(c => parseInt(c + c, 16) / 255); return [r, g, b]; } m = s.match(/^#?([0-9a-f]{6})([0-9a-f]{2})?$/i); if (m) { const n = parseInt(m[1], 16); return [((n >> 16) & 255) / 255, ((n >> 8) & 255) / 255, (n & 255) / 255]; } m = s.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i); return m ? [+m[1] / 255, +m[2] / 255, +m[3] / 255] : fallback; } /* GPU shaders: cursor wake → ping-pong particle simulation → image + particles. */ const NOISE = ` float hash(vec2 p){ p = fract(p*vec2(123.34,456.21)); p += dot(p,p+45.32); return fract(p.x*p.y); } float vnoise(vec2 p){ vec2 i=floor(p); vec2 f=fract(p); vec2 u=f*f*f*(f*(f*6.0-15.0)+10.0); return mix(mix(hash(i),hash(i+vec2(1.0,0.0)),u.x), mix(hash(i+vec2(0.0,1.0)),hash(i+vec2(1.0,1.0)),u.x), u.y); } vec2 ambientField(vec2 uv, float t){ vec2 q = uv*vec2(3.2,1.7); vec2 a = vec2(vnoise(q+vec2(t*0.11,0.0))-0.5, vnoise(q+vec2(5.2,t*0.08)+3.1)-0.5); vec2 q2 = uv*vec2(7.5,4.0) + vec2(-t*0.19, t*0.13); vec2 b = vec2(vnoise(q2+1.7)-0.5, vnoise(q2+9.3)-0.5); return a + b*0.45; }`; const ENERGY = ` float energyAt(vec2 rectPx, vec2 mouse, float radius, float presence, float wakeEnergy){ vec2 d = rectPx - mouse; float f = exp(-dot(d,d)/(radius*radius))*presence; return smoothstep(0.06, 0.5, f*1.15 + wakeEnergy*1.7); }`; const QUAD_VS = `#version 300 es layout(location=0) in vec2 aPos; out vec2 vUv; void main(){ vUv = aPos*0.5+0.5; gl_Position = vec4(aPos,0.0,1.0); }`; const FLOW_FS = `#version 300 es precision highp float; in vec2 vUv; out vec4 o; uniform sampler2D uPrev; uniform vec2 uTexel; uniform vec2 uMouse; uniform vec2 uVel; uniform vec2 uSize; uniform float uRadius; uniform float uPresence; uniform float uDecay; vec2 decV(vec4 c){ return (c.rg*255.0-128.0)/127.0; } void main(){ vec2 v0 = decV(texture(uPrev, vUv)); vec2 uv = vUv - v0*uTexel*2.5; vec4 c = texture(uPrev, uv)*0.52 + 0.12*(texture(uPrev, uv+vec2(uTexel.x,0.0)) + texture(uPrev, uv-vec2(uTexel.x,0.0)) + texture(uPrev, uv+vec2(0.0,uTexel.y)) + texture(uPrev, uv-vec2(0.0,uTexel.y))); vec2 v = decV(c); float p = c.b; vec2 d = (vUv-uMouse)*uSize; float f = exp(-dot(d,d)/(uRadius*uRadius))*uPresence; float sp = clamp(length(uVel)*2.5, 0.0, 1.0); v += uVel*f*0.22; p = max(p, f*sp); v *= uDecay; p *= uDecay; v = sign(v)*max(abs(v)-1.2/127.0, 0.0); p = max(p-1.2/255.0, 0.0); v = clamp(v, -1.0, 1.0); o = vec4((v*127.0+128.0)/255.0, p, 1.0); }`; const SIM_FS = `#version 300 es precision highp float; out vec4 o; uniform sampler2D uState; uniform sampler2D uHome; uniform sampler2D uFlow; uniform vec2 uSize; uniform vec2 uMouse; uniform float uRadius; uniform float uPresence; uniform float uStrength; uniform float uSpread; uniform float uTurb; uniform float uReturn; uniform float uTime; uniform float uDt; uniform float uIntro; ${NOISE} vec2 curl(vec2 p){ const float e = 0.35; float a = vnoise(p+vec2(0.0,e)) - vnoise(p-vec2(0.0,e)); float b = vnoise(p+vec2(e,0.0)) - vnoise(p-vec2(e,0.0)); return vec2(a, -b)/(2.0*e); } void main(){ ivec2 ij = ivec2(gl_FragCoord.xy); vec4 hm = texelFetch(uHome, ij, 0); if(hm.w <= 0.0){ o = vec4(0.0); return; } vec4 st = texelFetch(uState, ij, 0); vec2 off = st.xy; vec2 vel = st.zw; float sd = hm.z; float light = 0.45 + sd*1.1; vec2 p = hm.xy*uSize + off; vec4 fl = texture(uFlow, clamp(p/uSize, 0.0, 1.0)); vec2 wake = (fl.rg*255.0-128.0)/127.0; float pr = fl.b; vec2 toM = p - uMouse; float r2 = dot(toM,toM); float f = exp(-r2/(uRadius*uRadius))*uPresence; vec2 n = toM*inversesqrt(r2+1.0); float e = clamp(pr*2.0 + f, 0.0, 1.0); vec2 acc = vec2(0.0); acc += n*f*1.25*uStrength*uSpread*light; acc += vec2(-n.y, n.x)*f*1.45*uStrength*uSpread*(0.4+sd); acc += (wake*42.0*uSpread*light - vel)*e*0.08; vec2 q = p*0.0095 + vec2(uTime*0.35, -uTime*0.2); vec2 c = curl(q) + 0.5*curl(q*2.3 + 7.1); acc += c*(e*1.2*uSpread + uIntro*1.5)*uTurb*light; float k = (0.006 + 0.02*uReturn)*(0.65+sd*0.7)*(1.0 - uIntro*0.75); acc -= off*k; vel += acc*uDt; vel *= pow(mix(0.93, 0.955, e), uDt); off += vel*uDt; if(dot(off,off) < 0.0004 && dot(vel,vel) < 0.0004){ off = vec2(0.0); vel = vec2(0.0); } o = vec4(off, vel); }`; const PART_VS = `#version 300 es precision highp float; layout(location=0) in vec2 aCorner; uniform sampler2D uState; uniform sampler2D uHome; uniform sampler2D uCol; uniform sampler2D uFlow; uniform int uTexW; uniform vec4 uRect; uniform vec2 uRes; uniform vec2 uMouse; uniform float uRadius; uniform float uPresence; uniform float uDot; uniform float uTime; uniform float uAmbient; uniform float uStreak; uniform float uIntroVis; uniform float uRest; uniform vec3 uTint; out vec2 vLocal; out float vHalfLen; out float vR; out vec3 vCol; out float vA; ${NOISE} ${ENERGY} void main(){ int id = gl_InstanceID; ivec2 ij = ivec2(id % uTexW, id / uTexW); vec4 hm = texelFetch(uHome, ij, 0); vec4 st = texelFetch(uState, ij, 0); vec4 cl = texelFetch(uCol, ij, 0); float wakeE = texture(uFlow, hm.xy).b; float E = energyAt(hm.xy*uRect.zw, uMouse, uRadius, uPresence, wakeE); float lift = smoothstep(0.35, 2.5, length(st.xy)); float a = max(max(E, lift), max(uRest, 1.0-uIntroVis)); if(a < 0.01 || hm.w <= 0.0){ gl_Position = vec4(2.0,2.0,2.0,1.0); return; } vec2 base = uRect.xy + hm.xy*uRect.zw + st.xy; base -= ambientField(hm.xy, uTime)*10.0*uAmbient; vec2 v = st.zw; float sp = length(v); vec2 dir = sp > 0.001 ? v/sp : vec2(1.0,0.0); float r = uDot*hm.w*0.5; float len = min(sp*1.25, 18.0)*uStreak; vec2 lc = aCorner*vec2(r + len*0.5 + 1.0, r + 1.0); vec2 center = base - dir*len*0.5; vec2 world = center + dir*lc.x + vec2(-dir.y, dir.x)*lc.y; vec2 clip = world/uRes*2.0-1.0; gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0); vLocal = lc; vHalfLen = len*0.5; vR = r; vec3 col = cl.rgb*uTint; float glint = smoothstep(2.0, 16.0, sp); col = mix(col, min(col*1.18 + vec3(0.07,0.075,0.085), vec3(1.0)), glint*0.75); vCol = col; vA = a; }`; const PART_FS = `#version 300 es precision highp float; in vec2 vLocal; in float vHalfLen; in float vR; in vec3 vCol; in float vA; uniform float uDpr; out vec4 o; void main(){ vec2 q = vec2(max(abs(vLocal.x)-vHalfLen, 0.0), vLocal.y); float d = length(q) - vR; float a = clamp(0.5 - d*uDpr, 0.0, 1.0); float tail = vHalfLen > 0.0 ? clamp(0.5 - vLocal.x/(2.0*(vHalfLen+vR)), 0.0, 1.0) : 0.0; a *= 1.0 - tail*0.55; a *= vA; if(a < 0.004) discard; o = vec4(vCol*a, a); }`; const IMAGE_FS = `#version 300 es precision highp float; out vec4 o; uniform sampler2D uImg; uniform sampler2D uFlow; uniform vec2 uRes; uniform float uDpr; uniform vec4 uRect; uniform vec3 uBg; uniform vec3 uImgBg; uniform vec2 uMouse; uniform float uPresence; uniform float uRadius; uniform float uStrength; uniform float uTime; uniform float uAmbient; uniform float uIntroVis; uniform float uRest; uniform float uAlphaMode; ${NOISE} ${ENERGY} void main(){ vec2 px = vec2(gl_FragCoord.x, uRes.y*uDpr - gl_FragCoord.y)/uDpr; vec2 size = uRect.zw; vec2 uv = (px-uRect.xy)/size; if(uv.x < -0.05 || uv.x > 1.05 || uv.y < -0.12 || uv.y > 1.12){ o = vec4(0.0); return; } vec4 fl = texture(uFlow, clamp(uv,0.0,1.0)); vec2 vel = (fl.rg*255.0-128.0)/127.0; vec2 rp = uv*size; vec2 toM = rp - uMouse; float fall = exp(-dot(toM,toM)/(uRadius*uRadius))*uPresence; vec2 disp = -toM*0.22*uStrength*fall - vel*10.0*uStrength; disp += ambientField(uv, uTime)*10.0*uAmbient; vec2 suv = uv + disp/size; vec4 tx = texture(uImg, suv); vec3 col = tx.rgb; vec2 e = smoothstep(vec2(0.0), vec2(0.004,0.01), suv) * smoothstep(vec2(1.0), vec2(0.996,0.99), suv); float key = uAlphaMode > 0.5 ? tx.a : smoothstep(0.012, 0.05, length(col-uImgBg)); float k = key*e.x*e.y; float E = energyAt(rp, uMouse, uRadius, uPresence, fl.b); float show = (1.0 - max(E, uRest))*uIntroVis; vec3 mat = uAlphaMode > 0.5 ? col : col*(uBg/max(uImgBg, vec3(0.001))); float A = k*show; o = vec4(mat*A, A); }`; type Prog = { p: WebGLProgram; u: Record; }; function compile(gl: WebGL2RenderingContext, vs: string, fs: string): Prog { const shaders: WebGLShader[] = []; const p = gl.createProgram(); if (!p) throw new Error("Program allocation failed"); try { for (const [type, source] of [[gl.VERTEX_SHADER, vs], [gl.FRAGMENT_SHADER, fs]] as const) { const shader = gl.createShader(type); if (!shader) throw new Error("Shader allocation failed"); shaders.push(shader); gl.shaderSource(shader, source); gl.compileShader(shader); if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) throw new Error("Shader: " + gl.getShaderInfoLog(shader)); gl.attachShader(p, shader); } gl.bindAttribLocation(p, 0, "aPos"); gl.linkProgram(p); if (!gl.getProgramParameter(p, gl.LINK_STATUS)) throw new Error("Link: " + gl.getProgramInfoLog(p)); const u: Prog["u"] = {}; const n: number = gl.getProgramParameter(p, gl.ACTIVE_UNIFORMS); for (let i = 0; i < n; i++) { const info = gl.getActiveUniform(p, i); if (info) u[info.name] = gl.getUniformLocation(p, info.name); } return { p, u }; } catch (error) { gl.deleteProgram(p); throw error; } finally { shaders.forEach(shader => gl.deleteShader(shader)); } } const TEX_W = 1024; const SETTLE_FRAMES = 270; class LiquidEngine { lastImage: HTMLImageElement | null = null; onFirstFrame: (() => void) | null = null; private gl: WebGL2RenderingContext; private lowPower = false; private stateFormat = { internal: 0, type: 0 }; private pFlow!: Prog; private pSim!: Prog; private pPart!: Prog; private pImg!: Prog; private vao!: WebGLVertexArrayObject; private quad!: WebGLBuffer; private imgTex: WebGLTexture | null = null; private flowTex: WebGLTexture[] = []; private flowFb: WebGLFramebuffer[] = []; private flowW = 256; private flowH = 104; private flowIdx = 0; private flowDirty = false; private homeTex: WebGLTexture | null = null; private colTex: WebGLTexture | null = null; private stateTex: WebGLTexture[] = []; private stateFb: WebGLFramebuffer[] = []; private stateIdx = 0; private texH = 1; private n = 0; private gridW = 1; private stateDirty = false; private alphaMode = false; private imgBg: RGB = [0.918, 0.914, 0.906]; private flowing = 0; private aspect = 2.5; private rect: Rect = { x: 0, y: 0, w: 1, h: 1 }; private cssW = 1; private cssH = 1; private target = { x: -9999, y: -9999 }; private mouse = { x: -9999, y: -9999 }; private prevMouse = { x: -9999, y: -9999 }; private mvel = { x: 0, y: 0 }; private presence = 0; private presenceTarget = 0; private burst = 0; private settle = 1e9; private touchRelease = 0; private time = 0; private introT = 1; private raf = 0; private running = false; private last = 0; private skip = 0; private visible = true; private ready = false; private destroyed = false; private lost = false; private homeData: Float32Array | null = null; constructor(private canvas: HTMLCanvasElement, private opts: EngineOptions, private onFail: () => void) { const gl = canvas.getContext("webgl2", { alpha: true, antialias: false, depth: false, stencil: false, premultipliedAlpha: true, preserveDrawingBuffer: false, powerPreference: "high-performance" }); if (!gl) throw new Error("WebGL2 unavailable"); this.gl = gl; const nav = navigator as Navigator & { deviceMemory?: number; }; this.lowPower = (nav.hardwareConcurrency || 8) <= 4 || (nav.deviceMemory || 8) <= 4 || window.matchMedia("(pointer: coarse)").matches; try { this.initGL(); } catch (error) { this.destroy(); throw error; } canvas.addEventListener("webglcontextlost", this.onLost, false); } private onLost = (event: Event) => { event.preventDefault(); this.lost = true; this.stop(); this.onFail(); }; private initGL() { const gl = this.gl; if (!gl.getExtension("EXT_color_buffer_float") && !gl.getExtension("EXT_color_buffer_half_float")) throw new Error("No float render targets"); this.stateFormat = { internal: gl.RGBA16F, type: gl.HALF_FLOAT }; this.pFlow = compile(gl, QUAD_VS, FLOW_FS); this.pSim = compile(gl, QUAD_VS, SIM_FS); this.pPart = compile(gl, PART_VS, PART_FS); this.pImg = compile(gl, QUAD_VS, IMAGE_FS); this.vao = gl.createVertexArray()!; gl.bindVertexArray(this.vao); this.quad = gl.createBuffer()!; gl.bindBuffer(gl.ARRAY_BUFFER, this.quad); gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]), gl.STATIC_DRAW); gl.enableVertexAttribArray(0); gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0); for (let i = 0; i < 2; i++) { const t = this.makeTex(gl.RGBA8, this.flowW, this.flowH, gl.RGBA, gl.UNSIGNED_BYTE, null, gl.LINEAR); const fb = gl.createFramebuffer()!; this.flowTex.push(t); this.flowFb.push(fb); gl.bindFramebuffer(gl.FRAMEBUFFER, fb); gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, t, 0); if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) !== gl.FRAMEBUFFER_COMPLETE) throw new Error("Flow FBO incomplete"); } this.clearFlow(); } private makeTex(internal: number, w: number, h: number, format: number, type: number, data: ArrayBufferView | null, filter: number) { const gl = this.gl; const t = gl.createTexture()!; gl.bindTexture(gl.TEXTURE_2D, t); gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1); gl.texImage2D(gl.TEXTURE_2D, 0, internal, w, h, 0, format, type, data); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); return t; } private clearFlow() { const gl = this.gl; for (const fb of this.flowFb) { gl.bindFramebuffer(gl.FRAMEBUFFER, fb); gl.viewport(0, 0, this.flowW, this.flowH); gl.clearColor(128 / 255, 128 / 255, 0, 1); gl.clear(gl.COLOR_BUFFER_BIT); } gl.bindFramebuffer(gl.FRAMEBUFFER, null); this.flowDirty = false; } private clearState() { const gl = this.gl; for (const fb of this.stateFb) { gl.bindFramebuffer(gl.FRAMEBUFFER, fb); gl.viewport(0, 0, TEX_W, this.texH); gl.clearColor(0, 0, 0, 0); gl.clear(gl.COLOR_BUFFER_BIT); } gl.bindFramebuffer(gl.FRAMEBUFFER, null); this.stateDirty = false; } setImage(img: HTMLImageElement) { if (this.destroyed || this.lost) return; const gl = this.gl; this.lastImage = img; this.aspect = img.naturalWidth / img.naturalHeight || 2.5; this.flowH = Math.max(32, Math.round(this.flowW / this.aspect)); for (const t of this.flowTex) { gl.bindTexture(gl.TEXTURE_2D, t); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA8, this.flowW, this.flowH, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); } this.clearFlow(); if (this.imgTex) gl.deleteTexture(this.imgTex); this.imgTex = gl.createTexture(); gl.bindTexture(gl.TEXTURE_2D, this.imgTex); gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img); gl.generateMipmap(gl.TEXTURE_2D); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); this.buildParticles(img); this.ready = true; if (this.opts.intro && !this.opts.reducedMotion) this.startIntro(); this.wake(); } private buildParticles(img: HTMLImageElement) { const gl = this.gl; const gw = Math.round((this.lowPower ? 640 : 1000) * Math.sqrt(clamp(this.opts.density, 0.15, 2))); const gh = Math.max(1, Math.round(gw / this.aspect)); this.gridW = gw; const c = document.createElement("canvas"); c.width = gw; c.height = gh; const ctx = c.getContext("2d", { willReadFrequently: true }); if (!ctx) throw new Error("2D canvas unavailable"); ctx.imageSmoothingQuality = "high"; ctx.drawImage(img, 0, 0, gw, gh); const data = ctx.getImageData(0, 0, gw, gh).data; let transparent = 0; for (let i = 3; i < data.length; i += 4 * 7) if (data[i] < 250) transparent++; this.alphaMode = transparent > data.length / (4 * 7) / 20; if (this.opts.imgBg) this.imgBg = this.opts.imgBg; else if (!this.alphaMode) { let r = 0, g = 0, b = 0, n = 0; const pw = Math.max(2, Math.round(gw * 0.012)); for (const [cx, cy] of [[0, 0], [gw - pw, 0], [0, gh - pw], [gw - pw, gh - pw]]) { for (let y = cy; y < cy + pw; y++) for (let x = cx; x < cx + pw; x++) { const i = (y * gw + x) * 4; r += data[i]; g += data[i + 1]; b += data[i + 2]; n++; } } this.imgBg = [r / n / 255, g / n / 255, b / n / 255]; } const home: number[] = [], col: number[] = []; for (let y = 0; y < gh; y++) for (let x = 0; x < gw; x++) { const i = (y * gw + x) * 4; const r = data[i] / 255, g = data[i + 1] / 255, b = data[i + 2] / 255; if (this.alphaMode) { const a = data[i + 3] / 255; if (a < 0.12 || (a < 0.5 && Math.random() > a * 2)) continue; } else { const dev = Math.hypot(r - this.imgBg[0], g - this.imgBg[1], b - this.imgBg[2]); if (dev < 0.03 || (dev < 0.07 && Math.random() > (dev - 0.03) / 0.04)) continue; } const jx = (Math.random() - 0.5) * 0.6, jy = (Math.random() - 0.5) * 0.6; home.push((x + 0.5 + jx) / gw, (y + 0.5 + jy) / gh, Math.random(), 0.85 + Math.random() * 0.3); col.push(data[i], data[i + 1], data[i + 2], 255); } this.n = home.length / 4; this.texH = Math.max(1, Math.ceil(this.n / TEX_W)); const total = TEX_W * this.texH, homeArr = new Float32Array(total * 4), colArr = new Uint8Array(total * 4); homeArr.set(home); colArr.set(col); for (const t of [this.homeTex, this.colTex, ...this.stateTex]) if (t) gl.deleteTexture(t); this.stateFb.forEach(f => gl.deleteFramebuffer(f)); this.stateTex = []; this.stateFb = []; this.homeTex = this.makeTex(gl.RGBA32F, TEX_W, this.texH, gl.RGBA, gl.FLOAT, homeArr, gl.NEAREST); this.colTex = this.makeTex(gl.RGBA8, TEX_W, this.texH, gl.RGBA, gl.UNSIGNED_BYTE, colArr, gl.NEAREST); for (let i = 0; i < 2; i++) { const t = this.makeTex(this.stateFormat.internal, TEX_W, this.texH, gl.RGBA, this.stateFormat.type, null, gl.NEAREST), fb = gl.createFramebuffer()!; this.stateTex.push(t); this.stateFb.push(fb); gl.bindFramebuffer(gl.FRAMEBUFFER, fb); gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, t, 0); if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) !== gl.FRAMEBUFFER_COMPLETE) throw new Error("Float FBO incomplete"); } gl.bindFramebuffer(gl.FRAMEBUFFER, null); this.homeData = homeArr; this.clearState(); } private startIntro() { const gl = this.gl, home = this.homeData; if (!home) return; const w = this.rect.w > 10 ? this.rect.w : 1300, st = new Float32Array(TEX_W * this.texH * 4); for (let i = 0; i < this.n; i++) { const hx = home[i * 4] - 0.5, hy = home[i * 4 + 1] - 0.5, sd = home[i * 4 + 2]; const ang = (Math.random() - 0.5) * 0.9 + (hx > 0 ? 0 : Math.PI), dist = w * (0.04 + Math.random() * 0.14) * (0.5 + Math.abs(hx) * 1.4); st[i * 4] = Math.cos(ang) * dist + hx * w * 0.25 * sd; st[i * 4 + 1] = Math.sin(ang) * dist * 0.55 + hy * 120 * (Math.random() - 0.5); } gl.bindTexture(gl.TEXTURE_2D, this.stateTex[this.stateIdx]); gl.texImage2D(gl.TEXTURE_2D, 0, this.stateFormat.internal, TEX_W, this.texH, 0, gl.RGBA, gl.FLOAT, st); this.introT = 0; this.stateDirty = true; } setOptions(o: Partial) { const rebuild = (o.density !== undefined && o.density !== this.opts.density) || (o.imgBg !== undefined && String(o.imgBg) !== String(this.opts.imgBg)); this.opts = { ...this.opts, ...o }; if (rebuild && this.ready && this.lastImage) { try { this.buildParticles(this.lastImage); } catch { this.onFail(); } } this.wake(); } resize(cssW: number, cssH: number, rect: Rect) { this.cssW = Math.max(1, cssW); this.cssH = Math.max(1, cssH); this.rect = rect; let dpr = Math.min(window.devicePixelRatio || 1, this.lowPower ? 1.5 : 2); if (this.cssW * this.cssH * dpr * dpr > 4.5e6) dpr = Math.max(1, Math.sqrt(4.5e6 / (this.cssW * this.cssH))); const w = Math.round(this.cssW * dpr), h = Math.round(this.cssH * dpr); if (this.canvas.width !== w || this.canvas.height !== h) { this.canvas.width = w; this.canvas.height = h; } this.draw(); } setVisible(v: boolean) { this.visible = v; if (v) this.wake(); else this.stop(); } pointer(type: "move" | "down" | "up" | "leave", x: number, y: number, touch: boolean) { if (!this.opts.interactive || this.lost) return; if (type === "leave" || type === "up") { if (touch) this.touchRelease = performance.now() + 260; else this.presenceTarget = 0; this.wake(); return; } if (this.mouse.x < -9000 || type === "down") { this.mouse.x = this.prevMouse.x = x; this.mouse.y = this.prevMouse.y = y; } this.target.x = x; this.target.y = y; this.presenceTarget = 1; this.settle = 0; if (type === "down") { this.burst = 1; this.touchRelease = 0; } this.wake(); } private wake() { if (!this.ready || this.running || !this.visible || this.destroyed || this.lost) { if (this.ready && !this.running) this.draw(); return; } this.running = true; this.last = performance.now(); this.raf = requestAnimationFrame(this.frame); } private stop() { this.running = false; cancelAnimationFrame(this.raf); } private radiusPx() { return this.opts.radius * clamp(this.rect.w / 1400, 0.6, 1.25); } private strength() { return this.opts.strength * (this.opts.reducedMotion ? 0.5 : 1); } private frame = (now: number) => { if (!this.running) return; const rawMs = now - this.last, dt = clamp(rawMs / 16.6667, 0.25, 3); this.last = now; const o = this.opts, ambientOn = o.ambient && !o.reducedMotion; if (this.touchRelease && now > this.touchRelease) { this.presenceTarget = 0; this.touchRelease = 0; } const ease = 1 - Math.pow(1 - 0.22, dt); this.mouse.x += (this.target.x - this.mouse.x) * ease; this.mouse.y += (this.target.y - this.mouse.y) * ease; const vx = (this.mouse.x - this.prevMouse.x) / dt, vy = (this.mouse.y - this.prevMouse.y) / dt; this.prevMouse.x = this.mouse.x; this.prevMouse.y = this.mouse.y; this.mvel.x += (clamp(vx, -60, 60) - this.mvel.x) * 0.5; this.mvel.y += (clamp(vy, -60, 60) - this.mvel.y) * 0.5; const pk = this.presenceTarget > this.presence ? 0.1 : 0.035; this.presence += (this.presenceTarget - this.presence) * (1 - Math.pow(1 - pk, dt)); if (this.presence < 0.001 && this.presenceTarget === 0) this.presence = 0; const fk = this.presenceTarget > this.flowing ? 0.05 : 0.018; this.flowing += (this.presenceTarget - this.flowing) * (1 - Math.pow(1 - fk, dt)); if (this.flowing < 0.002 && this.presenceTarget === 0) this.flowing = 0; if (this.introT < 1) this.introT = Math.min(1, this.introT + Math.min(rawMs, 100) / 3200); const interacting = this.presence > 0.001 || this.burst > 0; this.settle = interacting ? 0 : this.settle + dt; const active = interacting || this.settle < SETTLE_FRAMES || this.introT < 1; if (!active) { if (this.flowDirty) this.clearFlow(); if (this.stateDirty) this.clearState(); if (!ambientOn) { this.draw(); this.firstFrame(); this.stop(); return; } this.raf = requestAnimationFrame(this.frame); if (this.skip++ % 2) return; this.time += (dt * 2 * o.speed) / 60; this.draw(); this.firstFrame(); return; } this.raf = requestAnimationFrame(this.frame); this.time += (dt * o.speed * (1 + this.flowing * 1.6)) / 60; this.stepFlow(dt); this.stepSim(dt); this.burst = Math.max(0, this.burst - 0.1 * dt); this.draw(); this.firstFrame(); }; private firstFrame() { if (this.onFirstFrame) { const cb = this.onFirstFrame; this.onFirstFrame = null; requestAnimationFrame(() => { if (!this.destroyed) cb(); }); } } private stepFlow(dt: number) { const gl = this.gl, P = this.pFlow, dst = 1 - this.flowIdx, r = this.rect; gl.bindFramebuffer(gl.FRAMEBUFFER, this.flowFb[dst]); gl.viewport(0, 0, this.flowW, this.flowH); gl.disable(gl.BLEND); gl.useProgram(P.p); gl.bindVertexArray(this.vao); gl.activeTexture(gl.TEXTURE0); gl.bindTexture(gl.TEXTURE_2D, this.flowTex[this.flowIdx]); gl.uniform1i(P.u.uPrev, 0); gl.uniform2f(P.u.uTexel, 1 / this.flowW, 1 / this.flowH); gl.uniform2f(P.u.uMouse, (this.mouse.x - r.x) / r.w, (this.mouse.y - r.y) / r.h); gl.uniform2f(P.u.uVel, clamp(this.mvel.x / 40, -1, 1), clamp(this.mvel.y / 40, -1, 1)); gl.uniform2f(P.u.uSize, r.w, r.h); gl.uniform1f(P.u.uRadius, this.radiusPx()); gl.uniform1f(P.u.uPresence, Math.max(this.presence, this.burst)); gl.uniform1f(P.u.uDecay, Math.pow(0.968, dt)); gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); this.flowIdx = dst; this.flowDirty = true; } private stepSim(dt: number) { if (!this.n) return; const gl = this.gl, P = this.pSim, o = this.opts, r = this.rect, dst = 1 - this.stateIdx; const intro = o.reducedMotion || !o.intro ? 0 : Math.pow(1 - this.introT, 2); gl.bindFramebuffer(gl.FRAMEBUFFER, this.stateFb[dst]); gl.viewport(0, 0, TEX_W, this.texH); gl.disable(gl.BLEND); gl.useProgram(P.p); gl.bindVertexArray(this.vao); gl.activeTexture(gl.TEXTURE0); gl.bindTexture(gl.TEXTURE_2D, this.stateTex[this.stateIdx]); gl.uniform1i(P.u.uState, 0); gl.activeTexture(gl.TEXTURE1); gl.bindTexture(gl.TEXTURE_2D, this.homeTex); gl.uniform1i(P.u.uHome, 1); gl.activeTexture(gl.TEXTURE2); gl.bindTexture(gl.TEXTURE_2D, this.flowTex[this.flowIdx]); gl.uniform1i(P.u.uFlow, 2); gl.uniform2f(P.u.uSize, r.w, r.h); gl.uniform2f(P.u.uMouse, this.mouse.x - r.x, this.mouse.y - r.y); gl.uniform1f(P.u.uRadius, this.radiusPx()); gl.uniform1f(P.u.uPresence, Math.max(this.presence, this.burst)); gl.uniform1f(P.u.uStrength, this.strength() * (1 + this.burst * 1.5)); gl.uniform1f(P.u.uSpread, clamp(o.spread, 0, 2)); gl.uniform1f(P.u.uTurb, clamp(o.turbulence, 0, 2) * (o.reducedMotion ? 0.3 : 1)); gl.uniform1f(P.u.uReturn, clamp(o.returnSpeed, 0, 2)); gl.uniform1f(P.u.uTime, this.time); gl.uniform1f(P.u.uDt, dt); gl.uniform1f(P.u.uIntro, intro); gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); this.stateIdx = dst; this.stateDirty = true; } private draw() { if (!this.ready || this.lost || this.destroyed) return; const gl = this.gl, o = this.opts, r = this.rect, rm = o.reducedMotion; const introVis = rm || !o.intro ? 1 : Math.pow(this.introT, 2.2), base = o.ambient && !rm ? clamp(o.ambientIntensity, 0, 2) : 0; const amb = base + this.flowing * 0.85 * clamp(o.liquid, 0, 2) * (rm ? 0.3 : 1), rest = o.restStyle === "particles" ? 1 : 0; const [br, bg, bb] = o.bg, [ir, ig, ib] = this.imgBg; const dpr = this.canvas.width / this.cssW, pres = Math.max(this.presence, this.burst), mx = this.mouse.x - r.x, my = this.mouse.y - r.y; gl.bindFramebuffer(gl.FRAMEBUFFER, null); gl.viewport(0, 0, this.canvas.width, this.canvas.height); gl.bindVertexArray(this.vao); gl.disable(gl.BLEND); const I = this.pImg; gl.useProgram(I.p); gl.activeTexture(gl.TEXTURE0); gl.bindTexture(gl.TEXTURE_2D, this.imgTex); gl.uniform1i(I.u.uImg, 0); gl.activeTexture(gl.TEXTURE1); gl.bindTexture(gl.TEXTURE_2D, this.flowTex[this.flowIdx]); gl.uniform1i(I.u.uFlow, 1); gl.uniform2f(I.u.uRes, this.cssW, this.cssH); gl.uniform1f(I.u.uDpr, dpr); gl.uniform4f(I.u.uRect, r.x, r.y, r.w, r.h); gl.uniform3f(I.u.uBg, br, bg, bb); gl.uniform3f(I.u.uImgBg, ir, ig, ib); gl.uniform2f(I.u.uMouse, mx, my); gl.uniform1f(I.u.uPresence, pres); gl.uniform1f(I.u.uRadius, this.radiusPx()); gl.uniform1f(I.u.uStrength, this.strength()); gl.uniform1f(I.u.uTime, this.time); gl.uniform1f(I.u.uAmbient, amb); gl.uniform1f(I.u.uIntroVis, introVis); gl.uniform1f(I.u.uRest, rest); gl.uniform1f(I.u.uAlphaMode, this.alphaMode ? 1 : 0); gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); if (!this.n || (!this.stateDirty && rest === 0 && introVis >= 1)) return; const P = this.pPart; gl.useProgram(P.p); gl.enable(gl.BLEND); gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA); gl.activeTexture(gl.TEXTURE0); gl.bindTexture(gl.TEXTURE_2D, this.stateTex[this.stateIdx]); gl.uniform1i(P.u.uState, 0); gl.activeTexture(gl.TEXTURE1); gl.bindTexture(gl.TEXTURE_2D, this.homeTex); gl.uniform1i(P.u.uHome, 1); gl.activeTexture(gl.TEXTURE2); gl.bindTexture(gl.TEXTURE_2D, this.colTex); gl.uniform1i(P.u.uCol, 2); gl.activeTexture(gl.TEXTURE3); gl.bindTexture(gl.TEXTURE_2D, this.flowTex[this.flowIdx]); gl.uniform1i(P.u.uFlow, 3); gl.uniform1i(P.u.uTexW, TEX_W); gl.uniform4f(P.u.uRect, r.x, r.y, r.w, r.h); gl.uniform2f(P.u.uRes, this.cssW, this.cssH); gl.uniform2f(P.u.uMouse, mx, my); gl.uniform1f(P.u.uRadius, this.radiusPx()); gl.uniform1f(P.u.uPresence, pres); gl.uniform1f(P.u.uDot, r.w / this.gridW * 1.45 * clamp(o.dotSize, 0.2, 3)); gl.uniform1f(P.u.uTime, this.time); gl.uniform1f(P.u.uAmbient, amb); gl.uniform1f(P.u.uStreak, (o.streaks ? 1 : 0) * (0.45 + 0.55 * introVis)); gl.uniform1f(P.u.uIntroVis, introVis); gl.uniform1f(P.u.uRest, rest); gl.uniform1f(P.u.uDpr, dpr); if (this.alphaMode) gl.uniform3f(P.u.uTint, 1, 1, 1); else gl.uniform3f(P.u.uTint, br / Math.max(ir, 0.001), bg / Math.max(ig, 0.001), bb / Math.max(ib, 0.001)); gl.drawArraysInstanced(gl.TRIANGLE_STRIP, 0, 4, this.n); gl.disable(gl.BLEND); } destroy() { if (this.destroyed) return; this.destroyed = true; this.stop(); this.canvas.removeEventListener("webglcontextlost", this.onLost); const gl = this.gl; if (!this.lost) { if (this.quad) gl.deleteBuffer(this.quad); if (this.vao) gl.deleteVertexArray(this.vao); for (const t of [...this.flowTex, ...this.stateTex, this.imgTex, this.homeTex, this.colTex]) if (t) gl.deleteTexture(t); for (const f of [...this.flowFb, ...this.stateFb]) gl.deleteFramebuffer(f); for (const p of [this.pFlow, this.pSim, this.pPart, this.pImg]) if (p) gl.deleteProgram(p.p); } gl.getExtension("WEBGL_lose_context")?.loseContext(); } } export interface SculptureHeroLink { label: string; href: string; } export interface SculptureHeroProps { src?: string; darkSrc?: string; mobileSrc?: string; mobileDarkSrc?: string; imageAlt?: string; imageBackground?: string; brand?: string; navLinks?: SculptureHeroLink[]; navCta?: SculptureHeroLink; showNav?: boolean; eyebrow?: string; headline?: string; headlineAccent?: string; body?: string; primaryCta?: SculptureHeroLink; secondaryCta?: SculptureHeroLink; hint?: string; hintTouch?: string; background?: string; darkBackground?: string; theme?: "light" | "dark"; themeToggle?: boolean; textColor?: string; accentColor?: string; headingFont?: string; accentFont?: string; bodyFont?: string; loadFonts?: boolean; sculptureScale?: number; mobileSculptureScale?: number; sculptureX?: number; sculptureY?: number; interactive?: boolean; strength?: number; radius?: number; particleDensity?: number; dotSize?: number; particleSpread?: number; turbulence?: number; liquid?: number; streaks?: boolean; restStyle?: "image" | "particles"; returnSpeed?: number; ambient?: boolean; ambientIntensity?: number; speed?: number; intro?: boolean; height?: string; backdropText?: string; showCredit?: boolean; className?: string; style?: React.CSSProperties; } const DEFAULTS = { src: "https://cdn.21st.dev/assets/mirror/ae/ae8c3de9003460e59182e950ccd345f68f27f9d0e4808b64c92c962a4eca7120.webp", darkSrc: "https://cdn.21st.dev/assets/mirror/a1/a1fa387b6e417b26a25f317559c87cce4d241c1052c52a2b3bc2966b2aaf9b65.webp", mobileSrc: "https://cdn.21st.dev/assets/mirror/b0/b0c8d8e5d64b8cec906a3b390e3dc7c9a5af08334bf0632873c601782cb4bc46.webp", mobileDarkSrc: "https://cdn.21st.dev/assets/mirror/9a/9a82cb59be1bfde59855b79d7a565e487155a89f4d52eac74dcc10e267b2b6d1.webp", imageAlt: "Abstract sculpture of interwoven metallic filaments and particles", brand: "Forma®", navLinks: [{ label: "Work", href: "#" }, { label: "Studio", href: "#" }, { label: "Approach", href: "#" }, { label: "Journal", href: "#" }], navCta: { label: "Contact", href: "#" }, eyebrow: "Independent studio — Est. 2019", headline: "Form that\nanswers back.", headlineAccent: "answers back.", body: "We shape products, identities and spaces with the precision of engineering and the patience of craft — work that holds up under attention.", primaryCta: { label: "Start a project", href: "#" }, secondaryCta: { label: "Selected work", href: "#" }, hint: "Move across the form", hintTouch: "Touch the form", background: "#EBE9E5", darkBackground: "#111110", textColor: "#151514", headingFont: "'Geist', 'Helvetica Neue', Arial, sans-serif", accentFont: "'Instrument Serif', 'Times New Roman', serif", bodyFont: "'Geist', 'Helvetica Neue', Arial, sans-serif", }; function computeRect(w: number, h: number, aspect: number, band: { top: number; bottom: number; }, p: { scale: number; mobileScale: number; x: number; y: number; }): Rect { const bandH = Math.max(80, band.bottom - band.top); let rw: number, maxH: number; if (w >= 1024) { rw = w * 1.02 * p.scale; maxH = bandH * 1.1 * p.scale; } else if (w >= 640) { rw = w * 1.3 * p.scale; maxH = bandH * 1.15 * p.scale; } else if (aspect < 1.3) { rw = w * p.mobileScale; maxH = bandH * p.mobileScale; } else { rw = w * 1.9 * p.mobileScale; maxH = bandH * 1.2 * p.mobileScale; } if (rw / aspect > maxH) rw = maxH * aspect; const rh = rw / aspect, cx = w * (0.5 + p.x / 100), cy = (band.top + band.bottom) / 2 + h * (p.y / 100); return { x: cx - rw / 2, y: cy - rh / 2, w: rw, h: rh }; } const CSS = ` .sh-root{position:relative;width:100%;height:var(--sh-h);overflow:hidden;isolation:isolate;container-type:size;transition:background-color .6s ease,color .6s ease; background:var(--sh-bg);color:var(--sh-fg);font-family:var(--sh-body);-webkit-font-smoothing:antialiased; touch-action:pan-y;display:flex;flex-direction:column;box-sizing:border-box} .sh-root *,.sh-root *::before,.sh-root *::after{box-sizing:border-box} .sh-stage{position:absolute;inset:0;z-index:0;pointer-events:none} .sh-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s ease} .sh-fallback{position:absolute;display:block;max-width:none;user-select:none;-webkit-user-drag:none;transition:opacity .5s ease} .sh-root[data-gl="on"] .sh-canvas{opacity:1} .sh-root[data-gl="on"] .sh-fallback{opacity:0} .sh-root[data-swap="1"] .sh-canvas{opacity:0;transition-duration:.25s} .sh-root[data-swap="1"] .sh-fallback{opacity:0;transition-duration:.25s} .sh-backdrop{position:absolute;left:50%;z-index:0;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;user-select:none; font-family:var(--sh-head);font-weight:600;letter-spacing:-.06em;line-height:.8;color:color-mix(in srgb,var(--sh-fg) 5%,transparent)} .sh-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px clamp(20px,3.2cqw,48px) 0} .sh-brand{font-family:var(--sh-head);font-weight:600;font-size:17px;letter-spacing:-.02em;color:inherit;text-decoration:none} .sh-links{display:flex;align-items:center;gap:clamp(18px,2.4cqw,36px);list-style:none;margin:0;padding:0} .sh-link{color:inherit;text-decoration:none;font-size:13.5px;letter-spacing:-.005em;opacity:.72;transition:opacity .2s} .sh-link:hover{opacity:1} .sh-theme{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;cursor:pointer;color:inherit;background:transparent; border:1px solid color-mix(in srgb,var(--sh-fg) 22%,transparent);transition:background .25s,color .25s} .sh-theme:hover{background:var(--sh-fg);color:var(--sh-bg)} .sh-theme:focus-visible{outline:2px solid var(--sh-fg);outline-offset:4px} .sh-navcta{color:inherit;text-decoration:none;font-size:13.5px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--sh-fg) 22%,transparent);border-radius:999px;transition:background .25s,color .25s} .sh-navcta:hover{background:var(--sh-fg);color:var(--sh-bg)} .sh-hint{position:absolute;z-index:1;transform:translate(-50%,0);display:flex;align-items:center;gap:10px;white-space:nowrap; font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.5;pointer-events:none;transition:opacity .8s ease} .sh-hint::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:sh-pulse 2.4s ease-in-out infinite} .sh-root[data-touched="1"] .sh-hint{opacity:0} @keyframes sh-pulse{0%,100%{transform:scale(.6);opacity:.45}50%{transform:scale(1);opacity:1}} .sh-spacer{flex:1 1 auto;min-height:0} .sh-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end; gap:clamp(24px,4cqw,72px);padding:0 clamp(20px,3.2cqw,48px) clamp(28px,3.4cqw,52px)} .sh-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.62;margin:0 0 clamp(14px,1.6cqw,22px);display:flex;align-items:center;gap:12px} .sh-eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7} .sh-h1{font-family:var(--sh-head);font-weight:500;font-size:clamp(40px,min(6.6cqw,11.5cqh),124px);line-height:.92;letter-spacing:-.045em;margin:0;text-wrap:balance} .sh-h1 .sh-line{display:block} .sh-accent{font-family:var(--sh-accent);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--sh-acc)} .sh-aside{max-width:400px;justify-self:end;padding-bottom:.6em} .sh-body{font-size:clamp(15px,1.1cqw,17px);line-height:1.5;letter-spacing:-.01em;margin:0 0 26px;opacity:.78;text-wrap:pretty} .sh-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:22px} .sh-btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:999px;background:var(--sh-fg);color:var(--sh-bg);text-decoration:none;font-size:14.5px;font-weight:500;letter-spacing:-.01em;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s} .sh-btn:hover{transform:translateY(-1px)} .sh-btn svg,.sh-txt svg{transition:transform .3s cubic-bezier(.2,.7,.2,1)} .sh-btn:hover svg,.sh-txt:hover svg{transform:translateX(3px)} .sh-txt{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:14.5px;font-weight:500;letter-spacing:-.01em;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--sh-fg) 30%,transparent)} .sh-root a:focus-visible{outline:2px solid var(--sh-fg);outline-offset:4px} .sh-credit{position:absolute;z-index:2;right:clamp(20px,3.2cqw,48px);bottom:10px;font-size:10px;letter-spacing:.06em;color:inherit;opacity:.38;text-decoration:none} .sh-credit:hover{opacity:.8} @container (max-width:1023px){ .sh-content{grid-template-columns:1fr;gap:28px}.sh-aside{justify-self:start;max-width:520px;padding-bottom:0}.sh-h1{font-size:clamp(40px,min(9.5cqw,9cqh),96px)} } @container (max-width:767px){.sh-links li:not(.sh-keep){display:none}} @container (max-width:639px){ .sh-nav{padding-top:20px}.sh-h1{font-size:clamp(36px,min(12.5cqw,7.2cqh),60px);line-height:.94}.sh-body{font-size:15px;margin-bottom:20px} .sh-eyebrow{font-size:11px}.sh-ctas{gap:18px}.sh-btn{height:48px}.sh-content{padding-bottom:40px}.sh-credit{right:auto;left:50%;transform:translateX(-50%)} } /* Compact library thumbnails preserve room for the sculpture. */ @container (max-height:420px){ .sh-nav{padding-top:12px}.sh-brand{font-size:13px}.sh-theme{width:30px;height:30px} .sh-content{grid-template-columns:1fr;gap:0;padding-bottom:24px}.sh-eyebrow,.sh-aside,.sh-hint{display:none} .sh-h1{font-size:clamp(24px,7cqh,38px);line-height:1.05} } @media (prefers-reduced-motion:reduce){.sh-hint::before{animation:none}.sh-canvas,.sh-fallback,.sh-btn,.sh-btn svg,.sh-txt svg{transition:none}} `; const SunIcon = () => ; const MoonIcon = () => ; const Arrow = () => ; function injectFonts() { if (typeof document === "undefined" || document.getElementById("sh-fonts")) return; const link = document.createElement("link"); link.id = "sh-fonts"; link.rel = "stylesheet"; link.setAttribute("href", "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap"); document.head.appendChild(link); } function renderHeadline(text: string, accent: string) { return text.split("\n").map((line, index) => { const a = accent.trim(), at = a ? line.indexOf(a) : -1; return {at < 0 ? line : <>{line.slice(0, at)}{a}{line.slice(at + a.length)}}; }); } const touchQuery = "(hover: none), (pointer: coarse)"; const subscribeTouch = (change: () => void) => { const query = matchMedia(touchQuery); query.addEventListener("change", change); return () => query.removeEventListener("change", change); }; export default function SculptureHero(props: SculptureHeroProps) { const { src = DEFAULTS.src, darkSrc = DEFAULTS.darkSrc, mobileSrc = DEFAULTS.mobileSrc, mobileDarkSrc = DEFAULTS.mobileDarkSrc, imageAlt = DEFAULTS.imageAlt, imageBackground, brand = DEFAULTS.brand, navLinks = DEFAULTS.navLinks, navCta = DEFAULTS.navCta, showNav = true, eyebrow = DEFAULTS.eyebrow, headline = DEFAULTS.headline, headlineAccent = DEFAULTS.headlineAccent, body = DEFAULTS.body, primaryCta = DEFAULTS.primaryCta, secondaryCta = DEFAULTS.secondaryCta, hint = DEFAULTS.hint, hintTouch = DEFAULTS.hintTouch, background: lightBackground = DEFAULTS.background, darkBackground = DEFAULTS.darkBackground, theme = "light", themeToggle = true, textColor, accentColor, headingFont = DEFAULTS.headingFont, accentFont = DEFAULTS.accentFont, bodyFont = DEFAULTS.bodyFont, loadFonts = true, sculptureScale = 1, mobileSculptureScale = 1, sculptureX = 0, sculptureY = 0, interactive = true, strength = 1, radius = 220, particleDensity = 1, particleSpread = 1, dotSize = 1, turbulence = 1, liquid = 1, streaks = true, restStyle = "image", returnSpeed = 1, ambient = false, ambientIntensity = 1, speed = 1, intro = false, height = "100svh", backdropText = "forma", showCredit = true, className, style, } = props; const rootRef = React.useRef(null), stageRef = React.useRef(null), imgRef = React.useRef(null); const hintRef = React.useRef(null), navRef = React.useRef(null), contentRef = React.useRef(null), backdropRef = React.useRef(null); const engineRef = React.useRef(null), aspectRef = React.useRef(1983 / 793), mobileRef = React.useRef(false); const isTouch = React.useSyncExternalStore(subscribeTouch, () => matchMedia(touchQuery).matches, () => false); const [mode, setMode] = React.useState<"light" | "dark">(theme); const [isMobile, setIsMobile] = React.useState(false); const background = mode === "dark" ? darkBackground : lightBackground; const bgRgb = React.useMemo(() => hexToRgb(background, [0.92, 0.91, 0.9]), [background]); const darkBg = bgRgb[0] * 0.2126 + bgRgb[1] * 0.7152 + bgRgb[2] * 0.0722 < 0.45; const fg = textColor || (darkBg ? "#F1EFEA" : DEFAULTS.textColor), acc = accentColor || fg; const imgBgRgb = React.useMemo(() => imageBackground ? hexToRgb(imageBackground, [0.918, 0.914, 0.906]) : null, [imageBackground]); const activeSrc = (isMobile && mode === "dark" && (mobileDarkSrc || darkSrc)) || (isMobile && mode === "light" && mobileSrc) || (mode === "dark" && darkSrc) || src; const layout = React.useRef({ scale: sculptureScale, mobileScale: mobileSculptureScale, x: sculptureX, y: sculptureY }); React.useEffect(() => { layout.current = { scale: clamp(sculptureScale, 0.3, 3), mobileScale: clamp(mobileSculptureScale, 0.3, 3), x: sculptureX, y: sculptureY }; }, [sculptureScale, mobileSculptureScale, sculptureX, sculptureY]); const options = React.useMemo(() => ({ interactive, strength: clamp(strength, 0, 2), radius: clamp(radius, 40, 600), density: clamp(particleDensity, 0.15, 2), dotSize: clamp(dotSize, 0.2, 3), spread: clamp(particleSpread, 0, 2), turbulence: clamp(turbulence, 0, 2), liquid: clamp(liquid, 0, 2), streaks, restStyle, returnSpeed: clamp(returnSpeed, 0, 2), ambient, ambientIntensity: clamp(ambientIntensity, 0, 2), speed: clamp(speed, 0.25, 3), intro, reducedMotion: false, bg: bgRgb, imgBg: imgBgRgb, }), [interactive, strength, radius, particleDensity, dotSize, particleSpread, turbulence, liquid, streaks, restStyle, returnSpeed, ambient, ambientIntensity, speed, intro, bgRgb, imgBgRgb]); const optsRef = React.useRef(options); React.useEffect(() => { optsRef.current = options; }, [options]); React.useEffect(() => { if (loadFonts) injectFonts(); }, [loadFonts]); const relayout = React.useCallback(() => { const root = rootRef.current; if (!root) return; const w = root.clientWidth, h = root.clientHeight, mob = w < 640; if (mob !== mobileRef.current) { mobileRef.current = mob; setIsMobile(mob); } const nav = navRef.current, content = contentRef.current; const band = { top: nav ? nav.offsetTop + nav.offsetHeight + 8 : 16, bottom: content ? content.offsetTop - 8 : h }; if (mob && aspectRef.current < 1.3 && content) band.bottom += content.offsetHeight * 0.3; const rect = computeRect(w, h, aspectRef.current, band, layout.current), bd = backdropRef.current; if (bd) { const chars = Math.max(1, (bd.textContent || "").length); bd.style.fontSize = Math.min((band.bottom - band.top) * 0.95, w * 0.92 / (chars * 0.56)) + "px"; bd.style.top = (band.top + band.bottom) / 2 + "px"; } const img = imgRef.current; if (img) { img.style.left = rect.x + "px"; img.style.top = rect.y + "px"; img.style.width = rect.w + "px"; img.style.height = rect.h + "px"; } const hintEl = hintRef.current; if (hintEl) { hintEl.style.display = mob && aspectRef.current < 1.3 ? "none" : ""; hintEl.style.left = clamp(rect.x + rect.w / 2, 80, w - 80) + "px"; hintEl.style.top = Math.min(rect.y + rect.h * 0.95, band.bottom - 20) + "px"; } engineRef.current?.resize(w, h, rect); }, []); React.useEffect(() => { const root = rootRef.current, stage = stageRef.current; if (!root || !stage) return; const canvas = document.createElement("canvas"); canvas.className = "sh-canvas"; stage.appendChild(canvas); const mq = window.matchMedia("(prefers-reduced-motion: reduce)"); let engine: LiquidEngine | null = null; const fail = () => { root.dataset.gl = "off"; delete root.dataset.swap; }; try { engine = new LiquidEngine(canvas, { ...optsRef.current, reducedMotion: mq.matches }, fail); engineRef.current = engine; } catch { fail(); } const ro = new ResizeObserver(relayout); ro.observe(root); if (navRef.current) ro.observe(navRef.current); if (contentRef.current) ro.observe(contentRef.current); let inView = true; const io = new IntersectionObserver(entries => { inView = entries.some(entry => entry.isIntersecting); engine?.setVisible(inView && !document.hidden); }); io.observe(root); const onVis = () => engine?.setVisible(inView && !document.hidden), onMq = () => engine?.setOptions({ reducedMotion: mq.matches }); document.addEventListener("visibilitychange", onVis); mq.addEventListener("change", onMq); const pos = (event: PointerEvent) => { const box = root.getBoundingClientRect(); return [event.clientX - box.left, event.clientY - box.top] as const; }; const onMove = (event: PointerEvent) => { if (event.pointerType === "touch" && event.buttons === 0 && event.pressure === 0) return; const [x, y] = pos(event); engine?.pointer("move", x, y, event.pointerType === "touch"); root.dataset.touched = "1"; }; const onDown = (event: PointerEvent) => { const [x, y] = pos(event); engine?.pointer("down", x, y, event.pointerType === "touch"); root.dataset.touched = "1"; }; const onUp = (event: PointerEvent) => { const [x, y] = pos(event); engine?.pointer("up", x, y, event.pointerType === "touch"); }; const onLeave = (event: PointerEvent) => { const [x, y] = pos(event); engine?.pointer("leave", x, y, event.pointerType === "touch"); }; root.addEventListener("pointermove", onMove, { passive: true }); root.addEventListener("pointerdown", onDown, { passive: true }); root.addEventListener("pointerup", onUp, { passive: true }); root.addEventListener("pointercancel", onUp, { passive: true }); root.addEventListener("pointerleave", onLeave, { passive: true }); return () => { ro.disconnect(); io.disconnect(); document.removeEventListener("visibilitychange", onVis); mq.removeEventListener("change", onMq); root.removeEventListener("pointermove", onMove); root.removeEventListener("pointerdown", onDown); root.removeEventListener("pointerup", onUp); root.removeEventListener("pointercancel", onUp); root.removeEventListener("pointerleave", onLeave); engine?.destroy(); engineRef.current = null; canvas.remove(); delete root.dataset.gl; }; }, [relayout]); React.useEffect(() => { const root = rootRef.current, engine = engineRef.current; if (!root) return; let cancelled = false; const image = new Image(); image.crossOrigin = "anonymous"; image.decoding = "async"; const swapping = root.dataset.gl === "on"; if (swapping) root.dataset.swap = "1"; image.onload = () => { if (cancelled) return; aspectRef.current = image.naturalWidth / image.naturalHeight || aspectRef.current; relayout(); if (engine && root.dataset.gl !== "off") { // Keep the newly loaded fallback visible if the library has paused RAF. root.dataset.gl = "loading"; delete root.dataset.swap; try { engine.onFirstFrame = () => { if (!cancelled) { root.dataset.gl = "on"; delete root.dataset.swap; } }; engine.setImage(image); relayout(); } catch { root.dataset.gl = "off"; delete root.dataset.swap; } } else delete root.dataset.swap; }; image.onerror = () => { delete root.dataset.swap; }; const timer = window.setTimeout(() => { image.src = activeSrc; }, swapping ? 280 : 0); return () => { cancelled = true; window.clearTimeout(timer); image.onload = null; image.onerror = null; }; }, [activeSrc, relayout]); React.useEffect(() => { engineRef.current?.setOptions({ ...options, reducedMotion: matchMedia("(prefers-reduced-motion: reduce)").matches }); }, [options]); React.useEffect(() => { relayout(); }, [sculptureScale, mobileSculptureScale, sculptureX, sculptureY, headline, body, showNav, relayout]); const vars = { "--sh-bg": background, "--sh-fg": fg, "--sh-acc": acc, "--sh-head": headingFont, "--sh-accent": accentFont, "--sh-body": bodyFont, "--sh-h": height } as React.CSSProperties; const hintText = isTouch ? hintTouch : hint; return

{backdropText && } {imageAlt} {showNav && } {interactive && hintText && }

{eyebrow &&

{eyebrow}

}

{renderHeadline(headline, headlineAccent)}

{body &&

{body}

}

{primaryCta?.label && {primaryCta.label}} {secondaryCta?.label && {secondaryCta.label}}

{showCredit && by guglielmogiannattasio.it}

; }1e:T21b46,

12:["$","main",null,{"id":"main-content","tabIndex":-1,"className":"library_page__IxXwj","children":[["$","div",null,{"className":"library_headerSpace__cyKqF","children":"$L1b"}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"LearningResource\",\"name\":\"리퀴드 조형물 히어로\",\"description\":\"커서에 반응해 흩어지고 돌아오는 GPU 입자 조형물\",\"url\":\"https://aicoder.kr/library/liquid-sculpture-hero\",\"inLanguage\":\"ko-KR\",\"learningResourceType\":\"코드 예제 및 실습\",\"educationalLevel\":\"응용\"},{\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"홈\",\"item\":\"https://aicoder.kr/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"라이브러리\",\"item\":\"https://aicoder.kr/library\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"리퀴드 조형물 히어로\",\"item\":\"https://aicoder.kr/library/liquid-sculpture-hero\"}]}]}"}}],["$","div",null,{"className":"library_container__grs86","children":["$","$L1c",null,{"item":{"slug":"liquid-sculpture-hero","tags":["React","WebGL2","GPGPU","입자","히어로"],"files":[{"name":"liquid-sculpture-hero.tsx","content":"$1d","language":"tsx"},{"name":"demo.tsx","content":"import SculptureHero from \"@/components/ui/liquid-sculpture-hero\";\n\nexport default function Demo() {\n return ;\n}","language":"tsx"}],"level":"응용","title":"리퀴드 조형물 히어로","author":"Guglielmo Giannattasio","license":"MIT · Copyright (c) 2026 Guglielmo Giannattasio","category":"hero","exercise":"strength와returnSpeed를 각각 0.5와 1.5로 바꾸어 입자의 반응과 복귀 속도를 비교해 보세요. particleDensity를 낮추어 프레임 변화를 확인하고 theme을 light로 바꾸어 보세요. 직접 만든 이미지를 사용할 때는 CORS와 투명 배경을 확인하세요. 원작자 표시와 MIT 라이선스를 유지하세요.","sourceUrl":"https://21st.dev/@gughigug/components/liquid-sculpture-hero","objectives":["이미지 픽셀을 위치·색상 텍스처로 바꾸어 GPU 입자로 표현하기","핑퐁 프레임버퍼와 셰이더로 위치·속도를 업데이트하기","포인터의 힘과 복원력, 난류가 입자 움직임에 미치는 영향 살펴보기","모바일·동작 줄이기·WebGL 미지원 환경에 대응하기"],"description":"커서에 반응해 흩어지고 돌아오는 GPU 입자 조형물","previewHtml":"$1e","dependencies":"React · Tailwind CSS"},"highlighted":[{"name":"liquid-sculpture-hero.tsx","lines":[[{"content":"\"use client\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"/*!","color":"#8B949E"}],[{"content":" * Sculpture Hero — liquid particle hero","color":"#8B949E"}],[{"content":" * Copyright (c) 2026 Guglielmo Giannattasio · MIT","color":"#8B949E"}],[{"content":" * https://21st.dev/@gughigug/components/liquid-sculpture-hero","color":"#8B949E"}],[{"content":" * Supplied by the user. Integration fixes: escaped newlines, resource cleanup,","color":"#8B949E"}],[{"content":" * framebuffer validation, fallback handling and React lifecycle compatibility.","color":"#8B949E"}],[{"content":" *","color":"#8B949E"}],[{"content":" * Permission is hereby granted, free of charge, to any person obtaining a copy","color":"#8B949E"}],[{"content":" * of this software and associated documentation files (the \"Software\"), to deal","color":"#8B949E"}],[{"content":" * in the Software without restriction, including without limitation the rights","color":"#8B949E"}],[{"content":" * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies","color":"#8B949E"}],[{"content":" * of the Software, and to permit persons to whom the Software is furnished to do","color":"#8B949E"}],[{"content":" * so, subject to the following conditions:","color":"#8B949E"}],[{"content":" * The above copyright notice and this permission notice shall be included in","color":"#8B949E"}],[{"content":" * all copies or substantial portions of the Software.","color":"#8B949E"}],[{"content":" * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR","color":"#8B949E"}],[{"content":" * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,","color":"#8B949E"}],[{"content":" * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE","color":"#8B949E"}],[{"content":" * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER","color":"#8B949E"}],[{"content":" * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,","color":"#8B949E"}],[{"content":" * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE","color":"#8B949E"}],[{"content":" * SOFTWARE.","color":"#8B949E"}],[{"content":" */","color":"#8B949E"}],[{"content":"import","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"as","color":"#FF7B72"},{"content":" React ","color":"#E6EDF3"},{"content":"from","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"react\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"type","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Rect","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"x","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"y","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"w","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"h","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":"};","color":"#E6EDF3"}],[{"content":"type","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"RGB","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":",","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":",","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"}],[{"content":"];","color":"#E6EDF3"}],[{"content":"interface","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"EngineOptions","color":"#FFA657"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"interactive","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"strength","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"radius","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"density","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"dotSize","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"spread","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"turbulence","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"returnSpeed","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"streaks","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"restStyle","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"image\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"particles\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"ambient","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"ambientIntensity","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"speed","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"intro","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"reducedMotion","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"bg","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"RGB","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"imgBg","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"RGB","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"liquid","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"function","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"v","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"a","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"b","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":") { ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"min","color":"#D2A8FF"},{"content":"(b, Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(a, v)); }","color":"#E6EDF3"}],[{"content":"function","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"hexToRgb","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"hex","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"fallback","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"RGB","color":"#FFA657"},{"content":")","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"RGB","color":"#FFA657"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"typeof","color":"#FF7B72"},{"content":" hex ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"string\"","color":"#A5D6FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" fallback;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"s","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" hex.","color":"#E6EDF3"},{"content":"trim","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" m ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" s.","color":"#E6EDF3"},{"content":"match","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"/","color":"#A5D6FF"},{"content":"^","color":"#FF7B72"},{"content":"#","color":"#A5D6FF"},{"content":"?","color":"#FF7B72"},{"content":"(","color":"#A5D6FF"},{"content":"[0-9a-f]","color":"#79C0FF"},{"content":"{3}","color":"#FF7B72"},{"content":")","color":"#A5D6FF"},{"content":"$$","color":"#FF7B72"},{"content":"/","color":"#A5D6FF"},{"content":"i","color":"#FF7B72"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (m) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"r","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"g","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"b","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" m[","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"].","color":"#E6EDF3"},{"content":"split","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"\"","color":"#A5D6FF"},{"content":").","color":"#E6EDF3"},{"content":"map","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"c","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"parseInt","color":"#D2A8FF"},{"content":"(c ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" c, ","color":"#E6EDF3"},{"content":"16","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" [r, g, b];","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" m ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" s.","color":"#E6EDF3"},{"content":"match","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"/","color":"#A5D6FF"},{"content":"^","color":"#FF7B72"},{"content":"#","color":"#A5D6FF"},{"content":"?","color":"#FF7B72"},{"content":"(","color":"#A5D6FF"},{"content":"[0-9a-f]","color":"#79C0FF"},{"content":"{6}","color":"#FF7B72"},{"content":")(","color":"#A5D6FF"},{"content":"[0-9a-f]","color":"#79C0FF"},{"content":"{2}","color":"#FF7B72"},{"content":")","color":"#A5D6FF"},{"content":"?$","color":"#FF7B72"},{"content":"/","color":"#A5D6FF"},{"content":"i","color":"#FF7B72"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (m) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"n","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"parseInt","color":"#D2A8FF"},{"content":"(m[","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"], ","color":"#E6EDF3"},{"content":"16","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" [((n ","color":"#E6EDF3"},{"content":">>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"16","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", ((n ","color":"#E6EDF3"},{"content":">>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"8","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", (n ","color":"#E6EDF3"},{"content":"&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":"];","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" m ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" s.","color":"#E6EDF3"},{"content":"match","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"/","color":"#A5D6FF"},{"content":"^","color":"#FF7B72"},{"content":"rgba","color":"#A5D6FF"},{"content":"?","color":"#FF7B72"},{"content":"\\(","color":"#7EE787"},{"content":"\\s","color":"#79C0FF"},{"content":"*","color":"#FF7B72"},{"content":"(","color":"#A5D6FF"},{"content":"[\\d.]","color":"#79C0FF"},{"content":"+","color":"#FF7B72"},{"content":")","color":"#A5D6FF"},{"content":"[,\\s]","color":"#79C0FF"},{"content":"+","color":"#FF7B72"},{"content":"(","color":"#A5D6FF"},{"content":"[\\d.]","color":"#79C0FF"},{"content":"+","color":"#FF7B72"},{"content":")","color":"#A5D6FF"},{"content":"[,\\s]","color":"#79C0FF"},{"content":"+","color":"#FF7B72"},{"content":"(","color":"#A5D6FF"},{"content":"[\\d.]","color":"#79C0FF"},{"content":"+","color":"#FF7B72"},{"content":")/","color":"#A5D6FF"},{"content":"i","color":"#FF7B72"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" m ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":"m[","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":"m[","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":"m[","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" fallback;","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"/* GPU shaders: cursor wake → ping-pong particle simulation → image + particles. */","color":"#8B949E"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"NOISE","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`","color":"#A5D6FF"}],[{"content":"float hash(vec2 p){ p = fract(p*vec2(123.34,456.21)); p += dot(p,p+45.32); return fract(p.x*p.y); }","color":"#A5D6FF"}],[{"content":"float vnoise(vec2 p){ vec2 i=floor(p); vec2 f=fract(p); vec2 u=f*f*f*(f*(f*6.0-15.0)+10.0);","color":"#A5D6FF"}],[{"content":" return mix(mix(hash(i),hash(i+vec2(1.0,0.0)),u.x), mix(hash(i+vec2(0.0,1.0)),hash(i+vec2(1.0,1.0)),u.x), u.y); }","color":"#A5D6FF"}],[{"content":"vec2 ambientField(vec2 uv, float t){","color":"#A5D6FF"}],[{"content":" vec2 q = uv*vec2(3.2,1.7);","color":"#A5D6FF"}],[{"content":" vec2 a = vec2(vnoise(q+vec2(t*0.11,0.0))-0.5, vnoise(q+vec2(5.2,t*0.08)+3.1)-0.5);","color":"#A5D6FF"}],[{"content":" vec2 q2 = uv*vec2(7.5,4.0) + vec2(-t*0.19, t*0.13);","color":"#A5D6FF"}],[{"content":" vec2 b = vec2(vnoise(q2+1.7)-0.5, vnoise(q2+9.3)-0.5);","color":"#A5D6FF"}],[{"content":" return a + b*0.45;","color":"#A5D6FF"}],[{"content":"}`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"ENERGY","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`","color":"#A5D6FF"}],[{"content":"float energyAt(vec2 rectPx, vec2 mouse, float radius, float presence, float wakeEnergy){","color":"#A5D6FF"}],[{"content":" vec2 d = rectPx - mouse;","color":"#A5D6FF"}],[{"content":" float f = exp(-dot(d,d)/(radius*radius))*presence;","color":"#A5D6FF"}],[{"content":" return smoothstep(0.06, 0.5, f*1.15 + wakeEnergy*1.7);","color":"#A5D6FF"}],[{"content":"}`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"QUAD_VS","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`#version 300 es","color":"#A5D6FF"}],[{"content":"layout(location=0) in vec2 aPos;","color":"#A5D6FF"}],[{"content":"out vec2 vUv;","color":"#A5D6FF"}],[{"content":"void main(){ vUv = aPos*0.5+0.5; gl_Position = vec4(aPos,0.0,1.0); }`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"FLOW_FS","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`#version 300 es","color":"#A5D6FF"}],[{"content":"precision highp float;","color":"#A5D6FF"}],[{"content":"in vec2 vUv;","color":"#A5D6FF"}],[{"content":"out vec4 o;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uPrev;","color":"#A5D6FF"}],[{"content":"uniform vec2 uTexel;","color":"#A5D6FF"}],[{"content":"uniform vec2 uMouse;","color":"#A5D6FF"}],[{"content":"uniform vec2 uVel;","color":"#A5D6FF"}],[{"content":"uniform vec2 uSize;","color":"#A5D6FF"}],[{"content":"uniform float uRadius;","color":"#A5D6FF"}],[{"content":"uniform float uPresence;","color":"#A5D6FF"}],[{"content":"uniform float uDecay;","color":"#A5D6FF"}],[{"content":"vec2 decV(vec4 c){ return (c.rg*255.0-128.0)/127.0; }","color":"#A5D6FF"}],[{"content":"void main(){","color":"#A5D6FF"}],[{"content":" vec2 v0 = decV(texture(uPrev, vUv));","color":"#A5D6FF"}],[{"content":" vec2 uv = vUv - v0*uTexel*2.5;","color":"#A5D6FF"}],[{"content":" vec4 c = texture(uPrev, uv)*0.52","color":"#A5D6FF"}],[{"content":" + 0.12*(texture(uPrev, uv+vec2(uTexel.x,0.0)) + texture(uPrev, uv-vec2(uTexel.x,0.0))","color":"#A5D6FF"}],[{"content":" + texture(uPrev, uv+vec2(0.0,uTexel.y)) + texture(uPrev, uv-vec2(0.0,uTexel.y)));","color":"#A5D6FF"}],[{"content":" vec2 v = decV(c);","color":"#A5D6FF"}],[{"content":" float p = c.b;","color":"#A5D6FF"}],[{"content":" vec2 d = (vUv-uMouse)*uSize;","color":"#A5D6FF"}],[{"content":" float f = exp(-dot(d,d)/(uRadius*uRadius))*uPresence;","color":"#A5D6FF"}],[{"content":" float sp = clamp(length(uVel)*2.5, 0.0, 1.0);","color":"#A5D6FF"}],[{"content":" v += uVel*f*0.22;","color":"#A5D6FF"}],[{"content":" p = max(p, f*sp);","color":"#A5D6FF"}],[{"content":" v *= uDecay;","color":"#A5D6FF"}],[{"content":" p *= uDecay;","color":"#A5D6FF"}],[{"content":" v = sign(v)*max(abs(v)-1.2/127.0, 0.0);","color":"#A5D6FF"}],[{"content":" p = max(p-1.2/255.0, 0.0);","color":"#A5D6FF"}],[{"content":" v = clamp(v, -1.0, 1.0);","color":"#A5D6FF"}],[{"content":" o = vec4((v*127.0+128.0)/255.0, p, 1.0);","color":"#A5D6FF"}],[{"content":"}`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SIM_FS","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`#version 300 es","color":"#A5D6FF"}],[{"content":"precision highp float;","color":"#A5D6FF"}],[{"content":"out vec4 o;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uState;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uHome;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uFlow;","color":"#A5D6FF"}],[{"content":"uniform vec2 uSize;","color":"#A5D6FF"}],[{"content":"uniform vec2 uMouse;","color":"#A5D6FF"}],[{"content":"uniform float uRadius;","color":"#A5D6FF"}],[{"content":"uniform float uPresence;","color":"#A5D6FF"}],[{"content":"uniform float uStrength;","color":"#A5D6FF"}],[{"content":"uniform float uSpread;","color":"#A5D6FF"}],[{"content":"uniform float uTurb;","color":"#A5D6FF"}],[{"content":"uniform float uReturn;","color":"#A5D6FF"}],[{"content":"uniform float uTime;","color":"#A5D6FF"}],[{"content":"uniform float uDt;","color":"#A5D6FF"}],[{"content":"uniform float uIntro;","color":"#A5D6FF"}],[{"content":"$${","color":"#A5D6FF"},{"content":"NOISE","color":"#79C0FF"},{"content":"}","color":"#A5D6FF"}],[{"content":"vec2 curl(vec2 p){","color":"#A5D6FF"}],[{"content":" const float e = 0.35;","color":"#A5D6FF"}],[{"content":" float a = vnoise(p+vec2(0.0,e)) - vnoise(p-vec2(0.0,e));","color":"#A5D6FF"}],[{"content":" float b = vnoise(p+vec2(e,0.0)) - vnoise(p-vec2(e,0.0));","color":"#A5D6FF"}],[{"content":" return vec2(a, -b)/(2.0*e);","color":"#A5D6FF"}],[{"content":"}","color":"#A5D6FF"}],[{"content":"void main(){","color":"#A5D6FF"}],[{"content":" ivec2 ij = ivec2(gl_FragCoord.xy);","color":"#A5D6FF"}],[{"content":" vec4 hm = texelFetch(uHome, ij, 0);","color":"#A5D6FF"}],[{"content":" if(hm.w <= 0.0){ o = vec4(0.0); return; }","color":"#A5D6FF"}],[{"content":" vec4 st = texelFetch(uState, ij, 0);","color":"#A5D6FF"}],[{"content":" vec2 off = st.xy;","color":"#A5D6FF"}],[{"content":" vec2 vel = st.zw;","color":"#A5D6FF"}],[{"content":" float sd = hm.z;","color":"#A5D6FF"}],[{"content":" float light = 0.45 + sd*1.1;","color":"#A5D6FF"}],[{"content":" vec2 p = hm.xy*uSize + off;","color":"#A5D6FF"}],[{"content":" vec4 fl = texture(uFlow, clamp(p/uSize, 0.0, 1.0));","color":"#A5D6FF"}],[{"content":" vec2 wake = (fl.rg*255.0-128.0)/127.0;","color":"#A5D6FF"}],[{"content":" float pr = fl.b;","color":"#A5D6FF"}],[{"content":" vec2 toM = p - uMouse;","color":"#A5D6FF"}],[{"content":" float r2 = dot(toM,toM);","color":"#A5D6FF"}],[{"content":" float f = exp(-r2/(uRadius*uRadius))*uPresence;","color":"#A5D6FF"}],[{"content":" vec2 n = toM*inversesqrt(r2+1.0);","color":"#A5D6FF"}],[{"content":" float e = clamp(pr*2.0 + f, 0.0, 1.0);","color":"#A5D6FF"}],[{"content":" vec2 acc = vec2(0.0);","color":"#A5D6FF"}],[{"content":" acc += n*f*1.25*uStrength*uSpread*light;","color":"#A5D6FF"}],[{"content":" acc += vec2(-n.y, n.x)*f*1.45*uStrength*uSpread*(0.4+sd);","color":"#A5D6FF"}],[{"content":" acc += (wake*42.0*uSpread*light - vel)*e*0.08;","color":"#A5D6FF"}],[{"content":" vec2 q = p*0.0095 + vec2(uTime*0.35, -uTime*0.2);","color":"#A5D6FF"}],[{"content":" vec2 c = curl(q) + 0.5*curl(q*2.3 + 7.1);","color":"#A5D6FF"}],[{"content":" acc += c*(e*1.2*uSpread + uIntro*1.5)*uTurb*light;","color":"#A5D6FF"}],[{"content":" float k = (0.006 + 0.02*uReturn)*(0.65+sd*0.7)*(1.0 - uIntro*0.75);","color":"#A5D6FF"}],[{"content":" acc -= off*k;","color":"#A5D6FF"}],[{"content":" vel += acc*uDt;","color":"#A5D6FF"}],[{"content":" vel *= pow(mix(0.93, 0.955, e), uDt);","color":"#A5D6FF"}],[{"content":" off += vel*uDt;","color":"#A5D6FF"}],[{"content":" if(dot(off,off) < 0.0004 && dot(vel,vel) < 0.0004){ off = vec2(0.0); vel = vec2(0.0); }","color":"#A5D6FF"}],[{"content":" o = vec4(off, vel);","color":"#A5D6FF"}],[{"content":"}`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"PART_VS","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`#version 300 es","color":"#A5D6FF"}],[{"content":"precision highp float;","color":"#A5D6FF"}],[{"content":"layout(location=0) in vec2 aCorner;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uState;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uHome;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uCol;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uFlow;","color":"#A5D6FF"}],[{"content":"uniform int uTexW;","color":"#A5D6FF"}],[{"content":"uniform vec4 uRect;","color":"#A5D6FF"}],[{"content":"uniform vec2 uRes;","color":"#A5D6FF"}],[{"content":"uniform vec2 uMouse;","color":"#A5D6FF"}],[{"content":"uniform float uRadius;","color":"#A5D6FF"}],[{"content":"uniform float uPresence;","color":"#A5D6FF"}],[{"content":"uniform float uDot;","color":"#A5D6FF"}],[{"content":"uniform float uTime;","color":"#A5D6FF"}],[{"content":"uniform float uAmbient;","color":"#A5D6FF"}],[{"content":"uniform float uStreak;","color":"#A5D6FF"}],[{"content":"uniform float uIntroVis;","color":"#A5D6FF"}],[{"content":"uniform float uRest;","color":"#A5D6FF"}],[{"content":"uniform vec3 uTint;","color":"#A5D6FF"}],[{"content":"out vec2 vLocal;","color":"#A5D6FF"}],[{"content":"out float vHalfLen;","color":"#A5D6FF"}],[{"content":"out float vR;","color":"#A5D6FF"}],[{"content":"out vec3 vCol;","color":"#A5D6FF"}],[{"content":"out float vA;","color":"#A5D6FF"}],[{"content":"$${","color":"#A5D6FF"},{"content":"NOISE","color":"#79C0FF"},{"content":"}","color":"#A5D6FF"}],[{"content":"$${","color":"#A5D6FF"},{"content":"ENERGY","color":"#79C0FF"},{"content":"}","color":"#A5D6FF"}],[{"content":"void main(){","color":"#A5D6FF"}],[{"content":" int id = gl_InstanceID;","color":"#A5D6FF"}],[{"content":" ivec2 ij = ivec2(id % uTexW, id / uTexW);","color":"#A5D6FF"}],[{"content":" vec4 hm = texelFetch(uHome, ij, 0);","color":"#A5D6FF"}],[{"content":" vec4 st = texelFetch(uState, ij, 0);","color":"#A5D6FF"}],[{"content":" vec4 cl = texelFetch(uCol, ij, 0);","color":"#A5D6FF"}],[{"content":" float wakeE = texture(uFlow, hm.xy).b;","color":"#A5D6FF"}],[{"content":" float E = energyAt(hm.xy*uRect.zw, uMouse, uRadius, uPresence, wakeE);","color":"#A5D6FF"}],[{"content":" float lift = smoothstep(0.35, 2.5, length(st.xy));","color":"#A5D6FF"}],[{"content":" float a = max(max(E, lift), max(uRest, 1.0-uIntroVis));","color":"#A5D6FF"}],[{"content":" if(a < 0.01 || hm.w <= 0.0){ gl_Position = vec4(2.0,2.0,2.0,1.0); return; }","color":"#A5D6FF"}],[{"content":" vec2 base = uRect.xy + hm.xy*uRect.zw + st.xy;","color":"#A5D6FF"}],[{"content":" base -= ambientField(hm.xy, uTime)*10.0*uAmbient;","color":"#A5D6FF"}],[{"content":" vec2 v = st.zw;","color":"#A5D6FF"}],[{"content":" float sp = length(v);","color":"#A5D6FF"}],[{"content":" vec2 dir = sp > 0.001 ? v/sp : vec2(1.0,0.0);","color":"#A5D6FF"}],[{"content":" float r = uDot*hm.w*0.5;","color":"#A5D6FF"}],[{"content":" float len = min(sp*1.25, 18.0)*uStreak;","color":"#A5D6FF"}],[{"content":" vec2 lc = aCorner*vec2(r + len*0.5 + 1.0, r + 1.0);","color":"#A5D6FF"}],[{"content":" vec2 center = base - dir*len*0.5;","color":"#A5D6FF"}],[{"content":" vec2 world = center + dir*lc.x + vec2(-dir.y, dir.x)*lc.y;","color":"#A5D6FF"}],[{"content":" vec2 clip = world/uRes*2.0-1.0;","color":"#A5D6FF"}],[{"content":" gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0);","color":"#A5D6FF"}],[{"content":" vLocal = lc;","color":"#A5D6FF"}],[{"content":" vHalfLen = len*0.5;","color":"#A5D6FF"}],[{"content":" vR = r;","color":"#A5D6FF"}],[{"content":" vec3 col = cl.rgb*uTint;","color":"#A5D6FF"}],[{"content":" float glint = smoothstep(2.0, 16.0, sp);","color":"#A5D6FF"}],[{"content":" col = mix(col, min(col*1.18 + vec3(0.07,0.075,0.085), vec3(1.0)), glint*0.75);","color":"#A5D6FF"}],[{"content":" vCol = col;","color":"#A5D6FF"}],[{"content":" vA = a;","color":"#A5D6FF"}],[{"content":"}`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"PART_FS","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`#version 300 es","color":"#A5D6FF"}],[{"content":"precision highp float;","color":"#A5D6FF"}],[{"content":"in vec2 vLocal;","color":"#A5D6FF"}],[{"content":"in float vHalfLen;","color":"#A5D6FF"}],[{"content":"in float vR;","color":"#A5D6FF"}],[{"content":"in vec3 vCol;","color":"#A5D6FF"}],[{"content":"in float vA;","color":"#A5D6FF"}],[{"content":"uniform float uDpr;","color":"#A5D6FF"}],[{"content":"out vec4 o;","color":"#A5D6FF"}],[{"content":"void main(){","color":"#A5D6FF"}],[{"content":" vec2 q = vec2(max(abs(vLocal.x)-vHalfLen, 0.0), vLocal.y);","color":"#A5D6FF"}],[{"content":" float d = length(q) - vR;","color":"#A5D6FF"}],[{"content":" float a = clamp(0.5 - d*uDpr, 0.0, 1.0);","color":"#A5D6FF"}],[{"content":" float tail = vHalfLen > 0.0 ? clamp(0.5 - vLocal.x/(2.0*(vHalfLen+vR)), 0.0, 1.0) : 0.0;","color":"#A5D6FF"}],[{"content":" a *= 1.0 - tail*0.55;","color":"#A5D6FF"}],[{"content":" a *= vA;","color":"#A5D6FF"}],[{"content":" if(a < 0.004) discard;","color":"#A5D6FF"}],[{"content":" o = vec4(vCol*a, a);","color":"#A5D6FF"}],[{"content":"}`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"IMAGE_FS","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`#version 300 es","color":"#A5D6FF"}],[{"content":"precision highp float;","color":"#A5D6FF"}],[{"content":"out vec4 o;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uImg;","color":"#A5D6FF"}],[{"content":"uniform sampler2D uFlow;","color":"#A5D6FF"}],[{"content":"uniform vec2 uRes;","color":"#A5D6FF"}],[{"content":"uniform float uDpr;","color":"#A5D6FF"}],[{"content":"uniform vec4 uRect;","color":"#A5D6FF"}],[{"content":"uniform vec3 uBg;","color":"#A5D6FF"}],[{"content":"uniform vec3 uImgBg;","color":"#A5D6FF"}],[{"content":"uniform vec2 uMouse;","color":"#A5D6FF"}],[{"content":"uniform float uPresence;","color":"#A5D6FF"}],[{"content":"uniform float uRadius;","color":"#A5D6FF"}],[{"content":"uniform float uStrength;","color":"#A5D6FF"}],[{"content":"uniform float uTime;","color":"#A5D6FF"}],[{"content":"uniform float uAmbient;","color":"#A5D6FF"}],[{"content":"uniform float uIntroVis;","color":"#A5D6FF"}],[{"content":"uniform float uRest;","color":"#A5D6FF"}],[{"content":"uniform float uAlphaMode;","color":"#A5D6FF"}],[{"content":"$${","color":"#A5D6FF"},{"content":"NOISE","color":"#79C0FF"},{"content":"}","color":"#A5D6FF"}],[{"content":"$${","color":"#A5D6FF"},{"content":"ENERGY","color":"#79C0FF"},{"content":"}","color":"#A5D6FF"}],[{"content":"void main(){","color":"#A5D6FF"}],[{"content":" vec2 px = vec2(gl_FragCoord.x, uRes.y*uDpr - gl_FragCoord.y)/uDpr;","color":"#A5D6FF"}],[{"content":" vec2 size = uRect.zw;","color":"#A5D6FF"}],[{"content":" vec2 uv = (px-uRect.xy)/size;","color":"#A5D6FF"}],[{"content":" if(uv.x < -0.05 || uv.x > 1.05 || uv.y < -0.12 || uv.y > 1.12){ o = vec4(0.0); return; }","color":"#A5D6FF"}],[{"content":" vec4 fl = texture(uFlow, clamp(uv,0.0,1.0));","color":"#A5D6FF"}],[{"content":" vec2 vel = (fl.rg*255.0-128.0)/127.0;","color":"#A5D6FF"}],[{"content":" vec2 rp = uv*size;","color":"#A5D6FF"}],[{"content":" vec2 toM = rp - uMouse;","color":"#A5D6FF"}],[{"content":" float fall = exp(-dot(toM,toM)/(uRadius*uRadius))*uPresence;","color":"#A5D6FF"}],[{"content":" vec2 disp = -toM*0.22*uStrength*fall - vel*10.0*uStrength;","color":"#A5D6FF"}],[{"content":" disp += ambientField(uv, uTime)*10.0*uAmbient;","color":"#A5D6FF"}],[{"content":" vec2 suv = uv + disp/size;","color":"#A5D6FF"}],[{"content":" vec4 tx = texture(uImg, suv);","color":"#A5D6FF"}],[{"content":" vec3 col = tx.rgb;","color":"#A5D6FF"}],[{"content":" vec2 e = smoothstep(vec2(0.0), vec2(0.004,0.01), suv) * smoothstep(vec2(1.0), vec2(0.996,0.99), suv);","color":"#A5D6FF"}],[{"content":" float key = uAlphaMode > 0.5 ? tx.a : smoothstep(0.012, 0.05, length(col-uImgBg));","color":"#A5D6FF"}],[{"content":" float k = key*e.x*e.y;","color":"#A5D6FF"}],[{"content":" float E = energyAt(rp, uMouse, uRadius, uPresence, fl.b);","color":"#A5D6FF"}],[{"content":" float show = (1.0 - max(E, uRest))*uIntroVis;","color":"#A5D6FF"}],[{"content":" vec3 mat = uAlphaMode > 0.5 ? col : col*(uBg/max(uImgBg, vec3(0.001)));","color":"#A5D6FF"}],[{"content":" float A = k*show;","color":"#A5D6FF"}],[{"content":" o = vec4(mat*A, A);","color":"#A5D6FF"}],[{"content":"}`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"type","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Prog","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"p","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLProgram","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"u","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Record","color":"#FFA657"},{"content":"<","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"WebGLUniformLocation","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":">;","color":"#E6EDF3"}],[{"content":"};","color":"#E6EDF3"}],[{"content":"function","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"compile","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"gl","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGL2RenderingContext","color":"#FFA657"},{"content":", ","color":"#E6EDF3"},{"content":"vs","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"fs","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":")","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Prog","color":"#FFA657"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"shaders","color":"#79C0FF"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLShader","color":"#FFA657"},{"content":"[] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"p","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"createProgram","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"p)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"Program allocation failed\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"try","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"type","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"source","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" [[gl.","color":"#E6EDF3"},{"content":"VERTEX_SHADER","color":"#79C0FF"},{"content":", vs], [gl.","color":"#E6EDF3"},{"content":"FRAGMENT_SHADER","color":"#79C0FF"},{"content":", fs]] ","color":"#E6EDF3"},{"content":"as","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"shader","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"createShader","color":"#D2A8FF"},{"content":"(type);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"shader)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"Shader allocation failed\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" shaders.","color":"#E6EDF3"},{"content":"push","color":"#D2A8FF"},{"content":"(shader);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"shaderSource","color":"#D2A8FF"},{"content":"(shader, source);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"compileShader","color":"#D2A8FF"},{"content":"(shader);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"gl.","color":"#E6EDF3"},{"content":"getShaderParameter","color":"#D2A8FF"},{"content":"(shader, gl.","color":"#E6EDF3"},{"content":"COMPILE_STATUS","color":"#79C0FF"},{"content":"))","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"Shader: \"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"getShaderInfoLog","color":"#D2A8FF"},{"content":"(shader));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"attachShader","color":"#D2A8FF"},{"content":"(p, shader);","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindAttribLocation","color":"#D2A8FF"},{"content":"(p, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"\"aPos\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"linkProgram","color":"#D2A8FF"},{"content":"(p);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"gl.","color":"#E6EDF3"},{"content":"getProgramParameter","color":"#D2A8FF"},{"content":"(p, gl.","color":"#E6EDF3"},{"content":"LINK_STATUS","color":"#79C0FF"},{"content":"))","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"Link: \"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"getProgramInfoLog","color":"#D2A8FF"},{"content":"(p));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"u","color":"#79C0FF"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Prog","color":"#FFA657"},{"content":"[","color":"#E6EDF3"},{"content":"\"u\"","color":"#A5D6FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" {};","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"n","color":"#79C0FF"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"getProgramParameter","color":"#D2A8FF"},{"content":"(p, gl.","color":"#E6EDF3"},{"content":"ACTIVE_UNIFORMS","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" i ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"; i ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" n; i","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"info","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"getActiveUniform","color":"#D2A8FF"},{"content":"(p, i);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (info)","color":"#E6EDF3"}],[{"content":" u[info.name] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"getUniformLocation","color":"#D2A8FF"},{"content":"(p, info.name);","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" { p, u };","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"catch","color":"#FF7B72"},{"content":" (error) {","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"deleteProgram","color":"#D2A8FF"},{"content":"(p);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" error;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"finally","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" shaders.","color":"#E6EDF3"},{"content":"forEach","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"shader","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"deleteShader","color":"#D2A8FF"},{"content":"(shader));","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1024","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SETTLE_FRAMES","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"270","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":"class","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"LiquidEngine","color":"#FFA657"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"lastImage","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"HTMLImageElement","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"onFirstFrame","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" (() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"void","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGL2RenderingContext","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"lowPower","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"stateFormat","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { internal: ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", type: ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pFlow","color":"#FFA657"},{"content":"!:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Prog","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pSim","color":"#FFA657"},{"content":"!:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Prog","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pPart","color":"#FFA657"},{"content":"!:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Prog","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pImg","color":"#FFA657"},{"content":"!:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Prog","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"vao","color":"#FFA657"},{"content":"!:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLVertexArrayObject","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"quad","color":"#FFA657"},{"content":"!:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLBuffer","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"imgTex","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLTexture","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"flowTex","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLTexture","color":"#FFA657"},{"content":"[] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"flowFb","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLFramebuffer","color":"#FFA657"},{"content":"[] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"flowW","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"256","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"flowH","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"104","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"flowIdx","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"flowDirty","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"homeTex","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLTexture","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"colTex","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLTexture","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"stateTex","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLTexture","color":"#FFA657"},{"content":"[] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"stateFb","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"WebGLFramebuffer","color":"#FFA657"},{"content":"[] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"stateIdx","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"texH","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"n","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gridW","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"stateDirty","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"alphaMode","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"imgBg","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"RGB","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"0.918","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0.914","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0.906","color":"#79C0FF"},{"content":"];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"flowing","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"aspect","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2.5","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"rect","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Rect","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { x: ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", y: ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", w: ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", h: ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"cssW","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"cssH","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"target","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { x: ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"9999","color":"#79C0FF"},{"content":", y: ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"9999","color":"#79C0FF"},{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"mouse","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { x: ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"9999","color":"#79C0FF"},{"content":", y: ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"9999","color":"#79C0FF"},{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"prevMouse","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { x: ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"9999","color":"#79C0FF"},{"content":", y: ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"9999","color":"#79C0FF"},{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"mvel","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { x: ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", y: ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"presence","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"presenceTarget","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"burst","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"settle","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1e9","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"touchRelease","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"time","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"introT","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"raf","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"running","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"last","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"skip","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"visible","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"ready","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"destroyed","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"lost","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"homeData","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Float32Array","color":"#FFA657"},{"content":"<","color":"#E6EDF3"},{"content":"ArrayBuffer","color":"#FFA657"},{"content":"> ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"constructor","color":"#FF7B72"},{"content":"(","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"canvas","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"HTMLCanvasElement","color":"#FFA657"},{"content":", ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"opts","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"EngineOptions","color":"#FFA657"},{"content":", ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"onFail","color":"#D2A8FF"},{"content":":","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"void","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" canvas.","color":"#E6EDF3"},{"content":"getContext","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"webgl2\"","color":"#A5D6FF"},{"content":", { alpha: ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":", antialias: ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":", depth: ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":", stencil: ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":", premultipliedAlpha: ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":", preserveDrawingBuffer: ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":", powerPreference: ","color":"#E6EDF3"},{"content":"\"high-performance\"","color":"#A5D6FF"},{"content":" });","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"gl)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"WebGL2 unavailable\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"nav","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" navigator ","color":"#E6EDF3"},{"content":"as","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Navigator","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"&","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"deviceMemory","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lowPower ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (nav.hardwareConcurrency ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"8","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"<=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" (nav.deviceMemory ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"8","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"<=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" window.","color":"#E6EDF3"},{"content":"matchMedia","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"(pointer: coarse)\"","color":"#A5D6FF"},{"content":").matches;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"try","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"initGL","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"catch","color":"#FF7B72"},{"content":" (error) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"destroy","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" error;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" canvas.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"webglcontextlost\"","color":"#A5D6FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".onLost, ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"onLost","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"event","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Event","color":"#FFA657"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { event.","color":"#E6EDF3"},{"content":"preventDefault","color":"#D2A8FF"},{"content":"(); ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lost ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":"; ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"stop","color":"#D2A8FF"},{"content":"(); ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"onFail","color":"#D2A8FF"},{"content":"(); };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"initGL","color":"#D2A8FF"},{"content":"() {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"gl.","color":"#E6EDF3"},{"content":"getExtension","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"EXT_color_buffer_float\"","color":"#A5D6FF"},{"content":") ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"gl.","color":"#E6EDF3"},{"content":"getExtension","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"EXT_color_buffer_half_float\"","color":"#A5D6FF"},{"content":"))","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"No float render targets\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFormat ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { internal: gl.","color":"#E6EDF3"},{"content":"RGBA16F","color":"#79C0FF"},{"content":", type: gl.","color":"#E6EDF3"},{"content":"HALF_FLOAT","color":"#79C0FF"},{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pFlow ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"compile","color":"#D2A8FF"},{"content":"(gl, ","color":"#E6EDF3"},{"content":"QUAD_VS","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"FLOW_FS","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pSim ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"compile","color":"#D2A8FF"},{"content":"(gl, ","color":"#E6EDF3"},{"content":"QUAD_VS","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"SIM_FS","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pPart ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"compile","color":"#D2A8FF"},{"content":"(gl, ","color":"#E6EDF3"},{"content":"PART_VS","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"PART_FS","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pImg ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"compile","color":"#D2A8FF"},{"content":"(gl, ","color":"#E6EDF3"},{"content":"QUAD_VS","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"IMAGE_FS","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".vao ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"createVertexArray","color":"#D2A8FF"},{"content":"()","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindVertexArray","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".vao);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".quad ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"createBuffer","color":"#D2A8FF"},{"content":"()","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindBuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"ARRAY_BUFFER","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".quad);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bufferData","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"ARRAY_BUFFER","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Float32Array","color":"#D2A8FF"},{"content":"([","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"]), gl.","color":"#E6EDF3"},{"content":"STATIC_DRAW","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"enableVertexAttribArray","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"vertexAttribPointer","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"FLOAT","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" i ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"; i ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"; i","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"t","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"makeTex","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"RGBA8","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowW, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowH, gl.","color":"#E6EDF3"},{"content":"RGBA","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"UNSIGNED_BYTE","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"LINEAR","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"fb","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"createFramebuffer","color":"#D2A8FF"},{"content":"()","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowTex.","color":"#E6EDF3"},{"content":"push","color":"#D2A8FF"},{"content":"(t);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowFb.","color":"#E6EDF3"},{"content":"push","color":"#D2A8FF"},{"content":"(fb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", fb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"framebufferTexture2D","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"COLOR_ATTACHMENT0","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", t, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (gl.","color":"#E6EDF3"},{"content":"checkFramebufferStatus","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER_COMPLETE","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"Flow FBO incomplete\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"clearFlow","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"makeTex","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"internal","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"w","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"h","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"format","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"type","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"data","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"ArrayBufferView","color":"#FFA657"},{"content":"<","color":"#E6EDF3"},{"content":"ArrayBuffer","color":"#FFA657"},{"content":"> ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"filter","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"t","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"createTexture","color":"#D2A8FF"},{"content":"()","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", t);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"pixelStorei","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"UNPACK_ALIGNMENT","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texImage2D","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", internal, w, h, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", format, type, data);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texParameteri","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_MIN_FILTER","color":"#79C0FF"},{"content":", filter);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texParameteri","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_MAG_FILTER","color":"#79C0FF"},{"content":", filter);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texParameteri","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_WRAP_S","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"CLAMP_TO_EDGE","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texParameteri","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_WRAP_T","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"CLAMP_TO_EDGE","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" t;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clearFlow","color":"#D2A8FF"},{"content":"() {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"fb","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowFb) {","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", fb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"viewport","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowW, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowH);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"clearColor","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"128","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"128","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"clear","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"COLOR_BUFFER_BIT","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowDirty ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clearState","color":"#D2A8FF"},{"content":"() {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"fb","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFb) {","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", fb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"viewport","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"clearColor","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"clear","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"COLOR_BUFFER_BIT","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateDirty ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"setImage","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"img","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"HTMLImageElement","color":"#FFA657"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".destroyed ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lost)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lastImage ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" img;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".aspect ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" img.naturalWidth ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" img.naturalHeight ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2.5","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowH ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"32","color":"#79C0FF"},{"content":", Math.","color":"#E6EDF3"},{"content":"round","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowW ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".aspect));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"t","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowTex) {","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", t);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texImage2D","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"RGBA8","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowW, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowH, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"RGBA","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"UNSIGNED_BYTE","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"clearFlow","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgTex)","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"deleteTexture","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgTex);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgTex ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"createTexture","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgTex);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"pixelStorei","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"UNPACK_FLIP_Y_WEBGL","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texImage2D","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"RGBA","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"RGBA","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"UNSIGNED_BYTE","color":"#79C0FF"},{"content":", img);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"generateMipmap","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texParameteri","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_MIN_FILTER","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"LINEAR_MIPMAP_LINEAR","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texParameteri","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_MAG_FILTER","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"LINEAR","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texParameteri","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_WRAP_S","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"CLAMP_TO_EDGE","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texParameteri","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_WRAP_T","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"CLAMP_TO_EDGE","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"buildParticles","color":"#D2A8FF"},{"content":"(img);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".ready ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.intro ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".opts.reducedMotion)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"startIntro","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"wake","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"buildParticles","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"img","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"HTMLImageElement","color":"#FFA657"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gw","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"round","color":"#D2A8FF"},{"content":"((","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lowPower ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"640","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1000","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"sqrt","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.density, ","color":"#E6EDF3"},{"content":"0.15","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":")));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gh","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", Math.","color":"#E6EDF3"},{"content":"round","color":"#D2A8FF"},{"content":"(gw ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".aspect));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gridW ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gw;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"c","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" document.","color":"#E6EDF3"},{"content":"createElement","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"canvas\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" c.width ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gw;","color":"#E6EDF3"}],[{"content":" c.height ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gh;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"ctx","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" c.","color":"#E6EDF3"},{"content":"getContext","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"2d\"","color":"#A5D6FF"},{"content":", { willReadFrequently: ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":" });","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"ctx)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"2D canvas unavailable\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ctx.imageSmoothingQuality ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"high\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ctx.","color":"#E6EDF3"},{"content":"drawImage","color":"#D2A8FF"},{"content":"(img, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", gw, gh);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"data","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ctx.","color":"#E6EDF3"},{"content":"getImageData","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", gw, gh).data;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" transparent ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" i ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":"; i ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" data.","color":"#E6EDF3"},{"content":"length","color":"#79C0FF"},{"content":"; i ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"7","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (data[i] ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"250","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" transparent","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".alphaMode ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" transparent ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" data.","color":"#E6EDF3"},{"content":"length","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"7","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"20","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.imgBg)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgBg ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.imgBg;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".alphaMode) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" r ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", g ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", b ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", n ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pw","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":", Math.","color":"#E6EDF3"},{"content":"round","color":"#D2A8FF"},{"content":"(gw ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.012","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"cx","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"cy","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" [[","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"], [gw ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" pw, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"], [","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", gh ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" pw], [gw ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" pw, gh ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" pw]]) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" y ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" cy; y ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" cy ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" pw; y","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" x ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" cx; x ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" cx ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" pw; x","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"i","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (y ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" gw ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" x) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" r ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" data[i];","color":"#E6EDF3"}],[{"content":" g ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" data[i ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"];","color":"#E6EDF3"}],[{"content":" b ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" data[i ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"];","color":"#E6EDF3"}],[{"content":" n","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgBg ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [r ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" n ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", g ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" n ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", b ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" n ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":"];","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"home","color":"#79C0FF"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":"[] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [], ","color":"#E6EDF3"},{"content":"col","color":"#79C0FF"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":"[] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" y ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"; y ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" gh; y","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" x ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"; x ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" gw; x","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"i","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (y ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" gw ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" x) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"r","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" data[i] ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"g","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" data[i ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"b","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" data[i ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".alphaMode) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"a","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" data[i ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (a ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.12","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" (a ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" a ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"))","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"continue","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"dev","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"hypot","color":"#D2A8FF"},{"content":"(r ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgBg[","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"], g ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgBg[","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"], b ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgBg[","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"]);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (dev ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.03","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" (dev ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.07","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" (dev ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.03","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.04","color":"#79C0FF"},{"content":"))","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"continue","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"jx","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.6","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"jy","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.6","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" home.","color":"#E6EDF3"},{"content":"push","color":"#D2A8FF"},{"content":"((x ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" jx) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" gw, (y ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" jy) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" gh, Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"(), ","color":"#E6EDF3"},{"content":"0.85","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.3","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" col.","color":"#E6EDF3"},{"content":"push","color":"#D2A8FF"},{"content":"(data[i], data[i ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"], data[i ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"], ","color":"#E6EDF3"},{"content":"255","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".n ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" home.","color":"#E6EDF3"},{"content":"length","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", Math.","color":"#E6EDF3"},{"content":"ceil","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".n ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"total","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH, ","color":"#E6EDF3"},{"content":"homeArr","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Float32Array","color":"#D2A8FF"},{"content":"(total ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"colArr","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Uint8Array","color":"#D2A8FF"},{"content":"(total ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" homeArr.","color":"#E6EDF3"},{"content":"set","color":"#D2A8FF"},{"content":"(home);","color":"#E6EDF3"}],[{"content":" colArr.","color":"#E6EDF3"},{"content":"set","color":"#D2A8FF"},{"content":"(col);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"t","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".homeTex, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".colTex, ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".stateTex])","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (t)","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"deleteTexture","color":"#D2A8FF"},{"content":"(t);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFb.","color":"#E6EDF3"},{"content":"forEach","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"f","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"deleteFramebuffer","color":"#D2A8FF"},{"content":"(f));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateTex ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFb ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" [];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".homeTex ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"makeTex","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"RGBA32F","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH, gl.","color":"#E6EDF3"},{"content":"RGBA","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"FLOAT","color":"#79C0FF"},{"content":", homeArr, gl.","color":"#E6EDF3"},{"content":"NEAREST","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".colTex ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"makeTex","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"RGBA8","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH, gl.","color":"#E6EDF3"},{"content":"RGBA","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"UNSIGNED_BYTE","color":"#79C0FF"},{"content":", colArr, gl.","color":"#E6EDF3"},{"content":"NEAREST","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" i ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"; i ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"; i","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"t","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"makeTex","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFormat.internal, ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH, gl.","color":"#E6EDF3"},{"content":"RGBA","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFormat.type, ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"NEAREST","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"fb","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"createFramebuffer","color":"#D2A8FF"},{"content":"()","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateTex.","color":"#E6EDF3"},{"content":"push","color":"#D2A8FF"},{"content":"(t);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFb.","color":"#E6EDF3"},{"content":"push","color":"#D2A8FF"},{"content":"(fb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", fb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"framebufferTexture2D","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"COLOR_ATTACHMENT0","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", t, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (gl.","color":"#E6EDF3"},{"content":"checkFramebufferStatus","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER_COMPLETE","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"throw","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Error","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"Float FBO incomplete\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".homeData ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" homeArr;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"clearState","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"startIntro","color":"#D2A8FF"},{"content":"() {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl, ","color":"#E6EDF3"},{"content":"home","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".homeData;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"home)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"w","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".rect.w ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"10","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".rect.w ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1300","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"st","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Float32Array","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" i ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"; i ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".n; i","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"hx","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" home[i ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"hy","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" home[i ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"sd","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" home[i ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"ang","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.9","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" (hx ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"PI","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"dist","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"0.04","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.14","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"abs","color":"#D2A8FF"},{"content":"(hx) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.4","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" st[i ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"cos","color":"#D2A8FF"},{"content":"(ang) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" dist ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" hx ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.25","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" sd;","color":"#E6EDF3"}],[{"content":" st[i ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"sin","color":"#D2A8FF"},{"content":"(ang) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" dist ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.55","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" hy ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"120","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (Math.","color":"#E6EDF3"},{"content":"random","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateTex[","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateIdx]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"texImage2D","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFormat.internal, ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"RGBA","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"FLOAT","color":"#79C0FF"},{"content":", st);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".introT ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateDirty ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"setOptions","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"o","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Partial","color":"#FFA657"},{"content":"<","color":"#E6EDF3"},{"content":"EngineOptions","color":"#FFA657"},{"content":">) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"rebuild","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (o.density ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"undefined","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" o.density ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.density) ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" (o.imgBg ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"undefined","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"String","color":"#D2A8FF"},{"content":"(o.imgBg) ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"String","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.imgBg));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".opts, ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"o };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (rebuild ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".ready ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lastImage) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"try","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"buildParticles","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lastImage);","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"catch","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"onFail","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"wake","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"resize","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"cssW","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"cssH","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"rect","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Rect","color":"#FFA657"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssW ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", cssW);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssH ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", cssH);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".rect ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rect;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" dpr ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"min","color":"#D2A8FF"},{"content":"(window.devicePixelRatio ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lowPower ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.5","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssW ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssH ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" dpr ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" dpr ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"4.5e6","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" dpr ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", Math.","color":"#E6EDF3"},{"content":"sqrt","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"4.5e6","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssW ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssH)));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"w","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"round","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssW ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" dpr), ","color":"#E6EDF3"},{"content":"h","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"round","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssH ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" dpr);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".canvas.width ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".canvas.height ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" h) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".canvas.width ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" w;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".canvas.height ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" h;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"draw","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"setVisible","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"v","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":") { ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".visible ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" v; ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (v)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"wake","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"stop","color":"#D2A8FF"},{"content":"(); }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"pointer","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"type","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"move\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"down\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"up\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"leave\"","color":"#A5D6FF"},{"content":", ","color":"#E6EDF3"},{"content":"x","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"y","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"touch","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".opts.interactive ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lost)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (type ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"leave\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" type ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"up\"","color":"#A5D6FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (touch)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".touchRelease ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" performance.","color":"#E6EDF3"},{"content":"now","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"260","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"wake","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"9000","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" type ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"down\"","color":"#A5D6FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".prevMouse.x ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" x;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.y ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".prevMouse.y ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" y;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".target.x ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" x;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".target.y ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" y;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".settle ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (type ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"down\"","color":"#A5D6FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".burst ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".touchRelease ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"wake","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"wake","color":"#D2A8FF"},{"content":"() {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".ready ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".running ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".visible ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".destroyed ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lost) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".ready ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".running)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"draw","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".running ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".last ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" performance.","color":"#E6EDF3"},{"content":"now","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".raf ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"requestAnimationFrame","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".frame);","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"stop","color":"#D2A8FF"},{"content":"() { ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".running ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":"; ","color":"#E6EDF3"},{"content":"cancelAnimationFrame","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".raf); }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"radiusPx","color":"#D2A8FF"},{"content":"() { ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.radius ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".rect.w ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1400","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0.6","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1.25","color":"#79C0FF"},{"content":"); }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"strength","color":"#D2A8FF"},{"content":"() { ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.strength ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts.reducedMotion ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"); }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"frame","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"now","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".running)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"rawMs","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" now ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".last, ","color":"#E6EDF3"},{"content":"dt","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(rawMs ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"16.6667","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0.25","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".last ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" now;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"o","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts, ","color":"#E6EDF3"},{"content":"ambientOn","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" o.ambient ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"o.reducedMotion;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".touchRelease ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" now ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".touchRelease) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".touchRelease ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"ease","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"pow","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.22","color":"#79C0FF"},{"content":", dt);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".target.x ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ease;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.y ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".target.y ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.y) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ease;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"vx","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".prevMouse.x) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" dt, ","color":"#E6EDF3"},{"content":"vy","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.y ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".prevMouse.y) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" dt;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".prevMouse.x ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".prevMouse.y ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.y;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mvel.x ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(vx, ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"60","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"60","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mvel.x) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mvel.y ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(vy, ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"60","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"60","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mvel.y) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pk","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.035","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"pow","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" pk, dt));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.001","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"fk","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowing ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.05","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.018","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowing ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowing) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"pow","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" fk, dt));","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowing ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.002","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presenceTarget ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowing ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".introT ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".introT ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"min","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".introT ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"min","color":"#D2A8FF"},{"content":"(rawMs, ","color":"#E6EDF3"},{"content":"100","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"3200","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"interacting","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.001","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".burst ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".settle ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" interacting ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".settle ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" dt;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"active","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" interacting ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".settle ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SETTLE_FRAMES","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".introT ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"active) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowDirty)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"clearFlow","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateDirty)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"clearState","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"ambientOn) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"draw","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"firstFrame","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"stop","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".raf ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"requestAnimationFrame","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".frame);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".skip","color":"#E6EDF3"},{"content":"++","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"%","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".time ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" (dt ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" o.speed) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"60","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"draw","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"firstFrame","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".raf ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"requestAnimationFrame","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".frame);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".time ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" (dt ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" o.speed ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowing ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.6","color":"#79C0FF"},{"content":")) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"60","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"stepFlow","color":"#D2A8FF"},{"content":"(dt);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"stepSim","color":"#D2A8FF"},{"content":"(dt);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".burst ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".burst ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" dt);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"draw","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"firstFrame","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"firstFrame","color":"#D2A8FF"},{"content":"() { ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".onFirstFrame) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"cb","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".onFirstFrame;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".onFirstFrame ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"requestAnimationFrame","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".destroyed)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"cb","color":"#D2A8FF"},{"content":"(); });","color":"#E6EDF3"}],[{"content":" } }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"stepFlow","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"dt","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl, ","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pFlow, ","color":"#E6EDF3"},{"content":"dst","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowIdx, ","color":"#E6EDF3"},{"content":"r","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".rect;","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowFb[dst]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"viewport","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowW, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowH);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"disable","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"BLEND","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"useProgram","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".p);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindVertexArray","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".vao);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowTex[","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowIdx]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uPrev, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uTexel, ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowW, ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowH);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uMouse, (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" r.x) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" r.w, (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.y ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" r.y) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" r.h);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uVel, ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mvel.x ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"40","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mvel.y ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"40","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uSize, r.w, r.h);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uRadius, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"radiusPx","color":"#D2A8FF"},{"content":"());","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uPresence, Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".burst));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uDecay, Math.","color":"#E6EDF3"},{"content":"pow","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0.968","color":"#79C0FF"},{"content":", dt));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"drawArrays","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TRIANGLE_STRIP","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowIdx ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" dst;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowDirty ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"stepSim","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"dt","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".n)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl, ","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pSim, ","color":"#E6EDF3"},{"content":"o","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts, ","color":"#E6EDF3"},{"content":"r","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".rect, ","color":"#E6EDF3"},{"content":"dst","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateIdx;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"intro","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" o.reducedMotion ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"o.intro ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"pow","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".introT, ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateFb[dst]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"viewport","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".texH);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"disable","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"BLEND","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"useProgram","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".p);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindVertexArray","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".vao);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateTex[","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateIdx]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uState, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".homeTex);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uHome, ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE2","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowTex[","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowIdx]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uFlow, ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uSize, r.w, r.h);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uMouse, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" r.x, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.y ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" r.y);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uRadius, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"radiusPx","color":"#D2A8FF"},{"content":"());","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uPresence, Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".burst));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uStrength, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"strength","color":"#D2A8FF"},{"content":"() ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".burst ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.5","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uSpread, ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(o.spread, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uTurb, ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(o.turbulence, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (o.reducedMotion ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.3","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uReturn, ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(o.returnSpeed, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uTime, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".time);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uDt, dt);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uIntro, intro);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"drawArrays","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TRIANGLE_STRIP","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateIdx ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" dst;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateDirty ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"private","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"draw","color":"#D2A8FF"},{"content":"() {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".ready ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".lost ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".destroyed)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl, ","color":"#E6EDF3"},{"content":"o","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".opts, ","color":"#E6EDF3"},{"content":"r","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".rect, ","color":"#E6EDF3"},{"content":"rm","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" o.reducedMotion;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"introVis","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rm ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"o.intro ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"pow","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".introT, ","color":"#E6EDF3"},{"content":"2.2","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"base","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" o.ambient ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"rm ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(o.ambientIntensity, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"amb","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" base ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowing ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.85","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(o.liquid, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (rm ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.3","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"rest","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" o.restStyle ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"particles\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"br","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"bg","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"bb","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" o.bg, [","color":"#E6EDF3"},{"content":"ir","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"ig","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"ib","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgBg;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"dpr","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".canvas.width ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssW, ","color":"#E6EDF3"},{"content":"pres","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".presence, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".burst), ","color":"#E6EDF3"},{"content":"mx","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.x ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" r.x, ","color":"#E6EDF3"},{"content":"my","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".mouse.y ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" r.y;","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindFramebuffer","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"FRAMEBUFFER","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"viewport","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".canvas.width, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".canvas.height);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindVertexArray","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".vao);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"disable","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"BLEND","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pImg;","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"useProgram","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".p);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgTex);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uImg, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowTex[","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowIdx]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uFlow, ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uRes, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssW, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssH);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uDpr, dpr);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform4f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uRect, r.x, r.y, r.w, r.h);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform3f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uBg, br, bg, bb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform3f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uImgBg, ir, ig, ib);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uMouse, mx, my);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uPresence, pres);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uRadius, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"radiusPx","color":"#D2A8FF"},{"content":"());","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uStrength, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"strength","color":"#D2A8FF"},{"content":"());","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uTime, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".time);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uAmbient, amb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uIntroVis, introVis);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uRest, rest);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"I","color":"#79C0FF"},{"content":".u.uAlphaMode, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".alphaMode ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"drawArrays","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TRIANGLE_STRIP","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".n ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".stateDirty ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" rest ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" introVis ","color":"#E6EDF3"},{"content":">=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"))","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pPart;","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"useProgram","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".p);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"enable","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"BLEND","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"blendFunc","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"ONE","color":"#79C0FF"},{"content":", gl.","color":"#E6EDF3"},{"content":"ONE_MINUS_SRC_ALPHA","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateTex[","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".stateIdx]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uState, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".homeTex);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uHome, ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE2","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".colTex);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uCol, ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"activeTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE3","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"bindTexture","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TEXTURE_2D","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowTex[","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".flowIdx]);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uFlow, ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1i","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uTexW, ","color":"#E6EDF3"},{"content":"TEX_W","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform4f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uRect, r.x, r.y, r.w, r.h);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uRes, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssW, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".cssH);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform2f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uMouse, mx, my);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uRadius, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"radiusPx","color":"#D2A8FF"},{"content":"());","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uPresence, pres);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uDot, r.w ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gridW ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.45","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(o.dotSize, ","color":"#E6EDF3"},{"content":"0.2","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uTime, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".time);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uAmbient, amb);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uStreak, (o.streaks ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"0.45","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.55","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" introVis));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uIntroVis, introVis);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uRest, rest);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform1f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uDpr, dpr);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".alphaMode)","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform3f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uTint, ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"uniform3f","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"P","color":"#79C0FF"},{"content":".u.uTint, br ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(ir, ","color":"#E6EDF3"},{"content":"0.001","color":"#79C0FF"},{"content":"), bg ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(ig, ","color":"#E6EDF3"},{"content":"0.001","color":"#79C0FF"},{"content":"), bb ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(ib, ","color":"#E6EDF3"},{"content":"0.001","color":"#79C0FF"},{"content":"));","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"drawArraysInstanced","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"TRIANGLE_STRIP","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"4","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".n);","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"disable","color":"#D2A8FF"},{"content":"(gl.","color":"#E6EDF3"},{"content":"BLEND","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"destroy","color":"#D2A8FF"},{"content":"() {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".destroyed)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".destroyed ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".","color":"#E6EDF3"},{"content":"stop","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".canvas.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"webglcontextlost\"","color":"#A5D6FF"},{"content":", ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".onLost);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"gl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".gl;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".lost) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".quad)","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"deleteBuffer","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".quad);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".vao)","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"deleteVertexArray","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".vao);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"t","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".flowTex, ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".stateTex, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".imgTex, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".homeTex, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".colTex])","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (t)","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"deleteTexture","color":"#D2A8FF"},{"content":"(t);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"f","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".flowFb, ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"this","color":"#79C0FF"},{"content":".stateFb])","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"deleteFramebuffer","color":"#D2A8FF"},{"content":"(f);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"for","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"p","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"of","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pFlow, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pSim, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pPart, ","color":"#E6EDF3"},{"content":"this","color":"#79C0FF"},{"content":".pImg])","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (p)","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"deleteProgram","color":"#D2A8FF"},{"content":"(p.p);","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" gl.","color":"#E6EDF3"},{"content":"getExtension","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"WEBGL_lose_context\"","color":"#A5D6FF"},{"content":")?.","color":"#E6EDF3"},{"content":"loseContext","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"export","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"interface","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SculptureHeroLink","color":"#FFA657"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"label","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"href","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"export","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"interface","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SculptureHeroProps","color":"#FFA657"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"src","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"darkSrc","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"mobileSrc","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"mobileDarkSrc","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"imageAlt","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"imageBackground","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"brand","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"navLinks","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SculptureHeroLink","color":"#FFA657"},{"content":"[];","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"navCta","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SculptureHeroLink","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"showNav","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"eyebrow","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"headline","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"headlineAccent","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"body","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"primaryCta","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SculptureHeroLink","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"secondaryCta","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SculptureHeroLink","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"hint","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"hintTouch","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"background","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"darkBackground","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"theme","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"light\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"themeToggle","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"textColor","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"accentColor","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"headingFont","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"accentFont","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"bodyFont","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"loadFonts","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"sculptureScale","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"mobileSculptureScale","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"sculptureX","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"sculptureY","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"interactive","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"strength","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"radius","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"particleDensity","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"dotSize","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"particleSpread","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"turbulence","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"liquid","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"streaks","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"restStyle","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"image\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"particles\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"returnSpeed","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"ambient","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"ambientIntensity","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"speed","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"intro","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"height","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"backdropText","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"showCredit","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"boolean","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"style","color":"#FFA657"},{"content":"?:","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"React","color":"#FFA657"},{"content":".","color":"#E6EDF3"},{"content":"CSSProperties","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" src: ","color":"#E6EDF3"},{"content":"\"https://cdn.21st.dev/assets/mirror/ae/ae8c3de9003460e59182e950ccd345f68f27f9d0e4808b64c92c962a4eca7120.webp\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" darkSrc: ","color":"#E6EDF3"},{"content":"\"https://cdn.21st.dev/assets/mirror/a1/a1fa387b6e417b26a25f317559c87cce4d241c1052c52a2b3bc2966b2aaf9b65.webp\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" mobileSrc: ","color":"#E6EDF3"},{"content":"\"https://cdn.21st.dev/assets/mirror/b0/b0c8d8e5d64b8cec906a3b390e3dc7c9a5af08334bf0632873c601782cb4bc46.webp\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" mobileDarkSrc: ","color":"#E6EDF3"},{"content":"\"https://cdn.21st.dev/assets/mirror/9a/9a82cb59be1bfde59855b79d7a565e487155a89f4d52eac74dcc10e267b2b6d1.webp\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" imageAlt: ","color":"#E6EDF3"},{"content":"\"Abstract sculpture of interwoven metallic filaments and particles\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" brand: ","color":"#E6EDF3"},{"content":"\"Forma®\"","color":"#A5D6FF"},{"content":", navLinks: [{ label: ","color":"#E6EDF3"},{"content":"\"Work\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }, { label: ","color":"#E6EDF3"},{"content":"\"Studio\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }, { label: ","color":"#E6EDF3"},{"content":"\"Approach\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }, { label: ","color":"#E6EDF3"},{"content":"\"Journal\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }],","color":"#E6EDF3"}],[{"content":" navCta: { label: ","color":"#E6EDF3"},{"content":"\"Contact\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }, eyebrow: ","color":"#E6EDF3"},{"content":"\"Independent studio — Est. 2019\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" headline: ","color":"#E6EDF3"},{"content":"\"Form that","color":"#A5D6FF"},{"content":"\\n","color":"#FF7B72"},{"content":"answers back.\"","color":"#A5D6FF"},{"content":", headlineAccent: ","color":"#E6EDF3"},{"content":"\"answers back.\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" body: ","color":"#E6EDF3"},{"content":"\"We shape products, identities and spaces with the precision of engineering and the patience of craft — work that holds up under attention.\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" primaryCta: { label: ","color":"#E6EDF3"},{"content":"\"Start a project\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }, secondaryCta: { label: ","color":"#E6EDF3"},{"content":"\"Selected work\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" },","color":"#E6EDF3"}],[{"content":" hint: ","color":"#E6EDF3"},{"content":"\"Move across the form\"","color":"#A5D6FF"},{"content":", hintTouch: ","color":"#E6EDF3"},{"content":"\"Touch the form\"","color":"#A5D6FF"},{"content":", background: ","color":"#E6EDF3"},{"content":"\"#EBE9E5\"","color":"#A5D6FF"},{"content":", darkBackground: ","color":"#E6EDF3"},{"content":"\"#111110\"","color":"#A5D6FF"},{"content":", textColor: ","color":"#E6EDF3"},{"content":"\"#151514\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":" headingFont: ","color":"#E6EDF3"},{"content":"\"'Geist', 'Helvetica Neue', Arial, sans-serif\"","color":"#A5D6FF"},{"content":", accentFont: ","color":"#E6EDF3"},{"content":"\"'Instrument Serif', 'Times New Roman', serif\"","color":"#A5D6FF"},{"content":", bodyFont: ","color":"#E6EDF3"},{"content":"\"'Geist', 'Helvetica Neue', Arial, sans-serif\"","color":"#A5D6FF"},{"content":",","color":"#E6EDF3"}],[{"content":"};","color":"#E6EDF3"}],[{"content":"function","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"computeRect","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"w","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"h","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"aspect","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"band","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"top","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"bottom","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":"}, ","color":"#E6EDF3"},{"content":"p","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"scale","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"mobileScale","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"x","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"y","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":"})","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Rect","color":"#FFA657"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"bandH","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"80","color":"#79C0FF"},{"content":", band.bottom ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" band.top);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" rw","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":", maxH","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"number","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (w ","color":"#E6EDF3"},{"content":">=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1024","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" rw ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.02","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" p.scale;","color":"#E6EDF3"}],[{"content":" maxH ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" bandH ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.1","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" p.scale;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (w ","color":"#E6EDF3"},{"content":">=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"640","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" rw ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.3","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" p.scale;","color":"#E6EDF3"}],[{"content":" maxH ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" bandH ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.15","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" p.scale;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (aspect ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.3","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" rw ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" p.mobileScale;","color":"#E6EDF3"}],[{"content":" maxH ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" bandH ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" p.mobileScale;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" rw ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.9","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" p.mobileScale;","color":"#E6EDF3"}],[{"content":" maxH ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" bandH ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.2","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" p.mobileScale;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (rw ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" aspect ","color":"#E6EDF3"},{"content":">","color":"#FF7B72"},{"content":" maxH)","color":"#E6EDF3"}],[{"content":" rw ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" maxH ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" aspect;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"rh","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rw ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" aspect, ","color":"#E6EDF3"},{"content":"cx","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"0.5","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" p.x ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"100","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"cy","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (band.top ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" band.bottom) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" h ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" (p.y ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"100","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" { x: cx ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" rw ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":", y: cy ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" rh ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":", w: rw, h: rh };","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"CSS","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"`","color":"#A5D6FF"}],[{"content":".sh-root{position:relative;width:100%;height:var(--sh-h);overflow:hidden;isolation:isolate;container-type:size;transition:background-color .6s ease,color .6s ease;","color":"#A5D6FF"}],[{"content":" background:var(--sh-bg);color:var(--sh-fg);font-family:var(--sh-body);-webkit-font-smoothing:antialiased;","color":"#A5D6FF"}],[{"content":" touch-action:pan-y;display:flex;flex-direction:column;box-sizing:border-box}","color":"#A5D6FF"}],[{"content":".sh-root *,.sh-root *::before,.sh-root *::after{box-sizing:border-box}","color":"#A5D6FF"}],[{"content":".sh-stage{position:absolute;inset:0;z-index:0;pointer-events:none}","color":"#A5D6FF"}],[{"content":".sh-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s ease}","color":"#A5D6FF"}],[{"content":".sh-fallback{position:absolute;display:block;max-width:none;user-select:none;-webkit-user-drag:none;transition:opacity .5s ease}","color":"#A5D6FF"}],[{"content":".sh-root[data-gl=\"on\"] .sh-canvas{opacity:1}","color":"#A5D6FF"}],[{"content":".sh-root[data-gl=\"on\"] .sh-fallback{opacity:0}","color":"#A5D6FF"}],[{"content":".sh-root[data-swap=\"1\"] .sh-canvas{opacity:0;transition-duration:.25s}","color":"#A5D6FF"}],[{"content":".sh-root[data-swap=\"1\"] .sh-fallback{opacity:0;transition-duration:.25s}","color":"#A5D6FF"}],[{"content":".sh-backdrop{position:absolute;left:50%;z-index:0;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;user-select:none;","color":"#A5D6FF"}],[{"content":" font-family:var(--sh-head);font-weight:600;letter-spacing:-.06em;line-height:.8;color:color-mix(in srgb,var(--sh-fg) 5%,transparent)}","color":"#A5D6FF"}],[{"content":".sh-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px clamp(20px,3.2cqw,48px) 0}","color":"#A5D6FF"}],[{"content":".sh-brand{font-family:var(--sh-head);font-weight:600;font-size:17px;letter-spacing:-.02em;color:inherit;text-decoration:none}","color":"#A5D6FF"}],[{"content":".sh-links{display:flex;align-items:center;gap:clamp(18px,2.4cqw,36px);list-style:none;margin:0;padding:0}","color":"#A5D6FF"}],[{"content":".sh-link{color:inherit;text-decoration:none;font-size:13.5px;letter-spacing:-.005em;opacity:.72;transition:opacity .2s}","color":"#A5D6FF"}],[{"content":".sh-link:hover{opacity:1}","color":"#A5D6FF"}],[{"content":".sh-theme{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;cursor:pointer;color:inherit;background:transparent;","color":"#A5D6FF"}],[{"content":" border:1px solid color-mix(in srgb,var(--sh-fg) 22%,transparent);transition:background .25s,color .25s}","color":"#A5D6FF"}],[{"content":".sh-theme:hover{background:var(--sh-fg);color:var(--sh-bg)}","color":"#A5D6FF"}],[{"content":".sh-theme:focus-visible{outline:2px solid var(--sh-fg);outline-offset:4px}","color":"#A5D6FF"}],[{"content":".sh-navcta{color:inherit;text-decoration:none;font-size:13.5px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--sh-fg) 22%,transparent);border-radius:999px;transition:background .25s,color .25s}","color":"#A5D6FF"}],[{"content":".sh-navcta:hover{background:var(--sh-fg);color:var(--sh-bg)}","color":"#A5D6FF"}],[{"content":".sh-hint{position:absolute;z-index:1;transform:translate(-50%,0);display:flex;align-items:center;gap:10px;white-space:nowrap;","color":"#A5D6FF"}],[{"content":" font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.5;pointer-events:none;transition:opacity .8s ease}","color":"#A5D6FF"}],[{"content":".sh-hint::before{content:\"\";width:6px;height:6px;border-radius:50%;background:currentColor;animation:sh-pulse 2.4s ease-in-out infinite}","color":"#A5D6FF"}],[{"content":".sh-root[data-touched=\"1\"] .sh-hint{opacity:0}","color":"#A5D6FF"}],[{"content":"@keyframes sh-pulse{0%,100%{transform:scale(.6);opacity:.45}50%{transform:scale(1);opacity:1}}","color":"#A5D6FF"}],[{"content":".sh-spacer{flex:1 1 auto;min-height:0}","color":"#A5D6FF"}],[{"content":".sh-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end;","color":"#A5D6FF"}],[{"content":" gap:clamp(24px,4cqw,72px);padding:0 clamp(20px,3.2cqw,48px) clamp(28px,3.4cqw,52px)}","color":"#A5D6FF"}],[{"content":".sh-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.62;margin:0 0 clamp(14px,1.6cqw,22px);display:flex;align-items:center;gap:12px}","color":"#A5D6FF"}],[{"content":".sh-eyebrow::before{content:\"\";width:28px;height:1px;background:currentColor;opacity:.7}","color":"#A5D6FF"}],[{"content":".sh-h1{font-family:var(--sh-head);font-weight:500;font-size:clamp(40px,min(6.6cqw,11.5cqh),124px);line-height:.92;letter-spacing:-.045em;margin:0;text-wrap:balance}","color":"#A5D6FF"}],[{"content":".sh-h1 .sh-line{display:block}","color":"#A5D6FF"}],[{"content":".sh-accent{font-family:var(--sh-accent);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--sh-acc)}","color":"#A5D6FF"}],[{"content":".sh-aside{max-width:400px;justify-self:end;padding-bottom:.6em}","color":"#A5D6FF"}],[{"content":".sh-body{font-size:clamp(15px,1.1cqw,17px);line-height:1.5;letter-spacing:-.01em;margin:0 0 26px;opacity:.78;text-wrap:pretty}","color":"#A5D6FF"}],[{"content":".sh-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:22px}","color":"#A5D6FF"}],[{"content":".sh-btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:999px;background:var(--sh-fg);color:var(--sh-bg);text-decoration:none;font-size:14.5px;font-weight:500;letter-spacing:-.01em;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s}","color":"#A5D6FF"}],[{"content":".sh-btn:hover{transform:translateY(-1px)}","color":"#A5D6FF"}],[{"content":".sh-btn svg,.sh-txt svg{transition:transform .3s cubic-bezier(.2,.7,.2,1)}","color":"#A5D6FF"}],[{"content":".sh-btn:hover svg,.sh-txt:hover svg{transform:translateX(3px)}","color":"#A5D6FF"}],[{"content":".sh-txt{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:14.5px;font-weight:500;letter-spacing:-.01em;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--sh-fg) 30%,transparent)}","color":"#A5D6FF"}],[{"content":".sh-root a:focus-visible{outline:2px solid var(--sh-fg);outline-offset:4px}","color":"#A5D6FF"}],[{"content":".sh-credit{position:absolute;z-index:2;right:clamp(20px,3.2cqw,48px);bottom:10px;font-size:10px;letter-spacing:.06em;color:inherit;opacity:.38;text-decoration:none}","color":"#A5D6FF"}],[{"content":".sh-credit:hover{opacity:.8}","color":"#A5D6FF"}],[{"content":"@container (max-width:1023px){","color":"#A5D6FF"}],[{"content":" .sh-content{grid-template-columns:1fr;gap:28px}.sh-aside{justify-self:start;max-width:520px;padding-bottom:0}.sh-h1{font-size:clamp(40px,min(9.5cqw,9cqh),96px)}","color":"#A5D6FF"}],[{"content":"}","color":"#A5D6FF"}],[{"content":"@container (max-width:767px){.sh-links li:not(.sh-keep){display:none}}","color":"#A5D6FF"}],[{"content":"@container (max-width:639px){","color":"#A5D6FF"}],[{"content":" .sh-nav{padding-top:20px}.sh-h1{font-size:clamp(36px,min(12.5cqw,7.2cqh),60px);line-height:.94}.sh-body{font-size:15px;margin-bottom:20px}","color":"#A5D6FF"}],[{"content":" .sh-eyebrow{font-size:11px}.sh-ctas{gap:18px}.sh-btn{height:48px}.sh-content{padding-bottom:40px}.sh-credit{right:auto;left:50%;transform:translateX(-50%)}","color":"#A5D6FF"}],[{"content":"}","color":"#A5D6FF"}],[{"content":"/* Compact library thumbnails preserve room for the sculpture. */","color":"#A5D6FF"}],[{"content":"@container (max-height:420px){","color":"#A5D6FF"}],[{"content":" .sh-nav{padding-top:12px}.sh-brand{font-size:13px}.sh-theme{width:30px;height:30px}","color":"#A5D6FF"}],[{"content":" .sh-content{grid-template-columns:1fr;gap:0;padding-bottom:24px}.sh-eyebrow,.sh-aside,.sh-hint{display:none}","color":"#A5D6FF"}],[{"content":" .sh-h1{font-size:clamp(24px,7cqh,38px);line-height:1.05}","color":"#A5D6FF"}],[{"content":"}","color":"#A5D6FF"}],[{"content":"@media (prefers-reduced-motion:reduce){.sh-hint::before{animation:none}.sh-canvas,.sh-fallback,.sh-btn,.sh-btn svg,.sh-txt svg{transition:none}}","color":"#A5D6FF"}],[{"content":"`","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"SunIcon","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"svg","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"width","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"15\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"height","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"15\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"viewBox","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"0 0 16 16\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"fill","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"none\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"aria-hidden","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"true\"","color":"#A5D6FF"},{"content":"><","color":"#E6EDF3"},{"content":"circle","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"cx","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"8\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"cy","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"8\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"r","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"3.2\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"stroke","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"currentColor\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"strokeWidth","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"1.3\"","color":"#A5D6FF"},{"content":"/><","color":"#E6EDF3"},{"content":"path","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"d","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"M8 1.2v1.6M8 13.2v1.6M1.2 8h1.6M13.2 8h1.6M3.2 3.2l1.1 1.1M11.7 11.7l1.1 1.1M3.2 12.8l1.1-1.1M11.7 4.3l1.1-1.1\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"stroke","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"currentColor\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"strokeWidth","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"1.3\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"strokeLinecap","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"round\"","color":"#A5D6FF"},{"content":"/>;","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"MoonIcon","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"svg","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"width","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"15\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"height","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"15\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"viewBox","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"0 0 16 16\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"fill","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"none\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"aria-hidden","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"true\"","color":"#A5D6FF"},{"content":"><","color":"#E6EDF3"},{"content":"path","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"d","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"M13.6 10.1A5.9 5.9 0 0 1 5.9 2.4a5.9 5.9 0 1 0 7.7 7.7Z\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"stroke","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"currentColor\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"strokeWidth","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"1.3\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"strokeLinejoin","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"round\"","color":"#A5D6FF"},{"content":"/>;","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Arrow","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"svg","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"width","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"14\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"height","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"14\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"viewBox","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"0 0 14 14\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"fill","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"none\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"aria-hidden","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"true\"","color":"#A5D6FF"},{"content":"><","color":"#E6EDF3"},{"content":"path","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"d","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"M2 7h10M8 3l4 4-4 4\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"stroke","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"currentColor\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"strokeWidth","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"1.4\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"strokeLinecap","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"round\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"strokeLinejoin","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"round\"","color":"#A5D6FF"},{"content":"/>;","color":"#E6EDF3"}],[{"content":"function","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"injectFonts","color":"#D2A8FF"},{"content":"() {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"typeof","color":"#FF7B72"},{"content":" document ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"undefined\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" document.","color":"#E6EDF3"},{"content":"getElementById","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"sh-fonts\"","color":"#A5D6FF"},{"content":"))","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"link","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" document.","color":"#E6EDF3"},{"content":"createElement","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"link\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" link.id ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"sh-fonts\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" link.rel ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"stylesheet\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" link.","color":"#E6EDF3"},{"content":"setAttribute","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"href\"","color":"#A5D6FF"},{"content":", ","color":"#E6EDF3"},{"content":"\"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" document.head.","color":"#E6EDF3"},{"content":"appendChild","color":"#D2A8FF"},{"content":"(link);","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"function","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"renderHeadline","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"text","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"accent","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"string","color":"#79C0FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" text.","color":"#E6EDF3"},{"content":"split","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"","color":"#A5D6FF"},{"content":"\\n","color":"#FF7B72"},{"content":"\"","color":"#A5D6FF"},{"content":").","color":"#E6EDF3"},{"content":"map","color":"#D2A8FF"},{"content":"((","color":"#E6EDF3"},{"content":"line","color":"#FFA657"},{"content":", ","color":"#E6EDF3"},{"content":"index","color":"#FFA657"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"a","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" accent.","color":"#E6EDF3"},{"content":"trim","color":"#D2A8FF"},{"content":"(), ","color":"#E6EDF3"},{"content":"at","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" a ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" line.","color":"#E6EDF3"},{"content":"indexOf","color":"#D2A8FF"},{"content":"(a) ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":"1","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"span","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-line\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"key","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"index","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"at ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" line ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" <>","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"line.","color":"#E6EDF3"},{"content":"slice","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", at)","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"<","color":"#E6EDF3"},{"content":"span","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-accent\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"a","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"line.","color":"#E6EDF3"},{"content":"slice","color":"#D2A8FF"},{"content":"(at ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" a.","color":"#E6EDF3"},{"content":"length","color":"#79C0FF"},{"content":")","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" });","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"touchQuery","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"(hover: none), (pointer: coarse)\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"subscribeTouch","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"change","color":"#D2A8FF"},{"content":":","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"void","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"query","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"matchMedia","color":"#D2A8FF"},{"content":"(touchQuery); query.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"change\"","color":"#A5D6FF"},{"content":", change); ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" query.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"change\"","color":"#A5D6FF"},{"content":", change); };","color":"#E6EDF3"}],[{"content":"export","color":"#FF7B72"},{"content":" ","color":"#FFA657"},{"content":"default","color":"#FF7B72"},{"content":" ","color":"#FFA657"},{"content":"function","color":"#FF7B72"},{"content":" ","color":"#FFA657"},{"content":"SculptureHero","color":"#D2A8FF"},{"content":"(props","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" SculptureHeroProps) ","color":"#FFA657"},{"content":"{","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"src","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".src, ","color":"#E6EDF3"},{"content":"darkSrc","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".darkSrc, ","color":"#E6EDF3"},{"content":"mobileSrc","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".mobileSrc, ","color":"#E6EDF3"},{"content":"mobileDarkSrc","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".mobileDarkSrc, ","color":"#E6EDF3"},{"content":"imageAlt","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".imageAlt, ","color":"#E6EDF3"},{"content":"imageBackground","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"brand","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".brand, ","color":"#E6EDF3"},{"content":"navLinks","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".navLinks, ","color":"#E6EDF3"},{"content":"navCta","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".navCta, ","color":"#E6EDF3"},{"content":"showNav","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"eyebrow","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".eyebrow, ","color":"#E6EDF3"},{"content":"headline","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".headline, ","color":"#E6EDF3"},{"content":"headlineAccent","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".headlineAccent, ","color":"#E6EDF3"},{"content":"body","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".body, ","color":"#E6EDF3"},{"content":"primaryCta","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".primaryCta, ","color":"#E6EDF3"},{"content":"secondaryCta","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".secondaryCta, ","color":"#E6EDF3"},{"content":"hint","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".hint, ","color":"#E6EDF3"},{"content":"hintTouch","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".hintTouch, ","color":"#E6EDF3"},{"content":"background","color":"#FFA657"},{"content":": ","color":"#E6EDF3"},{"content":"lightBackground","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".background, ","color":"#E6EDF3"},{"content":"darkBackground","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".darkBackground, ","color":"#E6EDF3"},{"content":"theme","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"light\"","color":"#A5D6FF"},{"content":", ","color":"#E6EDF3"},{"content":"themeToggle","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"textColor","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"accentColor","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"headingFont","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".headingFont, ","color":"#E6EDF3"},{"content":"accentFont","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".accentFont, ","color":"#E6EDF3"},{"content":"bodyFont","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".bodyFont, ","color":"#E6EDF3"},{"content":"loadFonts","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"sculptureScale","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"mobileSculptureScale","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"sculptureX","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"sculptureY","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"interactive","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"strength","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"radius","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"220","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"particleDensity","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"particleSpread","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"dotSize","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"turbulence","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"liquid","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"streaks","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"restStyle","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"image\"","color":"#A5D6FF"},{"content":", ","color":"#E6EDF3"},{"content":"returnSpeed","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"ambient","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"ambientIntensity","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"speed","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"intro","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"height","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"100svh\"","color":"#A5D6FF"},{"content":", ","color":"#E6EDF3"},{"content":"backdropText","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"forma\"","color":"#A5D6FF"},{"content":", ","color":"#E6EDF3"},{"content":"showCredit","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"style","color":"#79C0FF"},{"content":", } ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" props;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"rootRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"HTMLElement","color":"#FFA657"},{"content":">(","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"stageRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"HTMLDivElement","color":"#FFA657"},{"content":">(","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"imgRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"HTMLImageElement","color":"#FFA657"},{"content":">(","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"hintRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"HTMLDivElement","color":"#FFA657"},{"content":">(","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"navRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"HTMLElement","color":"#FFA657"},{"content":">(","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"contentRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"HTMLDivElement","color":"#FFA657"},{"content":">(","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"backdropRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"HTMLDivElement","color":"#FFA657"},{"content":">(","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"engineRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"LiquidEngine","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":">(","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"aspectRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1983","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"793","color":"#79C0FF"},{"content":"), ","color":"#E6EDF3"},{"content":"mobileRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"isTouch","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useSyncExternalStore","color":"#D2A8FF"},{"content":"(subscribeTouch, () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"matchMedia","color":"#D2A8FF"},{"content":"(touchQuery).matches, () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"mode","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"setMode","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useState","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"\"light\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":">(theme);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"isMobile","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"setIsMobile","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useState","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"background","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" mode ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" darkBackground ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" lightBackground;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"bgRgb","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useMemo","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"hexToRgb","color":"#D2A8FF"},{"content":"(background, [","color":"#E6EDF3"},{"content":"0.92","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0.91","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0.9","color":"#79C0FF"},{"content":"]), [background]);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"darkBg","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" bgRgb[","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.2126","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" bgRgb[","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.7152","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" bgRgb[","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.0722","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.45","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"fg","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" textColor ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" (darkBg ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"#F1EFEA\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"DEFAULTS","color":"#79C0FF"},{"content":".textColor), ","color":"#E6EDF3"},{"content":"acc","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" accentColor ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" fg;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"imgBgRgb","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useMemo","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" imageBackground ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"hexToRgb","color":"#D2A8FF"},{"content":"(imageBackground, [","color":"#E6EDF3"},{"content":"0.918","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0.914","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"0.906","color":"#79C0FF"},{"content":"]) ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":", [imageBackground]);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"activeSrc","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (isMobile ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" mode ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" (mobileDarkSrc ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" darkSrc)) ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" (isMobile ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" mode ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"light\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" mobileSrc) ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" (mode ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" darkSrc) ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" src;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"layout","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"({ scale: sculptureScale, mobileScale: mobileSculptureScale, x: sculptureX, y: sculptureY });","color":"#E6EDF3"}],[{"content":" React.","color":"#E6EDF3"},{"content":"useEffect","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { layout.current ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { scale: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(sculptureScale, ","color":"#E6EDF3"},{"content":"0.3","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":"), mobileScale: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(mobileSculptureScale, ","color":"#E6EDF3"},{"content":"0.3","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":"), x: sculptureX, y: sculptureY }; }, [sculptureScale, mobileSculptureScale, sculptureX, sculptureY]);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"options","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useMemo","color":"#D2A8FF"},{"content":"<","color":"#E6EDF3"},{"content":"EngineOptions","color":"#FFA657"},{"content":">(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ({","color":"#E6EDF3"}],[{"content":" interactive, strength: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(strength, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"), radius: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(radius, ","color":"#E6EDF3"},{"content":"40","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"600","color":"#79C0FF"},{"content":"), density: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(particleDensity, ","color":"#E6EDF3"},{"content":"0.15","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"),","color":"#E6EDF3"}],[{"content":" dotSize: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(dotSize, ","color":"#E6EDF3"},{"content":"0.2","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":"), spread: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(particleSpread, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"), turbulence: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(turbulence, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"), liquid: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(liquid, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"),","color":"#E6EDF3"}],[{"content":" streaks, restStyle, returnSpeed: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(returnSpeed, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"), ambient, ambientIntensity: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(ambientIntensity, ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":"),","color":"#E6EDF3"}],[{"content":" speed: ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(speed, ","color":"#E6EDF3"},{"content":"0.25","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"3","color":"#79C0FF"},{"content":"), intro, reducedMotion: ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":", bg: bgRgb, imgBg: imgBgRgb,","color":"#E6EDF3"}],[{"content":" }), [interactive, strength, radius, particleDensity, dotSize, particleSpread, turbulence, liquid, streaks, restStyle, returnSpeed, ambient, ambientIntensity, speed, intro, bgRgb, imgBgRgb]);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"optsRef","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useRef","color":"#D2A8FF"},{"content":"(options);","color":"#E6EDF3"}],[{"content":" React.","color":"#E6EDF3"},{"content":"useEffect","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { optsRef.current ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" options; }, [options]);","color":"#E6EDF3"}],[{"content":" React.","color":"#E6EDF3"},{"content":"useEffect","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (loadFonts)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"injectFonts","color":"#D2A8FF"},{"content":"(); }, [loadFonts]);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"relayout","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" React.","color":"#E6EDF3"},{"content":"useCallback","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"root","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rootRef.current;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"root)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"w","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" root.clientWidth, ","color":"#E6EDF3"},{"content":"h","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" root.clientHeight, ","color":"#E6EDF3"},{"content":"mob","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" w ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"640","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (mob ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" mobileRef.current) {","color":"#E6EDF3"}],[{"content":" mobileRef.current ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" mob;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"setIsMobile","color":"#D2A8FF"},{"content":"(mob);","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"nav","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" navRef.current, ","color":"#E6EDF3"},{"content":"content","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" contentRef.current;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"band","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { top: nav ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" nav.offsetTop ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" nav.offsetHeight ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"8","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"16","color":"#79C0FF"},{"content":", bottom: content ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" content.offsetTop ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"8","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" h };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (mob ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" aspectRef.current ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.3","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" content)","color":"#E6EDF3"}],[{"content":" band.bottom ","color":"#E6EDF3"},{"content":"+=","color":"#FF7B72"},{"content":" content.offsetHeight ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.3","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"rect","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"computeRect","color":"#D2A8FF"},{"content":"(w, h, aspectRef.current, band, layout.current), ","color":"#E6EDF3"},{"content":"bd","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" backdropRef.current;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (bd) {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"chars","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"max","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", (bd.textContent ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"\"","color":"#A5D6FF"},{"content":").","color":"#E6EDF3"},{"content":"length","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" bd.style.fontSize ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"min","color":"#D2A8FF"},{"content":"((band.bottom ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" band.top) ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.95","color":"#79C0FF"},{"content":", w ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.92","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" (chars ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.56","color":"#79C0FF"},{"content":")) ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"px\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" bd.style.top ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (band.top ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" band.bottom) ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"px\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"img","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" imgRef.current;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (img) {","color":"#E6EDF3"}],[{"content":" img.style.left ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rect.x ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"px\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" img.style.top ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rect.y ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"px\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" img.style.width ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rect.w ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"px\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" img.style.height ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rect.h ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"px\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"hintEl","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" hintRef.current;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (hintEl) {","color":"#E6EDF3"}],[{"content":" hintEl.style.display ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" mob ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" aspectRef.current ","color":"#E6EDF3"},{"content":"<","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"1.3","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"none\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" hintEl.style.left ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"clamp","color":"#D2A8FF"},{"content":"(rect.x ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" rect.w ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"2","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"80","color":"#79C0FF"},{"content":", w ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"80","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"px\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" hintEl.style.top ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" Math.","color":"#E6EDF3"},{"content":"min","color":"#D2A8FF"},{"content":"(rect.y ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" rect.h ","color":"#E6EDF3"},{"content":"*","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0.95","color":"#79C0FF"},{"content":", band.bottom ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"20","color":"#79C0FF"},{"content":") ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"px\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" engineRef.current?.","color":"#E6EDF3"},{"content":"resize","color":"#D2A8FF"},{"content":"(w, h, rect);","color":"#E6EDF3"}],[{"content":" }, []);","color":"#E6EDF3"}],[{"content":" React.","color":"#E6EDF3"},{"content":"useEffect","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"root","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rootRef.current, ","color":"#E6EDF3"},{"content":"stage","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" stageRef.current;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"root ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"stage)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"canvas","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" document.","color":"#E6EDF3"},{"content":"createElement","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"canvas\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" canvas.className ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"sh-canvas\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" stage.","color":"#E6EDF3"},{"content":"appendChild","color":"#D2A8FF"},{"content":"(canvas);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"mq","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" window.","color":"#E6EDF3"},{"content":"matchMedia","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"(prefers-reduced-motion: reduce)\"","color":"#A5D6FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" engine","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"LiquidEngine","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"|","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"fail","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { root.dataset.gl ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"off\"","color":"#A5D6FF"},{"content":"; ","color":"#E6EDF3"},{"content":"delete","color":"#FF7B72"},{"content":" root.dataset.swap; };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"try","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" engine ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"LiquidEngine","color":"#D2A8FF"},{"content":"(canvas, { ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"optsRef.current, reducedMotion: mq.matches }, fail);","color":"#E6EDF3"}],[{"content":" engineRef.current ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" engine;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"catch","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"fail","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"ro","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"ResizeObserver","color":"#D2A8FF"},{"content":"(relayout);","color":"#E6EDF3"}],[{"content":" ro.","color":"#E6EDF3"},{"content":"observe","color":"#D2A8FF"},{"content":"(root);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (navRef.current)","color":"#E6EDF3"}],[{"content":" ro.","color":"#E6EDF3"},{"content":"observe","color":"#D2A8FF"},{"content":"(navRef.current);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (contentRef.current)","color":"#E6EDF3"}],[{"content":" ro.","color":"#E6EDF3"},{"content":"observe","color":"#D2A8FF"},{"content":"(contentRef.current);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" inView ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"io","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"IntersectionObserver","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"entries","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { inView ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" entries.","color":"#E6EDF3"},{"content":"some","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"entry","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" entry.isIntersecting); engine?.","color":"#E6EDF3"},{"content":"setVisible","color":"#D2A8FF"},{"content":"(inView ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"document.hidden); });","color":"#E6EDF3"}],[{"content":" io.","color":"#E6EDF3"},{"content":"observe","color":"#D2A8FF"},{"content":"(root);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"onVis","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" engine?.","color":"#E6EDF3"},{"content":"setVisible","color":"#D2A8FF"},{"content":"(inView ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"document.hidden), ","color":"#E6EDF3"},{"content":"onMq","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" engine?.","color":"#E6EDF3"},{"content":"setOptions","color":"#D2A8FF"},{"content":"({ reducedMotion: mq.matches });","color":"#E6EDF3"}],[{"content":" document.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"visibilitychange\"","color":"#A5D6FF"},{"content":", onVis);","color":"#E6EDF3"}],[{"content":" mq.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"change\"","color":"#A5D6FF"},{"content":", onMq);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pos","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"event","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"PointerEvent","color":"#FFA657"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"box","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" root.","color":"#E6EDF3"},{"content":"getBoundingClientRect","color":"#D2A8FF"},{"content":"(); ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" [event.clientX ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" box.left, event.clientY ","color":"#E6EDF3"},{"content":"-","color":"#FF7B72"},{"content":" box.top] ","color":"#E6EDF3"},{"content":"as","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":"; };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"onMove","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"event","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"PointerEvent","color":"#FFA657"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (event.pointerType ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"touch\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" event.buttons ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" event.pressure ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":")","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":"; ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"x","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"y","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pos","color":"#D2A8FF"},{"content":"(event); engine?.","color":"#E6EDF3"},{"content":"pointer","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"move\"","color":"#A5D6FF"},{"content":", x, y, event.pointerType ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"touch\"","color":"#A5D6FF"},{"content":"); root.dataset.touched ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"1\"","color":"#A5D6FF"},{"content":"; };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"onDown","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"event","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"PointerEvent","color":"#FFA657"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"x","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"y","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pos","color":"#D2A8FF"},{"content":"(event); engine?.","color":"#E6EDF3"},{"content":"pointer","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"down\"","color":"#A5D6FF"},{"content":", x, y, event.pointerType ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"touch\"","color":"#A5D6FF"},{"content":"); root.dataset.touched ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"1\"","color":"#A5D6FF"},{"content":"; };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"onUp","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"event","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"PointerEvent","color":"#FFA657"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"x","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"y","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pos","color":"#D2A8FF"},{"content":"(event); engine?.","color":"#E6EDF3"},{"content":"pointer","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"up\"","color":"#A5D6FF"},{"content":", x, y, event.pointerType ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"touch\"","color":"#A5D6FF"},{"content":"); };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"onLeave","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"event","color":"#FFA657"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"PointerEvent","color":"#FFA657"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" [","color":"#E6EDF3"},{"content":"x","color":"#79C0FF"},{"content":", ","color":"#E6EDF3"},{"content":"y","color":"#79C0FF"},{"content":"] ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"pos","color":"#D2A8FF"},{"content":"(event); engine?.","color":"#E6EDF3"},{"content":"pointer","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"leave\"","color":"#A5D6FF"},{"content":", x, y, event.pointerType ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"touch\"","color":"#A5D6FF"},{"content":"); };","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointermove\"","color":"#A5D6FF"},{"content":", onMove, { passive: ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":" });","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointerdown\"","color":"#A5D6FF"},{"content":", onDown, { passive: ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":" });","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointerup\"","color":"#A5D6FF"},{"content":", onUp, { passive: ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":" });","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointercancel\"","color":"#A5D6FF"},{"content":", onUp, { passive: ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":" });","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"addEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointerleave\"","color":"#A5D6FF"},{"content":", onLeave, { passive: ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":" });","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ro.","color":"#E6EDF3"},{"content":"disconnect","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" io.","color":"#E6EDF3"},{"content":"disconnect","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" document.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"visibilitychange\"","color":"#A5D6FF"},{"content":", onVis);","color":"#E6EDF3"}],[{"content":" mq.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"change\"","color":"#A5D6FF"},{"content":", onMq);","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointermove\"","color":"#A5D6FF"},{"content":", onMove);","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointerdown\"","color":"#A5D6FF"},{"content":", onDown);","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointerup\"","color":"#A5D6FF"},{"content":", onUp);","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointercancel\"","color":"#A5D6FF"},{"content":", onUp);","color":"#E6EDF3"}],[{"content":" root.","color":"#E6EDF3"},{"content":"removeEventListener","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"pointerleave\"","color":"#A5D6FF"},{"content":", onLeave);","color":"#E6EDF3"}],[{"content":" engine?.","color":"#E6EDF3"},{"content":"destroy","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" engineRef.current ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" canvas.","color":"#E6EDF3"},{"content":"remove","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"delete","color":"#FF7B72"},{"content":" root.dataset.gl;","color":"#E6EDF3"}],[{"content":" };","color":"#E6EDF3"}],[{"content":" }, [relayout]);","color":"#E6EDF3"}],[{"content":" React.","color":"#E6EDF3"},{"content":"useEffect","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"root","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" rootRef.current, ","color":"#E6EDF3"},{"content":"engine","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" engineRef.current;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"root)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"let","color":"#FF7B72"},{"content":" cancelled ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"false","color":"#79C0FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"image","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"new","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"Image","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" image.crossOrigin ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"anonymous\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" image.decoding ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"async\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"swapping","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" root.dataset.gl ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"on\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (swapping)","color":"#E6EDF3"}],[{"content":" root.dataset.swap ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"1\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" image.","color":"#E6EDF3"},{"content":"onload","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (cancelled)","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":";","color":"#E6EDF3"}],[{"content":" aspectRef.current ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" image.naturalWidth ","color":"#E6EDF3"},{"content":"/","color":"#FF7B72"},{"content":" image.naturalHeight ","color":"#E6EDF3"},{"content":"||","color":"#FF7B72"},{"content":" aspectRef.current;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"relayout","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (engine ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" root.dataset.gl ","color":"#E6EDF3"},{"content":"!==","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"off\"","color":"#A5D6FF"},{"content":") {","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"// Keep the newly loaded fallback visible if the library has paused RAF.","color":"#8B949E"}],[{"content":" root.dataset.gl ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"loading\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"delete","color":"#FF7B72"},{"content":" root.dataset.swap;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"try","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" engine.","color":"#E6EDF3"},{"content":"onFirstFrame","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"if","color":"#FF7B72"},{"content":" (","color":"#E6EDF3"},{"content":"!","color":"#FF7B72"},{"content":"cancelled) {","color":"#E6EDF3"}],[{"content":" root.dataset.gl ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"on\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"delete","color":"#FF7B72"},{"content":" root.dataset.swap;","color":"#E6EDF3"}],[{"content":" } };","color":"#E6EDF3"}],[{"content":" engine.","color":"#E6EDF3"},{"content":"setImage","color":"#D2A8FF"},{"content":"(image);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"relayout","color":"#D2A8FF"},{"content":"();","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"catch","color":"#FF7B72"},{"content":" {","color":"#E6EDF3"}],[{"content":" root.dataset.gl ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"off\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"delete","color":"#FF7B72"},{"content":" root.dataset.swap;","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" }","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"else","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"delete","color":"#FF7B72"},{"content":" root.dataset.swap;","color":"#E6EDF3"}],[{"content":" };","color":"#E6EDF3"}],[{"content":" image.","color":"#E6EDF3"},{"content":"onerror","color":"#D2A8FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"delete","color":"#FF7B72"},{"content":" root.dataset.swap; };","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"timer","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" window.","color":"#E6EDF3"},{"content":"setTimeout","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { image.src ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" activeSrc; }, swapping ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"280","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"0","color":"#79C0FF"},{"content":");","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" () ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { cancelled ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"true","color":"#79C0FF"},{"content":"; window.","color":"#E6EDF3"},{"content":"clearTimeout","color":"#D2A8FF"},{"content":"(timer); image.onload ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":"; image.onerror ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"null","color":"#79C0FF"},{"content":"; };","color":"#E6EDF3"}],[{"content":" }, [activeSrc, relayout]);","color":"#E6EDF3"}],[{"content":" React.","color":"#E6EDF3"},{"content":"useEffect","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { engineRef.current?.","color":"#E6EDF3"},{"content":"setOptions","color":"#D2A8FF"},{"content":"({ ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"options, reducedMotion: ","color":"#E6EDF3"},{"content":"matchMedia","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"\"(prefers-reduced-motion: reduce)\"","color":"#A5D6FF"},{"content":").matches }); }, [options]);","color":"#E6EDF3"}],[{"content":" React.","color":"#E6EDF3"},{"content":"useEffect","color":"#D2A8FF"},{"content":"(() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"relayout","color":"#D2A8FF"},{"content":"(); }, [sculptureScale, mobileSculptureScale, sculptureX, sculptureY, headline, body, showNav, relayout]);","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"vars","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" { ","color":"#E6EDF3"},{"content":"\"--sh-bg\"","color":"#A5D6FF"},{"content":": background, ","color":"#E6EDF3"},{"content":"\"--sh-fg\"","color":"#A5D6FF"},{"content":": fg, ","color":"#E6EDF3"},{"content":"\"--sh-acc\"","color":"#A5D6FF"},{"content":": acc, ","color":"#E6EDF3"},{"content":"\"--sh-head\"","color":"#A5D6FF"},{"content":": headingFont, ","color":"#E6EDF3"},{"content":"\"--sh-accent\"","color":"#A5D6FF"},{"content":": accentFont, ","color":"#E6EDF3"},{"content":"\"--sh-body\"","color":"#A5D6FF"},{"content":": bodyFont, ","color":"#E6EDF3"},{"content":"\"--sh-h\"","color":"#A5D6FF"},{"content":": height } ","color":"#E6EDF3"},{"content":"as","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"React","color":"#FFA657"},{"content":".","color":"#E6EDF3"},{"content":"CSSProperties","color":"#FFA657"},{"content":";","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"const","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"hintText","color":"#79C0FF"},{"content":" ","color":"#E6EDF3"},{"content":"=","color":"#FF7B72"},{"content":" isTouch ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" hintTouch ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" hint;","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"section","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"ref","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"rootRef","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"\"sh-root\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" (className ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\" \"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"+","color":"#FF7B72"},{"content":" className ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"\"","color":"#A5D6FF"},{"content":")","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"style","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"{ ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"vars, ","color":"#E6EDF3"},{"content":"...","color":"#FF7B72"},{"content":"style }","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":">","color":"#E6EDF3"}],[{"content":" <","color":"#E6EDF3"},{"content":"style","color":"#7EE787"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"CSS","color":"#79C0FF"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"backdropText ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"div","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"ref","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"backdropRef","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-backdrop\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"aria-hidden","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"true\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"backdropText","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" <","color":"#E6EDF3"},{"content":"div","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"ref","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"stageRef","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-stage\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"aria-hidden","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"true\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"/* An ordinary image is required for pixel sampling and the WebGL fallback. */","color":"#8B949E"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"/* eslint-disable-next-line @next/next/no-img-element */","color":"#8B949E"},{"content":"}","color":"#FF7B72"}],[{"content":" <","color":"#E6EDF3"},{"content":"img","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"ref","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"imgRef","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-fallback\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"src","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"activeSrc","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"alt","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"crossOrigin","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"anonymous\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"draggable","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"false","color":"#79C0FF"},{"content":"}","color":"#FF7B72"},{"content":"/>","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"}],[{"content":" <","color":"#E6EDF3"},{"content":"span","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"style","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"{ position: ","color":"#E6EDF3"},{"content":"\"absolute\"","color":"#A5D6FF"},{"content":", width: ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", height: ","color":"#E6EDF3"},{"content":"1","color":"#79C0FF"},{"content":", overflow: ","color":"#E6EDF3"},{"content":"\"hidden\"","color":"#A5D6FF"},{"content":", clip: ","color":"#E6EDF3"},{"content":"\"rect(0 0 0 0)\"","color":"#A5D6FF"},{"content":" }","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"imageAlt","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"showNav ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"nav","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"ref","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"navRef","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-nav\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"aria-label","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"Primary\"","color":"#A5D6FF"},{"content":"><","color":"#E6EDF3"},{"content":"a","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-brand\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"href","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"#\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"brand","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"<","color":"#E6EDF3"},{"content":"ul","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-links\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"navLinks.","color":"#E6EDF3"},{"content":"map","color":"#D2A8FF"},{"content":"((","color":"#E6EDF3"},{"content":"link","color":"#FFA657"},{"content":", ","color":"#E6EDF3"},{"content":"index","color":"#FFA657"},{"content":") ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"li","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"key","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"index","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"><","color":"#E6EDF3"},{"content":"a","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-link\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"href","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"link.href","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"link.label","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":")","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"themeToggle ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"li","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-keep\"","color":"#A5D6FF"},{"content":"><","color":"#E6EDF3"},{"content":"button","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"type","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"button\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-theme\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"aria-label","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"mode ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"Switch to light theme\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"Switch to dark theme\"","color":"#A5D6FF"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"onClick","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"() ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"setMode","color":"#D2A8FF"},{"content":"(","color":"#E6EDF3"},{"content":"value","color":"#FFA657"},{"content":" ","color":"#E6EDF3"},{"content":"=>","color":"#FF7B72"},{"content":" value ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"light\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":")","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"mode ","color":"#E6EDF3"},{"content":"===","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"dark\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"?","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"SunIcon","color":"#7EE787"},{"content":" /> ","color":"#E6EDF3"},{"content":":","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"MoonIcon","color":"#7EE787"},{"content":" />","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"navCta?.label ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"li","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-keep\"","color":"#A5D6FF"},{"content":"><","color":"#E6EDF3"},{"content":"a","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-navcta\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"href","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"navCta.href","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"navCta.label","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"interactive ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" hintText ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"div","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"ref","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"hintRef","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-hint\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"aria-hidden","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"true\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"hintText","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" <","color":"#E6EDF3"},{"content":"div","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-spacer\"","color":"#A5D6FF"},{"content":"/>","color":"#E6EDF3"}],[{"content":" <","color":"#E6EDF3"},{"content":"div","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"ref","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"contentRef","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-content\"","color":"#A5D6FF"},{"content":"><","color":"#E6EDF3"},{"content":"div","color":"#7EE787"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"eyebrow ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"p","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-eyebrow\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"eyebrow","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"<","color":"#E6EDF3"},{"content":"h1","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-h1\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"renderHeadline","color":"#D2A8FF"},{"content":"(headline, headlineAccent)","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"}],[{"content":" <","color":"#E6EDF3"},{"content":"div","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-aside\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"body ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"p","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-body\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"body","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"<","color":"#E6EDF3"},{"content":"div","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-ctas\"","color":"#A5D6FF"},{"content":">","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"primaryCta?.label ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"a","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-btn\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"href","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"primaryCta.href","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"primaryCta.label","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"<","color":"#E6EDF3"},{"content":"Arrow","color":"#7EE787"},{"content":" />","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"secondaryCta?.label ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"a","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-txt\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"href","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"secondaryCta.href","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":">","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"secondaryCta.label","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"},{"content":"<","color":"#E6EDF3"},{"content":"Arrow","color":"#7EE787"},{"content":" />","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"{","color":"#FF7B72"},{"content":"showCredit ","color":"#E6EDF3"},{"content":"&&","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"a","color":"#7EE787"},{"content":" ","color":"#E6EDF3"},{"content":"className","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"sh-credit\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"href","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"https://guglielmogiannattasio.it\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"target","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"_blank\"","color":"#A5D6FF"},{"content":" ","color":"#E6EDF3"},{"content":"rel","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"noopener noreferrer\"","color":"#A5D6FF"},{"content":">by guglielmogiannattasio.it","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ;","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}]]},{"name":"demo.tsx","lines":[[{"content":"import","color":"#FF7B72"},{"content":" SculptureHero ","color":"#E6EDF3"},{"content":"from","color":"#FF7B72"},{"content":" ","color":"#E6EDF3"},{"content":"\"@/components/ui/liquid-sculpture-hero\"","color":"#A5D6FF"},{"content":";","color":"#E6EDF3"}],[],[{"content":"export","color":"#FF7B72"},{"content":" ","color":"#FFA657"},{"content":"default","color":"#FF7B72"},{"content":" ","color":"#FFA657"},{"content":"function","color":"#FF7B72"},{"content":" ","color":"#FFA657"},{"content":"Demo","color":"#D2A8FF"},{"content":"() ","color":"#FFA657"},{"content":"{","color":"#E6EDF3"}],[{"content":" ","color":"#E6EDF3"},{"content":"return","color":"#FF7B72"},{"content":" <","color":"#E6EDF3"},{"content":"SculptureHero","color":"#7EE787"}],[{"content":" ","color":"#E6EDF3"},{"content":"brand","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"AI CODER\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"navLinks","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"[]","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"navCta","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"{ label: ","color":"#E6EDF3"},{"content":"\"\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"theme","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"dark\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"darkBackground","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"#0b101a\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"loadFonts","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"false","color":"#79C0FF"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"eyebrow","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"LIQUID SCULPTURE\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"headline","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"\"형태가","color":"#A5D6FF"},{"content":"\\n","color":"#FF7B72"},{"content":"반응하다.\"","color":"#A5D6FF"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"headlineAccent","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"반응하다.\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"body","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"조형물 위로 커서를 움직여 보세요. 흩어진 입자가 다시 제자리로 돌아옵니다.\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"primaryCta","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"{ label: ","color":"#E6EDF3"},{"content":"\"\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"secondaryCta","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"{ label: ","color":"#E6EDF3"},{"content":"\"\"","color":"#A5D6FF"},{"content":", href: ","color":"#E6EDF3"},{"content":"\"#\"","color":"#A5D6FF"},{"content":" }","color":"#E6EDF3"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"hint","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"조형물 위로 커서를 움직여 보세요\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"hintTouch","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"조형물을 터치해 보세요\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"backdropText","color":"#79C0FF"},{"content":"=","color":"#FF7B72"},{"content":"\"liquid\"","color":"#A5D6FF"}],[{"content":" ","color":"#E6EDF3"},{"content":"particleDensity","color":"#79C0FF"},{"content":"={","color":"#FF7B72"},{"content":"0.65","color":"#79C0FF"},{"content":"}","color":"#FF7B72"}],[{"content":" ","color":"#E6EDF3"},{"content":"showCredit","color":"#79C0FF"}],[{"content":" />;","color":"#E6EDF3"}],[{"content":"}","color":"#E6EDF3"}]]}]}]}]]}]

예제에 포함된 파일