@firecms/neat 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +365 -68
  2. package/dist/NeatGradient.d.ts +98 -0
  3. package/dist/NeatGradient.js +749 -187
  4. package/dist/NeatGradient.js.map +1 -1
  5. package/dist/index.es.js +570 -222
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/index.umd.js +139 -115
  8. package/dist/index.umd.js.map +1 -1
  9. package/package.json +3 -3
  10. package/src/NeatGradient.ts +902 -194
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/NeatGradient.ts"],"sourcesContent":["import * as THREE from \"three\";\n\nconst PLANE_WIDTH = 50;\nconst PLANE_HEIGHT = 80;\n\nconst WIREFRAME = true;\nconst COLORS_COUNT = 5;\n\nconst clock = new THREE.Clock();\n\nconst LINK_ID = generateRandomString();\n\ntype SceneState = {\n renderer: THREE.WebGLRenderer,\n camera: THREE.Camera,\n scene: THREE.Scene,\n meshes: THREE.Mesh[],\n resolution: number\n}\n\nexport type NeatConfig = {\n resolution?: number;\n speed?: number;\n horizontalPressure?: number;\n verticalPressure?: number;\n waveFrequencyX?: number;\n waveFrequencyY?: number;\n waveAmplitude?: number;\n highlights?: number;\n shadows?: number;\n colorSaturation?: number;\n colorBrightness?: number;\n colors: NeatColor[];\n colorBlending?: number;\n grainScale?: number;\n grainIntensity?: number;\n grainSparsity?: number;\n grainSpeed?: number;\n wireframe?: boolean;\n backgroundColor?: string;\n backgroundAlpha?: number;\n yOffset?: number;\n};\n\nexport type NeatColor = {\n color: string;\n enabled: boolean;\n /**\n * Value from 0 to 1\n */\n influence?: number;\n}\n\nexport type NeatController = {\n destroy: () => void;\n}\n\nexport class NeatGradient implements NeatController {\n\n private _ref: HTMLCanvasElement;\n\n private _speed: number = -1;\n\n private _horizontalPressure: number = -1;\n private _verticalPressure: number = -1;\n\n private _waveFrequencyX: number = -1;\n private _waveFrequencyY: number = -1;\n private _waveAmplitude: number = -1;\n\n private _shadows: number = -1;\n private _highlights: number = -1;\n private _saturation: number = -1;\n private _brightness: number = -1;\n\n private _grainScale: number = -1;\n private _grainIntensity: number = -1;\n private _grainSparsity: number = -1;\n private _grainSpeed: number = -1;\n\n private _colorBlending: number = -1;\n\n private _colors: NeatColor[] = [];\n private _wireframe: boolean = false;\n\n private _backgroundColor: string = \"#FFFFFF\";\n private _backgroundAlpha: number = 1.0;\n\n private requestRef: number = -1;\n private sizeObserver: ResizeObserver;\n private sceneState: SceneState;\n\n private _yOffset: number = 0;\n\n constructor(config: NeatConfig & { ref: HTMLCanvasElement, resolution?: number, seed?: number }) {\n\n const {\n ref,\n speed = 4,\n horizontalPressure = 3,\n verticalPressure = 3,\n waveFrequencyX = 5,\n waveFrequencyY = 5,\n waveAmplitude = 3,\n colors,\n highlights = 4,\n shadows = 4,\n colorSaturation = 0,\n colorBrightness = 1,\n colorBlending = 5,\n grainScale = 2,\n grainIntensity = 0.55,\n grainSparsity = 0.0,\n grainSpeed = 0.1,\n wireframe = false,\n backgroundColor = \"#FFFFFF\",\n backgroundAlpha = 1.0,\n resolution = 1,\n seed,\n yOffset = 0\n } = config;\n\n\n this._ref = ref;\n\n this.destroy = this.destroy.bind(this);\n this._initScene = this._initScene.bind(this);\n this._buildMaterial = this._buildMaterial.bind(this);\n\n this.speed = speed;\n this.horizontalPressure = horizontalPressure;\n this.verticalPressure = verticalPressure;\n this.waveFrequencyX = waveFrequencyX;\n this.waveFrequencyY = waveFrequencyY;\n this.waveAmplitude = waveAmplitude;\n this.colorBlending = colorBlending;\n this.grainScale = grainScale;\n this.grainIntensity = grainIntensity;\n this.grainSparsity = grainSparsity;\n this.grainSpeed = grainSpeed;\n this.colors = colors;\n this.shadows = shadows;\n this.highlights = highlights;\n this.colorSaturation = colorSaturation;\n this.colorBrightness = colorBrightness;\n this.wireframe = wireframe;\n this.backgroundColor = backgroundColor;\n this.backgroundAlpha = backgroundAlpha;\n this.yOffset = yOffset;\n\n this.sceneState = this._initScene(resolution);\n\n let tick = seed !== undefined ? seed : getElapsedSecondsInLastHour();\n const render = () => {\n\n const { renderer, camera, scene, meshes } = this.sceneState;\n if (Math.floor(tick * 10) % 5 === 0) {\n addNeatLink(ref);\n }\n\n renderer.setClearColor(this._backgroundColor, this._backgroundAlpha);\n meshes.forEach((mesh) => {\n\n const width = this._ref.width,\n height = this._ref.height;\n\n const colors = [\n ...this._colors.map(color => {\n let threeColor = new THREE.Color();\n threeColor.setStyle(color.color, \"\");\n return ({\n is_active: color.enabled,\n color: threeColor,\n influence: color.influence\n });\n }),\n ...Array.from({ length: COLORS_COUNT - this._colors.length }).map(() => ({\n is_active: false,\n color: new THREE.Color(0x000000)\n }))\n ];\n\n tick += clock.getDelta() * this._speed;\n // @ts-ignore\n mesh.material.uniforms.u_time.value = tick;\n // @ts-ignore\n mesh.material.uniforms.u_resolution = { value: new THREE.Vector2(width, height) };\n // @ts-ignore\n mesh.material.uniforms.u_color_pressure = { value: new THREE.Vector2(this._horizontalPressure, this._verticalPressure) };\n // @ts-ignore\n mesh.material.uniforms.u_wave_frequency_x = { value: this._waveFrequencyX };\n // @ts-ignore\n mesh.material.uniforms.u_wave_frequency_y = { value: this._waveFrequencyY };\n // @ts-ignore\n mesh.material.uniforms.u_wave_amplitude = { value: this._waveAmplitude };\n // @ts-ignore\n mesh.material.uniforms.u_plane_width = { value: PLANE_WIDTH };\n // @ts-ignore\n mesh.material.uniforms.u_plane_height = { value: PLANE_HEIGHT };\n // @ts-ignore\n mesh.material.uniforms.u_color_blending = { value: this._colorBlending };\n // @ts-ignore\n mesh.material.uniforms.u_colors = { value: colors };\n // @ts-ignore\n mesh.material.uniforms.u_colors_count = { value: COLORS_COUNT };\n // @ts-ignore\n mesh.material.uniforms.u_shadows = { value: this._shadows };\n // @ts-ignore\n mesh.material.uniforms.u_highlights = { value: this._highlights };\n // @ts-ignore\n mesh.material.uniforms.u_saturation = { value: this._saturation };\n // @ts-ignore\n mesh.material.uniforms.u_brightness = { value: this._brightness };\n // @ts-ignore\n mesh.material.uniforms.u_grain_intensity = { value: this._grainIntensity };\n // @ts-ignore\n mesh.material.uniforms.u_grain_sparsity = { value: this._grainSparsity };\n // @ts-ignore\n mesh.material.uniforms.u_grain_speed = { value: this._grainSpeed };\n // @ts-ignore\n mesh.material.uniforms.u_grain_scale = { value: this._grainScale };\n // @ts-ignore\n mesh.material.uniforms.u_y_offset = { value: this._yOffset };\n // @ts-ignore\n mesh.material.wireframe = this._wireframe;\n });\n\n renderer.render(scene, camera);\n this.requestRef = requestAnimationFrame(render);\n };\n\n const setSize = () => {\n\n const { renderer } = this.sceneState;\n const canvas = renderer.domElement;\n const width = canvas.clientWidth;\n const height = canvas.clientHeight;\n\n this.sceneState.renderer.setSize(width, height, false);\n updateCamera(this.sceneState.camera, width, height);\n };\n\n this.sizeObserver = new ResizeObserver(entries => {\n setSize();\n });\n\n this.sizeObserver.observe(ref);\n\n\n render();\n }\n\n destroy() {\n if (this) {\n cancelAnimationFrame(this.requestRef);\n this.sizeObserver.disconnect();\n }\n }\n\n downloadAsPNG(filename = \"neat.png\") {\n console.log(\"Downloading as PNG\", this._ref);\n const dataURL = this._ref.toDataURL(\"image/png\");\n console.log(\"data\", dataURL);\n downloadURI(dataURL, filename);\n }\n\n set speed(speed: number) {\n this._speed = speed / 20;\n }\n\n set horizontalPressure(horizontalPressure: number) {\n this._horizontalPressure = horizontalPressure / 4;\n }\n\n set verticalPressure(verticalPressure: number) {\n this._verticalPressure = verticalPressure / 4;\n }\n\n set waveFrequencyX(waveFrequencyX: number) {\n this._waveFrequencyX = waveFrequencyX * 0.04;\n }\n\n set waveFrequencyY(waveFrequencyY: number) {\n this._waveFrequencyY = waveFrequencyY * 0.04;\n }\n\n set waveAmplitude(waveAmplitude: number) {\n this._waveAmplitude = waveAmplitude * .75;\n }\n\n set colors(colors: NeatColor[]) {\n this._colors = colors;\n }\n\n set highlights(highlights: number) {\n this._highlights = highlights / 100;\n }\n\n set shadows(shadows: number) {\n this._shadows = shadows / 100;\n }\n\n set colorSaturation(colorSaturation: number) {\n this._saturation = colorSaturation / 10;\n }\n\n set colorBrightness(colorBrightness: number) {\n this._brightness = colorBrightness;\n }\n\n set colorBlending(colorBlending: number) {\n this._colorBlending = colorBlending / 10;\n }\n\n set grainScale(grainScale: number) {\n this._grainScale = grainScale == 0 ? 1 : grainScale;\n }\n\n set grainIntensity(grainIntensity: number) {\n this._grainIntensity = grainIntensity;\n }\n\n set grainSparsity(grainSparsity: number) {\n this._grainSparsity = grainSparsity;\n }\n\n set grainSpeed(grainSpeed: number) {\n this._grainSpeed = grainSpeed;\n }\n\n set wireframe(wireframe: boolean) {\n this._wireframe = wireframe;\n }\n\n set resolution(resolution: number) {\n this.sceneState = this._initScene(resolution);\n }\n\n set backgroundColor(backgroundColor: string) {\n this._backgroundColor = backgroundColor;\n }\n\n set backgroundAlpha(backgroundAlpha: number) {\n this._backgroundAlpha = backgroundAlpha;\n }\n\n set yOffset(yOffset: number) {\n this._yOffset = yOffset;\n }\n\n _initScene(resolution: number): SceneState {\n\n const width = this._ref.width,\n height = this._ref.height;\n\n const renderer = new THREE.WebGLRenderer({\n // antialias: true,\n alpha: true,\n preserveDrawingBuffer: true,\n canvas: this._ref\n });\n\n renderer.setClearColor(0xFF0000, .5);\n renderer.setSize(width, height, false);\n\n const meshes: THREE.Mesh[] = [];\n\n const scene = new THREE.Scene();\n\n const material = this._buildMaterial(width, height);\n\n const geo = new THREE.PlaneGeometry(PLANE_WIDTH, PLANE_HEIGHT, 240 * resolution, 240 * resolution);\n const plane = new THREE.Mesh(geo, material);\n plane.rotation.x = -Math.PI / 3.5;\n plane.position.z = -1;\n meshes.push(plane);\n scene.add(plane);\n\n const camera = new THREE.OrthographicCamera(0.0, 0.0, 0.0, 0.0, 0.0, 0.0);\n // const camera = new THREE.PerspectiveCamera( 1000, window.innerWidth / window.innerHeight, 1, 1000000 );\n camera.position.z = 5;\n updateCamera(camera, width, height);\n\n return {\n renderer,\n camera,\n scene,\n meshes,\n resolution\n };\n }\n\n _buildMaterial(width: number, height: number) {\n\n const colors = [\n ...this._colors.map(color => ({\n is_active: color.enabled,\n color: new THREE.Color(color.color),\n influence: color.influence\n })),\n ...Array.from({ length: COLORS_COUNT - this._colors.length }).map(() => ({\n is_active: false,\n color: new THREE.Color(0x000000)\n }))\n ];\n\n const uniforms = {\n u_time: { value: 0 },\n u_color_pressure: { value: new THREE.Vector2(this._horizontalPressure, this._verticalPressure) },\n u_wave_frequency_x: { value: this._waveFrequencyX },\n u_wave_frequency_y: { value: this._waveFrequencyY },\n u_wave_amplitude: { value: this._waveAmplitude },\n u_resolution: { value: new THREE.Vector2(width, height) },\n u_colors: { value: colors },\n u_colors_count: { value: this._colors.length },\n u_plane_width: { value: PLANE_WIDTH },\n u_plane_height: { value: PLANE_HEIGHT },\n u_shadows: { value: this._shadows },\n u_highlights: { value: this._highlights },\n u_grain_intensity: { value: this._grainIntensity },\n u_grain_sparsity: { value: this._grainSparsity },\n u_grain_scale: { value: this._grainScale },\n u_grain_speed: { value: this._grainSpeed },\n };\n\n const material = new THREE.ShaderMaterial({\n uniforms: uniforms,\n vertexShader: buildUniforms() + buildNoise() + buildColorFunctions() + buildVertexShader(),\n fragmentShader: buildUniforms() + buildColorFunctions() + buildNoise() + buildFragmentShader()\n });\n\n material.wireframe = WIREFRAME;\n return material;\n }\n\n\n}\n\nfunction updateCamera(camera: THREE.Camera, width: number, height: number) {\n\n const viewPortAreaRatio = 1000000;\n const areaViewPort = width * height;\n const targetPlaneArea =\n areaViewPort / viewPortAreaRatio *\n PLANE_WIDTH * PLANE_HEIGHT / 1.5;\n\n const ratio = width / height;\n\n const targetWidth = Math.sqrt(targetPlaneArea * ratio);\n const targetHeight = targetPlaneArea / targetWidth;\n\n const left = -PLANE_WIDTH / 2;\n const right = Math.min((left + targetWidth) / 1.5, PLANE_WIDTH / 2);\n\n const top = PLANE_HEIGHT / 4;\n const bottom = Math.max((top - targetHeight) / 2, -PLANE_HEIGHT / 4);\n\n const near = -100;\n const far = 1000;\n if (camera instanceof THREE.OrthographicCamera) {\n camera.left = left;\n camera.right = right;\n camera.top = top;\n camera.bottom = bottom;\n camera.near = near;\n camera.far = far;\n camera.updateProjectionMatrix();\n } else if (camera instanceof THREE.PerspectiveCamera) {\n camera.aspect = width / height;\n camera.updateProjectionMatrix();\n }\n\n}\n\n\nfunction buildVertexShader() {\n return `\n\nvoid main() {\n\n vUv = uv;\n\n v_displacement_amount = cnoise( vec3(\n u_wave_frequency_x * position.x + u_time,\n u_wave_frequency_y * position.y + u_time,\n u_time\n ));\n\n vec3 color;\n\n // float t = mod(u_base_color, 100.0);\n color = u_colors[0].color;\n\n // Apply y_offset to the noise coordinates\n vec2 noise_cord = vUv * u_color_pressure;\n // Apply the y-offset to shift the pattern vertically (1:1 pixel ratio)\n // Scale the offset to match the UV coordinate space\n float scaledOffset = u_y_offset / u_resolution.y;\n noise_cord.y -= scaledOffset;\n\n const float minNoise = .0;\n const float maxNoise = .9;\n\n for (int i = 1; i < u_colors_count; i++) {\n\n if(u_colors[i].is_active == 1.0){\n float noiseFlow = (1. + float(i)) / 30.;\n float noiseSpeed = (1. + float(i)) * 0.11;\n float noiseSeed = 13. + float(i) * 7.;\n\n int reverseIndex = u_colors_count - i;\n\n float noise = snoise(\n vec3(\n noise_cord.x * u_color_pressure.x + u_time * noiseFlow * 2.,\n noise_cord.y * u_color_pressure.y,\n u_time * noiseSpeed\n ) + noiseSeed\n ) - (.1 * float(i)) + (.5 * u_color_blending);\n\n noise = clamp(minNoise, maxNoise + float(i) * 0.02, noise);\n vec3 nextColor = u_colors[i].color;\n color = mix(color, nextColor, smoothstep(0.0, u_color_blending, noise));\n }\n }\n\n v_color = color;\n\n vec3 newPosition = position + normal * v_displacement_amount * u_wave_amplitude;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0);\n\n v_new_position = gl_Position;\n}\n`;\n}\n\nfunction buildFragmentShader() {\n return `\nfloat random(vec2 p) {\n return fract(sin(dot(p, vec2(12.9898,78.233))) * 43758.5453);\n}\n\nfloat fbm(vec3 x) {\n float value = 0.0;\n float amplitude = 0.5;\n float frequency = 1.0;\n for (int i = 0; i < 4; i++) {\n value += amplitude * snoise(x * frequency);\n frequency *= 2.0;\n amplitude *= 0.5;\n }\n return value;\n}\n\nvoid main() {\n vec3 color = v_color;\n color += pow(v_displacement_amount, 1.0) * u_highlights;\n color -= pow(1.0 - v_displacement_amount, 2.0) * u_shadows;\n color = saturation(color, 1.0 + u_saturation);\n color = color * u_brightness;\n\n // Generate grain using fbm\n vec2 noiseCoords = gl_FragCoord.xy / u_grain_scale;\n float grain = (u_grain_speed != 0.0) ? fbm(vec3(noiseCoords, u_time * u_grain_speed)) : fbm(vec3(noiseCoords, 0.0));\n\n // Center the grain around zero\n grain = grain * 0.5 + 0.5;\n grain -= 0.5;\n\n // Add sparsity control\n grain = (grain > u_grain_sparsity) ? grain : 0.0;\n\n // Apply grain intensity\n grain *= u_grain_intensity;\n\n // Add grain to color\n color += vec3(grain);\n\n gl_FragColor = vec4(color, 1.0);\n}\n `;\n}\n\nconst buildUniforms = () => `\nprecision highp float;\n\nstruct Color {\n float is_active;\n vec3 color;\n float value;\n};\n\nuniform float u_grain_intensity; \nuniform float u_grain_sparsity; \nuniform float u_grain_scale; \nuniform float u_grain_speed; \nuniform float u_time;\n\nuniform float u_wave_amplitude;\nuniform float u_wave_frequency_x;\nuniform float u_wave_frequency_y;\n\nuniform vec2 u_color_pressure;\n\nuniform float u_plane_width;\nuniform float u_plane_height;\n\nuniform float u_shadows;\nuniform float u_highlights;\nuniform float u_saturation;\nuniform float u_brightness;\n\nuniform float u_color_blending;\n\nuniform int u_colors_count;\nuniform Color u_colors[5];\nuniform vec2 u_resolution;\n\nuniform float u_y_offset;\n\nvarying vec2 vUv;\nvarying vec4 v_new_position;\nvarying vec3 v_color;\nvarying float v_displacement_amount;\n\n `;\n\nconst buildNoise = () => `\n\nvec3 mod289(vec3 x)\n{\n return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec4 mod289(vec4 x)\n{\n return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec4 permute(vec4 x)\n{\n return mod289(((x*34.0)+1.0)*x);\n}\n\nvec4 taylorInvSqrt(vec4 r)\n{\n return 1.79284291400159 - 0.85373472095314 * r;\n}\n\nvec3 fade(vec3 t) {\n return t*t*t*(t*(t*6.0-15.0)+10.0);\n}\n\nfloat snoise(vec3 v)\n{\n const vec2 C = vec2(1.0/6.0, 1.0/3.0) ;\n const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);\n\n// First corner\n vec3 i = floor(v + dot(v, C.yyy) );\n vec3 x0 = v - i + dot(i, C.xxx) ;\n\n// Other corners\n vec3 g = step(x0.yzx, x0.xyz);\n vec3 l = 1.0 - g;\n vec3 i1 = min( g.xyz, l.zxy );\n vec3 i2 = max( g.xyz, l.zxy );\n\n // x0 = x0 - 0.0 + 0.0 * C.xxx;\n // x1 = x0 - i1 + 1.0 * C.xxx;\n // x2 = x0 - i2 + 2.0 * C.xxx;\n // x3 = x0 - 1.0 + 3.0 * C.xxx;\n vec3 x1 = x0 - i1 + C.xxx;\n vec3 x2 = x0 - i2 + C.yyy; // 2.0*C.x = 1/3 = C.y\n vec3 x3 = x0 - D.yyy; // -1.0+3.0*C.x = -0.5 = -D.y\n\n// Permutations\n i = mod289(i);\n vec4 p = permute( permute( permute(\n i.z + vec4(0.0, i1.z, i2.z, 1.0 ))\n + i.y + vec4(0.0, i1.y, i2.y, 1.0 ))\n + i.x + vec4(0.0, i1.x, i2.x, 1.0 ));\n\n// Gradients: 7x7 points over a square, mapped onto an octahedron.\n// The ring size 17*17 = 289 is close to a multiple of 49 (49*6 = 294)\n float n_ = 0.142857142857; // 1.0/7.0\n vec3 ns = n_ * D.wyz - D.xzx;\n\n vec4 j = p - 49.0 * floor(p * ns.z * ns.z); // mod(p,7*7)\n\n vec4 x_ = floor(j * ns.z);\n vec4 y_ = floor(j - 7.0 * x_ ); // mod(j,N)\n\n vec4 x = x_ *ns.x + ns.yyyy;\n vec4 y = y_ *ns.x + ns.yyyy;\n vec4 h = 1.0 - abs(x) - abs(y);\n\n vec4 b0 = vec4( x.xy, y.xy );\n vec4 b1 = vec4( x.zw, y.zw );\n\n //vec4 s0 = vec4(lessThan(b0,0.0))*2.0 - 1.0;\n //vec4 s1 = vec4(lessThan(b1,0.0))*2.0 - 1.0;\n vec4 s0 = floor(b0)*2.0 + 1.0;\n vec4 s1 = floor(b1)*2.0 + 1.0;\n vec4 sh = -step(h, vec4(0.0));\n\n vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy ;\n vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww ;\n\n vec3 p0 = vec3(a0.xy,h.x);\n vec3 p1 = vec3(a0.zw,h.y);\n vec3 p2 = vec3(a1.xy,h.z);\n vec3 p3 = vec3(a1.zw,h.w);\n\n//Normalise gradients\n vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2, p2), dot(p3,p3)));\n p0 *= norm.x;\n p1 *= norm.y;\n p2 *= norm.z;\n p3 *= norm.w;\n\n// Mix final noise value\n vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);\n m = m * m;\n return 42.0 * dot( m*m, vec4( dot(p0,x0), dot(p1,x1),\n dot(p2,x2), dot(p3,x3) ) );\n}\n\n// Classic Perlin noise\nfloat cnoise(vec3 P)\n{\n vec3 Pi0 = floor(P); // Integer part for indexing\n vec3 Pi1 = Pi0 + vec3(1.0); // Integer part + 1\n Pi0 = mod289(Pi0);\n Pi1 = mod289(Pi1);\n vec3 Pf0 = fract(P); // Fractional part for interpolation\n vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n vec4 iy = vec4(Pi0.yy, Pi1.yy);\n vec4 iz0 = Pi0.zzzz;\n vec4 iz1 = Pi1.zzzz;\n\n vec4 ixy = permute(permute(ix) + iy);\n vec4 ixy0 = permute(ixy + iz0);\n vec4 ixy1 = permute(ixy + iz1);\n\n vec4 gx0 = ixy0 * (1.0 / 7.0);\n vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n gx0 = fract(gx0);\n vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n vec4 sz0 = step(gz0, vec4(0.0));\n gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n\n vec4 gx1 = ixy1 * (1.0 / 7.0);\n vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n gx1 = fract(gx1);\n vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n vec4 sz1 = step(gz1, vec4(0.0));\n gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n\n vec3 g000 = vec3(gx0.x,gy0.x,gz0.x);\n vec3 g100 = vec3(gx0.y,gy0.y,gz0.y);\n vec3 g010 = vec3(gx0.z,gy0.z,gz0.z);\n vec3 g110 = vec3(gx0.w,gy0.w,gz0.w);\n vec3 g001 = vec3(gx1.x,gy1.x,gz1.x);\n vec3 g101 = vec3(gx1.y,gy1.y,gz1.y);\n vec3 g011 = vec3(gx1.z,gy1.z,gz1.z);\n vec3 g111 = vec3(gx1.w,gy1.w,gz1.w);\n\n vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n g000 *= norm0.x;\n g010 *= norm0.y;\n g100 *= norm0.z;\n g110 *= norm0.w;\n vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n g001 *= norm1.x;\n g011 *= norm1.y;\n g101 *= norm1.z;\n g111 *= norm1.w;\n\n float n000 = dot(g000, Pf0);\n float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n float n111 = dot(g111, Pf1);\n\n vec3 fade_xyz = fade(Pf0);\n vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n return 2.2 * n_xyz;\n}\n\n// YUV to RGB matrix\nmat3 yuv2rgb = mat3(1.0, 0.0, 1.13983,\n 1.0, -0.39465, -0.58060,\n 1.0, 2.03211, 0.0);\n\n// RGB to YUV matrix\nmat3 rgb2yuv = mat3(0.2126, 0.7152, 0.0722,\n -0.09991, -0.33609, 0.43600,\n 0.615, -0.5586, -0.05639);\n \nvec3 oklab2rgb(vec3 linear)\n{\n const mat3 im1 = mat3(0.4121656120, 0.2118591070, 0.0883097947,\n 0.5362752080, 0.6807189584, 0.2818474174,\n 0.0514575653, 0.1074065790, 0.6302613616);\n \n const mat3 im2 = mat3(+0.2104542553, +1.9779984951, +0.0259040371,\n +0.7936177850, -2.4285922050, +0.7827717662,\n -0.0040720468, +0.4505937099, -0.8086757660);\n \n vec3 lms = im1 * linear;\n \n return im2 * (sign(lms) * pow(abs(lms), vec3(1.0/3.0)));\n}\n\nvec3 rgb2oklab(vec3 oklab)\n{\n const mat3 m1 = mat3(+1.000000000, +1.000000000, +1.000000000,\n +0.396337777, -0.105561346, -0.089484178,\n +0.215803757, -0.063854173, -1.291485548);\n \n const mat3 m2 = mat3(+4.076724529, -1.268143773, -0.004111989,\n -3.307216883, +2.609332323, -0.703476310,\n +0.230759054, -0.341134429, +1.706862569);\n vec3 lms = m1 * oklab;\n \n return m2 * (lms * lms * lms);\n}\n\n `;\n\nconst buildColorFunctions = () => `\n\nvec3 saturation(vec3 rgb, float adjustment) {\n const vec3 W = vec3(0.2125, 0.7154, 0.0721);\n vec3 intensity = vec3(dot(rgb, W));\n return mix(intensity, rgb, adjustment);\n}\n\nfloat saturation(vec3 rgb)\n{\n vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n vec4 p = mix(vec4(rgb.bg, K.wz), vec4(rgb.gb, K.xy), step(rgb.b, rgb.g));\n vec4 q = mix(vec4(p.xyw, rgb.r), vec4(rgb.r, p.yzx), step(p.x, rgb.r));\n\n float d = q.x - min(q.w, q.y);\n float e = 1.0e-10;\n return abs(6.0 * d + e);\n}\n\n// get saturation of a color in values between 0 and 1\nfloat getSaturation(vec3 color) {\n float max = max(color.r, max(color.g, color.b));\n float min = min(color.r, min(color.g, color.b));\n return (max - min) / max;\n}\n \nvec3 rgb2hsv(vec3 c)\n{\n vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));\n vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));\n\n float d = q.x - min(q.w, q.y);\n float e = 1.0e-10;\n return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);\n}\n\nvec3 hsv2rgb(vec3 c)\n{\n vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);\n}\n`;\n\n\nconst setLinkStyles = (link: HTMLAnchorElement) => {\n link.id = LINK_ID;\n link.href = \"https://neat.firecms.co\";\n link.target = \"_blank\";\n link.style.position = \"absolute\";\n link.style.display = \"block\";\n link.style.bottom = \"0\";\n link.style.right = \"0\";\n link.style.padding = \"10px\";\n link.style.color = \"#dcdcdc\";\n link.style.opacity = \"0.8\";\n link.style.fontFamily = \"sans-serif\";\n link.style.fontSize = \"16px\";\n link.style.fontWeight = \"bold\";\n link.style.textDecoration = \"none\";\n link.style.zIndex = \"10000\";\n link.innerHTML = \"NEAT\";\n}\n\nconst addNeatLink = (ref: HTMLCanvasElement) => {\n const existingLinks = ref.parentElement?.getElementsByTagName(\"a\");\n if (existingLinks) {\n for (let i = 0; i < existingLinks.length; i++) {\n if (existingLinks[i].id === LINK_ID) {\n setLinkStyles(existingLinks[i]);\n return;\n }\n }\n }\n const link = document.createElement(\"a\");\n setLinkStyles(link);\n ref.parentElement?.appendChild(link);\n}\n\nfunction getElapsedSecondsInLastHour() {\n const now = new Date();\n const minutes = now.getMinutes();\n const seconds = now.getSeconds();\n return (minutes * 60) + seconds;\n}\n\nfunction generateRandomString(length: number = 6): string {\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n let result = '';\n for (let i = 0; i < length; i++) {\n const randomIndex = Math.floor(Math.random() * characters.length);\n result += characters.charAt(randomIndex);\n }\n return result;\n}\n\nfunction downloadURI(uri: string, name: string) {\n const link = document.createElement(\"a\");\n link.download = name;\n link.href = uri;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n}\n"],"names":["PLANE_WIDTH","PLANE_HEIGHT","WIREFRAME","COLORS_COUNT","clock","THREE","LINK_ID","generateRandomString","NeatGradient","config","ref","speed","horizontalPressure","verticalPressure","waveFrequencyX","waveFrequencyY","waveAmplitude","colors","highlights","shadows","colorSaturation","colorBrightness","colorBlending","grainScale","grainIntensity","grainSparsity","grainSpeed","wireframe","backgroundColor","backgroundAlpha","resolution","seed","yOffset","tick","getElapsedSecondsInLastHour","render","renderer","camera","scene","meshes","addNeatLink","mesh","width","height","color","threeColor","setSize","canvas","updateCamera","entries","filename","dataURL","downloadURI","material","geo","plane","uniforms","buildUniforms","buildNoise","buildColorFunctions","buildVertexShader","buildFragmentShader","targetPlaneArea","ratio","targetWidth","targetHeight","left","right","top","bottom","near","far","setLinkStyles","link","existingLinks","i","now","minutes","seconds","length","characters","result","randomIndex","uri","name"],"mappings":"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OA4CtBC,IAAa,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAoNnBC,IAAsB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8C5Ba,IAAgB,CAACC,MAA4B;AAC/C,EAAAA,EAAK,KAAKnE,GACVmE,EAAK,OAAO,2BACZA,EAAK,SAAS,UACdA,EAAK,MAAM,WAAW,YACtBA,EAAK,MAAM,UAAU,SACrBA,EAAK,MAAM,SAAS,KACpBA,EAAK,MAAM,QAAQ,KACnBA,EAAK,MAAM,UAAU,QACrBA,EAAK,MAAM,QAAQ,WACnBA,EAAK,MAAM,UAAU,OACrBA,EAAK,MAAM,aAAa,cACxBA,EAAK,MAAM,WAAW,QACtBA,EAAK,MAAM,aAAa,QACxBA,EAAK,MAAM,iBAAiB,QAC5BA,EAAK,MAAM,SAAS,SACpBA,EAAK,YAAY;AACrB,GAEMjC,IAAc,CAAC9B,MAA2B;AAC5C,QAAMgE,IAAgBhE,EAAI,eAAe,qBAAqB,GAAG;AACjE,MAAIgE;AACA,aAASC,IAAI,GAAGA,IAAID,EAAc,QAAQC;AAClC,UAAAD,EAAcC,GAAG,OAAOrE,GAAS;AACjC,QAAAkE,EAAcE,EAAcC,EAAE;AAC9B;AAAA,MACJ;AAAA;AAGF,QAAAF,IAAO,SAAS,cAAc,GAAG;AACvC,EAAAD,EAAcC,CAAI,GACd/D,EAAA,eAAe,YAAY+D,CAAI;AACvC;AAEA,SAASvC,IAA8B;AAC7B,QAAA0C,IAAM,IAAI,QACVC,IAAUD,EAAI,cACdE,IAAUF,EAAI;AACpB,SAAQC,IAAU,KAAMC;AAC5B;AAEA,SAASvE,GAAqBwE,IAAiB,GAAW;AACtD,QAAMC,IAAa;AACnB,MAAIC,IAAS;AACb,WAASN,IAAI,GAAGA,IAAII,GAAQJ,KAAK;AAC7B,UAAMO,IAAc,KAAK,MAAM,KAAK,WAAWF,EAAW,MAAM;AACtD,IAAAC,KAAAD,EAAW,OAAOE,CAAW;AAAA,EAC3C;AACO,SAAAD;AACX;AAEA,SAAS7B,GAAY+B,GAAaC,GAAc;AACtC,QAAAX,IAAO,SAAS,cAAc,GAAG;AACvC,EAAAA,EAAK,WAAWW,GAChBX,EAAK,OAAOU,GACH,SAAA,KAAK,YAAYV,CAAI,GAC9BA,EAAK,MAAM,GACF,SAAA,KAAK,YAAYA,CAAI;AAClC;"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/NeatGradient.ts"],"sourcesContent":["import * as THREE from \"three\";\n\nconst PLANE_WIDTH = 50;\nconst PLANE_HEIGHT = 80;\n\nconst WIREFRAME = true;\nconst COLORS_COUNT = 6;\n\nconst clock = new THREE.Clock();\n\nconst LINK_ID = generateRandomString();\n\ntype SceneState = {\n renderer: THREE.WebGLRenderer,\n camera: THREE.Camera,\n scene: THREE.Scene,\n meshes: THREE.Mesh[],\n resolution: number\n}\n\n// Interface for the Uniforms to avoid @ts-ignore and improve access speed\ninterface NeatUniforms {\n [key: string]: THREE.IUniform;\n u_time: { value: number };\n u_resolution: { value: THREE.Vector2 };\n u_color_pressure: { value: THREE.Vector2 };\n u_colors: { value: { is_active: number; color: THREE.Color; influence: number }[] };\n u_mouse_texture: { value: THREE.Texture | null };\n}\n\nexport type NeatConfig = {\n resolution?: number;\n speed?: number;\n horizontalPressure?: number;\n verticalPressure?: number;\n waveFrequencyX?: number;\n waveFrequencyY?: number;\n waveAmplitude?: number;\n highlights?: number;\n shadows?: number;\n colorSaturation?: number;\n colorBrightness?: number;\n colors: NeatColor[];\n colorBlending?: number;\n grainScale?: number;\n grainIntensity?: number;\n grainSparsity?: number;\n grainSpeed?: number;\n wireframe?: boolean;\n backgroundColor?: string;\n backgroundAlpha?: number;\n yOffset?: number;\n yOffsetWaveMultiplier?: number;\n yOffsetColorMultiplier?: number;\n yOffsetFlowMultiplier?: number;\n // Flow field parameters\n flowDistortionA?: number;\n flowDistortionB?: number;\n flowScale?: number;\n flowEase?: number;\n flowEnabled?: boolean;\n // Mouse interaction\n /** Strength of mouse-driven distortion */\n mouseDistortionStrength?: number;\n /** Radius / area of mouse-driven distortion in UV space (0–1-ish) */\n mouseDistortionRadius?: number;\n /** How quickly mouse trails decay/fade (0.9=slow/wobbly, 0.99=fast/sharp) */\n mouseDecayRate?: number;\n mouseDarken?: number;\n // Texture generation\n enableProceduralTexture?: boolean;\n textureVoidLikelihood?: number;\n textureVoidWidthMin?: number;\n textureVoidWidthMax?: number;\n textureBandDensity?: number;\n textureColorBlending?: number;\n textureSeed?: number;\n textureEase?: number;\n proceduralBackgroundColor?: string;\n textureShapeTriangles?: number;\n textureShapeCircles?: number;\n textureShapeBars?: number;\n textureShapeSquiggles?: number;\n};\n\nexport type NeatColor = {\n color: string;\n enabled: boolean;\n /**\n * Value from 0 to 1\n */\n influence?: number;\n}\n\nexport type NeatController = {\n destroy: () => void;\n}\n\nexport class NeatGradient implements NeatController {\n\n private _ref: HTMLCanvasElement;\n\n private _speed: number = -1;\n\n private _horizontalPressure: number = -1;\n private _verticalPressure: number = -1;\n\n private _waveFrequencyX: number = -1;\n private _waveFrequencyY: number = -1;\n private _waveAmplitude: number = -1;\n\n private _shadows: number = -1;\n private _highlights: number = -1;\n private _saturation: number = -1;\n private _brightness: number = -1;\n\n private _grainScale: number = -1;\n private _grainIntensity: number = -1;\n private _grainSparsity: number = -1;\n private _grainSpeed: number = -1;\n\n private _colorBlending: number = -1;\n\n private _colors: NeatColor[] = [];\n private _wireframe: boolean = false;\n\n private _backgroundColor: string = \"#FFFFFF\";\n private _backgroundAlpha: number = 1.0;\n\n // Flow field properties\n private _flowDistortionA: number = 0;\n private _flowDistortionB: number = 0;\n private _flowScale: number = 1.0;\n private _flowEase: number = 0.0;\n private _flowEnabled: boolean = true;\n\n // Mouse interaction properties\n private _mouseDistortionStrength: number = 0.0;\n private _mouseDistortionRadius: number = 0.25;\n private _mouseDecayRate: number = 0.96;\n private _mouseDarken: number = 0.0;\n private _mouse: THREE.Vector2 = new THREE.Vector2(-1000, -1000);\n private _mouseFBO: THREE.WebGLRenderTarget | null = null;\n private _sceneMouse: THREE.Scene | null = null;\n private _cameraMouse: THREE.OrthographicCamera | null = null;\n private _mouseObjects: Array<{ mesh: THREE.Mesh, active: boolean }> = [];\n private _currentBrush: number = 0;\n private _mouseBrushBaseScale: number = 1;\n\n // Texture generation properties\n private _enableProceduralTexture: boolean = false;\n private _textureVoidLikelihood: number = 0.45;\n private _textureVoidWidthMin: number = 200;\n private _textureVoidWidthMax: number = 486;\n private _textureBandDensity: number = 2.15;\n private _textureColorBlending: number = 0.01;\n private _textureSeed: number = 333;\n private _textureEase: number = 0.5;\n private _proceduralTexture: THREE.Texture | null = null;\n private _proceduralBackgroundColor: string = \"#000000\";\n\n private _textureShapeTriangles: number = 20;\n private _textureShapeCircles: number = 15;\n private _textureShapeBars: number = 15;\n private _textureShapeSquiggles: number = 10;\n\n private requestRef: number = -1;\n private sizeObserver: ResizeObserver;\n private sceneState: SceneState;\n\n // Optimization: Cache uniforms to avoid lookups and object creation in render loop\n private _cachedUniforms: NeatUniforms | null = null;\n private _linkElement: HTMLAnchorElement | null = null;\n\n private _yOffset: number = 0;\n private _yOffsetWaveMultiplier: number = 0.004;\n private _yOffsetColorMultiplier: number = 0.004;\n private _yOffsetFlowMultiplier: number = 0.004;\n\n // For saving/restoring clear color\n private _tempClearColor = new THREE.Color();\n\n constructor(config: NeatConfig & { ref: HTMLCanvasElement, resolution?: number, seed?: number }) {\n\n const {\n ref,\n speed = 4,\n horizontalPressure = 3,\n verticalPressure = 3,\n waveFrequencyX = 5,\n waveFrequencyY = 5,\n waveAmplitude = 3,\n colors,\n highlights = 4,\n shadows = 4,\n colorSaturation = 0,\n colorBrightness = 1,\n colorBlending = 5,\n grainScale = 2,\n grainIntensity = 0.55,\n grainSparsity = 0.0,\n grainSpeed = 0.1,\n wireframe = false,\n backgroundColor = \"#FFFFFF\",\n backgroundAlpha = 1.0,\n resolution = 1,\n seed,\n yOffset = 0,\n yOffsetWaveMultiplier = 4,\n yOffsetColorMultiplier = 4,\n yOffsetFlowMultiplier = 4,\n // Flow field parameters\n flowDistortionA = 0,\n flowDistortionB = 0,\n flowScale = 1.0,\n flowEase = 0.0,\n flowEnabled = true,\n // Mouse interaction\n mouseDistortionStrength = 0.0,\n mouseDistortionRadius = 0.25,\n mouseDecayRate = 0.96,\n mouseDarken = 0.0,\n // Texture generation\n enableProceduralTexture = false,\n textureVoidLikelihood = 0.45,\n textureVoidWidthMin = 200,\n textureVoidWidthMax = 486,\n textureBandDensity = 2.15,\n textureColorBlending = 0.01,\n textureSeed = 333,\n textureEase = 0.5,\n proceduralBackgroundColor = \"#000000\",\n textureShapeTriangles = 20,\n textureShapeCircles = 15,\n textureShapeBars = 15,\n textureShapeSquiggles = 10,\n } = config;\n\n\n this._ref = ref;\n\n this.destroy = this.destroy.bind(this);\n this._initScene = this._initScene.bind(this);\n this._buildMaterial = this._buildMaterial.bind(this);\n\n this.speed = speed;\n this.horizontalPressure = horizontalPressure;\n this.verticalPressure = verticalPressure;\n this.waveFrequencyX = waveFrequencyX;\n this.waveFrequencyY = waveFrequencyY;\n this.waveAmplitude = waveAmplitude;\n this.colorBlending = colorBlending;\n this.grainScale = grainScale;\n this.grainIntensity = grainIntensity;\n this.grainSparsity = grainSparsity;\n this.grainSpeed = grainSpeed;\n this.colors = colors;\n this.shadows = shadows;\n this.highlights = highlights;\n this.colorSaturation = colorSaturation;\n this.colorBrightness = colorBrightness;\n this.wireframe = wireframe;\n this.backgroundColor = backgroundColor;\n this.backgroundAlpha = backgroundAlpha;\n this.yOffset = yOffset;\n this.yOffsetWaveMultiplier = yOffsetWaveMultiplier;\n this.yOffsetColorMultiplier = yOffsetColorMultiplier;\n this.yOffsetFlowMultiplier = yOffsetFlowMultiplier;\n\n // Flow field\n this.flowDistortionA = flowDistortionA;\n this.flowDistortionB = flowDistortionB;\n this.flowScale = flowScale;\n this.flowEase = flowEase;\n this.flowEnabled = flowEnabled;\n\n // Mouse interaction\n this.mouseDistortionStrength = mouseDistortionStrength;\n this.mouseDistortionRadius = mouseDistortionRadius;\n this.mouseDecayRate = mouseDecayRate;\n this.mouseDarken = mouseDarken;\n\n // Texture generation\n this.enableProceduralTexture = enableProceduralTexture;\n this.textureVoidLikelihood = textureVoidLikelihood;\n this.textureVoidWidthMin = textureVoidWidthMin;\n this.textureVoidWidthMax = textureVoidWidthMax;\n this.textureBandDensity = textureBandDensity;\n this.textureColorBlending = textureColorBlending;\n this.textureSeed = textureSeed;\n this.textureEase = textureEase;\n this._proceduralBackgroundColor = proceduralBackgroundColor;\n\n this._textureShapeTriangles = textureShapeTriangles;\n this._textureShapeCircles = textureShapeCircles;\n this._textureShapeBars = textureShapeBars;\n this._textureShapeSquiggles = textureShapeSquiggles;\n\n // FIX 1: Setup mouse resources BEFORE building the material/scene\n // This ensures u_mouse_texture isn't null during material compilation\n this._setupMouseInteraction();\n this.sceneState = this._initScene(resolution);\n\n let tick = seed !== undefined ? seed : getElapsedSecondsInLastHour();\n\n const render = () => {\n\n const { renderer, camera, scene } = this.sceneState;\n\n // Optimization: check if cached link is still valid in DOM, otherwise search\n if (Math.floor(tick * 10) % 5 === 0) {\n if (!this._linkElement || !document.contains(this._linkElement)) {\n this._linkElement = addNeatLink(ref);\n }\n }\n\n // Update Uniforms efficiently without creating new objects\n if (this._cachedUniforms) {\n const u = this._cachedUniforms;\n\n tick += clock.getDelta() * this._speed;\n\n u.u_time.value = tick;\n u.u_resolution.value.set(this._ref.width, this._ref.height);\n u.u_color_pressure.value.set(this._horizontalPressure, this._verticalPressure);\n\n // Directly assign simple values\n u.u_wave_frequency_x.value = this._waveFrequencyX;\n u.u_wave_frequency_y.value = this._waveFrequencyY;\n u.u_wave_amplitude.value = this._waveAmplitude;\n u.u_color_blending.value = this._colorBlending;\n u.u_shadows.value = this._shadows;\n u.u_highlights.value = this._highlights;\n u.u_saturation.value = this._saturation;\n u.u_brightness.value = this._brightness;\n u.u_grain_intensity.value = this._grainIntensity;\n u.u_grain_sparsity.value = this._grainSparsity;\n u.u_grain_speed.value = this._grainSpeed;\n u.u_grain_scale.value = this._grainScale;\n u.u_y_offset.value = this._yOffset;\n u.u_y_offset_wave_multiplier.value = this._yOffsetWaveMultiplier;\n u.u_y_offset_color_multiplier.value = this._yOffsetColorMultiplier;\n u.u_y_offset_flow_multiplier.value = this._yOffsetFlowMultiplier;\n u.u_flow_distortion_a.value = this._flowDistortionA;\n u.u_flow_distortion_b.value = this._flowDistortionB;\n u.u_flow_scale.value = this._flowScale;\n u.u_flow_ease.value = this._flowEase;\n u.u_flow_enabled.value = this._flowEnabled ? 1.0 : 0.0;\n u.u_mouse_distortion_strength.value = this._mouseDistortionStrength;\n u.u_mouse_distortion_radius.value = this._mouseDistortionRadius;\n u.u_mouse_darken.value = this._mouseDarken;\n u.u_enable_procedural_texture.value = this._enableProceduralTexture ? 1.0 : 0.0;\n u.u_procedural_texture.value = this._proceduralTexture;\n u.u_texture_ease.value = this._textureEase;\n\n // Optimized Color Update: Update the existing array objects instead of recreating array\n const shaderColors = u.u_colors.value;\n for(let i = 0; i < COLORS_COUNT; i++) {\n if (i < this._colors.length) {\n const c = this._colors[i];\n shaderColors[i].is_active = c.enabled ? 1.0 : 0.0;\n shaderColors[i].color.setStyle(c.color, \"\");\n shaderColors[i].influence = c.influence || 0;\n } else {\n shaderColors[i].is_active = 0.0;\n }\n }\n\n u.u_colors_count.value = COLORS_COUNT;\n // Wireframe is a material property, not a uniform\n // @ts-ignore - access material safely\n this.sceneState.meshes[0].material.wireframe = this._wireframe;\n }\n\n // Render mouse interaction to FBO\n if (this._mouseFBO && this._sceneMouse && this._cameraMouse) {\n let hasActiveBrushes = false;\n\n // Update mouse objects - decay rate controls how fast trails fade\n for(let i = 0; i < this._mouseObjects.length; i++) {\n const obj = this._mouseObjects[i];\n if (obj.mesh.visible) {\n hasActiveBrushes = true;\n obj.mesh.rotation.z += 0.01;\n if (obj.mesh.material instanceof THREE.MeshBasicMaterial) {\n // Decay only affects opacity\n obj.mesh.material.opacity *= this._mouseDecayRate;\n\n if (obj.mesh.material.opacity < 0.01) {\n obj.mesh.visible = false;\n }\n }\n }\n }\n\n // FIX 2: Handle FBO Clearing correctly\n // Store current clear color (likely the main background color)\n renderer.getClearColor(this._tempClearColor);\n const oldClearAlpha = renderer.getClearAlpha();\n\n // Set clear color to Black/Transparent for the FBO.\n // Important: If we use the main background color (e.g. White), the FBO\n // will be white, causing 100% distortion everywhere.\n renderer.setClearColor(0x000000, 0.0);\n\n renderer.setRenderTarget(this._mouseFBO);\n renderer.clear();\n\n if (hasActiveBrushes) {\n renderer.render(this._sceneMouse, this._cameraMouse);\n }\n renderer.setRenderTarget(null);\n\n // Restore main background color for the actual scene render\n renderer.setClearColor(this._tempClearColor, oldClearAlpha);\n\n // Update mouse texture uniform\n if (this._cachedUniforms) {\n this._cachedUniforms.u_mouse_texture.value = this._mouseFBO.texture;\n }\n }\n\n // Ensure we set the clear color for the main scene explicitly before rendering\n renderer.setClearColor(this._backgroundColor, this._backgroundAlpha);\n renderer.render(scene, camera);\n this.requestRef = requestAnimationFrame(render);\n };\n\n const setSize = () => {\n\n const { renderer } = this.sceneState;\n const canvas = renderer.domElement;\n const width = canvas.clientWidth;\n const height = canvas.clientHeight;\n\n this.sceneState.renderer.setSize(width, height, false);\n updateCamera(this.sceneState.camera, width, height);\n\n // FIX 3: Update Mouse FBO and Camera on resize\n // If we don't do this, mouse coordinates map incorrectly after a resize\n if (this._mouseFBO && this._cameraMouse) {\n const fSize = height / 2;\n const aspect = width / height;\n this._mouseFBO.setSize(width / 2, height / 2);\n this._cameraMouse.left = -fSize * aspect;\n this._cameraMouse.right = fSize * aspect;\n this._cameraMouse.top = fSize;\n this._cameraMouse.bottom = -fSize;\n this._cameraMouse.updateProjectionMatrix();\n }\n };\n\n this.sizeObserver = new ResizeObserver(entries => {\n setSize();\n });\n\n this.sizeObserver.observe(ref);\n\n\n render();\n }\n\n destroy() {\n if (this) {\n cancelAnimationFrame(this.requestRef);\n this.sizeObserver.disconnect();\n\n // Cleanup WebGL resources\n if (this.sceneState) {\n this.sceneState.renderer.dispose();\n this.sceneState.meshes.forEach(m => {\n m.geometry.dispose();\n if(Array.isArray(m.material)) m.material.forEach(mat => mat.dispose());\n else m.material.dispose();\n });\n }\n if (this._mouseFBO) this._mouseFBO.dispose();\n if (this._proceduralTexture) this._proceduralTexture.dispose();\n }\n }\n\n downloadAsPNG(filename = \"neat.png\") {\n console.log(\"Downloading as PNG\", this._ref);\n const dataURL = this._ref.toDataURL(\"image/png\");\n console.log(\"data\", dataURL);\n downloadURI(dataURL, filename);\n }\n\n set speed(speed: number) {\n this._speed = speed / 20;\n }\n\n set horizontalPressure(horizontalPressure: number) {\n this._horizontalPressure = horizontalPressure / 4;\n }\n\n set verticalPressure(verticalPressure: number) {\n this._verticalPressure = verticalPressure / 4;\n }\n\n set waveFrequencyX(waveFrequencyX: number) {\n this._waveFrequencyX = waveFrequencyX * 0.04;\n }\n\n set waveFrequencyY(waveFrequencyY: number) {\n this._waveFrequencyY = waveFrequencyY * 0.04;\n }\n\n set waveAmplitude(waveAmplitude: number) {\n this._waveAmplitude = waveAmplitude * .75;\n }\n\n set colors(colors: NeatColor[]) {\n this._colors = colors;\n }\n\n set highlights(highlights: number) {\n this._highlights = highlights / 100;\n }\n\n set shadows(shadows: number) {\n this._shadows = shadows / 100;\n }\n\n set colorSaturation(colorSaturation: number) {\n this._saturation = colorSaturation / 10;\n }\n\n set colorBrightness(colorBrightness: number) {\n this._brightness = colorBrightness;\n }\n\n set colorBlending(colorBlending: number) {\n this._colorBlending = colorBlending / 10;\n }\n\n set grainScale(grainScale: number) {\n this._grainScale = grainScale == 0 ? 1 : grainScale;\n }\n\n set grainIntensity(grainIntensity: number) {\n this._grainIntensity = grainIntensity;\n }\n\n set grainSparsity(grainSparsity: number) {\n this._grainSparsity = grainSparsity;\n }\n\n set grainSpeed(grainSpeed: number) {\n this._grainSpeed = grainSpeed;\n }\n\n set wireframe(wireframe: boolean) {\n this._wireframe = wireframe;\n }\n\n set resolution(resolution: number) {\n this.sceneState = this._initScene(resolution);\n }\n\n set backgroundColor(backgroundColor: string) {\n this._backgroundColor = backgroundColor;\n }\n\n set backgroundAlpha(backgroundAlpha: number) {\n this._backgroundAlpha = backgroundAlpha;\n }\n\n set yOffset(yOffset: number) {\n this._yOffset = yOffset;\n }\n\n get yOffsetWaveMultiplier(): number {\n return this._yOffsetWaveMultiplier * 1000;\n }\n\n set yOffsetWaveMultiplier(value: number) {\n this._yOffsetWaveMultiplier = value / 1000;\n }\n\n get yOffsetColorMultiplier(): number {\n return this._yOffsetColorMultiplier * 1000;\n }\n\n set yOffsetColorMultiplier(value: number) {\n this._yOffsetColorMultiplier = value / 1000;\n }\n\n get yOffsetFlowMultiplier(): number {\n return this._yOffsetFlowMultiplier * 1000;\n }\n\n set yOffsetFlowMultiplier(value: number) {\n this._yOffsetFlowMultiplier = value / 1000;\n }\n\n set flowDistortionA(value: number) {\n this._flowDistortionA = value;\n }\n\n set flowDistortionB(value: number) {\n this._flowDistortionB = value;\n }\n\n set flowScale(value: number) {\n this._flowScale = value;\n }\n\n set flowEase(value: number) {\n this._flowEase = value;\n }\n\n set flowEnabled(value: boolean) {\n this._flowEnabled = value;\n }\n\n get flowEnabled(): boolean {\n return this._flowEnabled;\n }\n\n\n set mouseDistortionStrength(value: number) {\n this._mouseDistortionStrength = Math.max(0, value);\n }\n\n set mouseDistortionRadius(value: number) {\n // Clamp to a sane range in UV space\n this._mouseDistortionRadius = Math.max(0.01, Math.min(value, 1.0));\n // Update brush scale when radius changes\n this._updateBrushScale();\n }\n\n _updateBrushScale() {\n if (!this._mouseObjects || this._mouseObjects.length === 0) return;\n // Radius directly controls the brush scale\n // Base geometry is 200px, so radius 0.25 = 50px, radius 1.0 = 200px\n this._mouseBrushBaseScale = this._mouseDistortionRadius;\n }\n\n set mouseDecayRate(value: number) {\n // Clamp between 0.9 (slow decay, more wobble) and 0.99 (fast decay, less wobble)\n this._mouseDecayRate = Math.max(0.9, Math.min(value, 0.99));\n }\n\n set mouseDarken(value: number) {\n this._mouseDarken = value;\n }\n\n set enableProceduralTexture(value: boolean) {\n this._enableProceduralTexture = value;\n if (value && !this._proceduralTexture) {\n this._proceduralTexture = this._createProceduralTexture();\n }\n }\n\n set textureVoidLikelihood(value: number) {\n this._textureVoidLikelihood = value;\n if (this._enableProceduralTexture) {\n this._proceduralTexture = this._createProceduralTexture();\n }\n }\n\n set textureVoidWidthMin(value: number) {\n this._textureVoidWidthMin = value;\n if (this._enableProceduralTexture) {\n this._proceduralTexture = this._createProceduralTexture();\n }\n }\n\n set textureVoidWidthMax(value: number) {\n this._textureVoidWidthMax = value;\n if (this._enableProceduralTexture) {\n this._proceduralTexture = this._createProceduralTexture();\n }\n }\n\n set textureBandDensity(value: number) {\n this._textureBandDensity = value;\n if (this._enableProceduralTexture) {\n this._proceduralTexture = this._createProceduralTexture();\n }\n }\n\n set textureColorBlending(value: number) {\n this._textureColorBlending = value;\n if (this._enableProceduralTexture) {\n this._proceduralTexture = this._createProceduralTexture();\n }\n }\n\n set textureSeed(value: number) {\n this._textureSeed = value;\n if (this._enableProceduralTexture) {\n this._proceduralTexture = this._createProceduralTexture();\n }\n }\n\n get textureEase(): number {\n return this._textureEase;\n }\n\n set textureEase(value: number) {\n this._textureEase = value;\n }\n\n set proceduralBackgroundColor(value: string) {\n this._proceduralBackgroundColor = value;\n if (this._enableProceduralTexture) {\n this._proceduralTexture = this._createProceduralTexture();\n }\n }\n\n set textureShapeTriangles(value: number) {\n this._textureShapeTriangles = value;\n if (this._enableProceduralTexture) this._proceduralTexture = this._createProceduralTexture();\n }\n set textureShapeCircles(value: number) {\n this._textureShapeCircles = value;\n if (this._enableProceduralTexture) this._proceduralTexture = this._createProceduralTexture();\n }\n set textureShapeBars(value: number) {\n this._textureShapeBars = value;\n if (this._enableProceduralTexture) this._proceduralTexture = this._createProceduralTexture();\n }\n set textureShapeSquiggles(value: number) {\n this._textureShapeSquiggles = value;\n if (this._enableProceduralTexture) this._proceduralTexture = this._createProceduralTexture();\n }\n\n _initScene(resolution: number): SceneState {\n\n const width = this._ref.width,\n height = this._ref.height;\n\n // Cleanup existing renderer if needed\n if (this.sceneState && this.sceneState.renderer) {\n this.sceneState.renderer.dispose();\n this.sceneState.meshes.forEach(m => {\n m.geometry.dispose();\n if(Array.isArray(m.material)) m.material.forEach(mat => mat.dispose());\n else m.material.dispose();\n });\n }\n\n const renderer = new THREE.WebGLRenderer({\n // antialias: true,\n alpha: true,\n preserveDrawingBuffer: true,\n canvas: this._ref\n });\n\n renderer.setClearColor(0xFF0000, .5);\n renderer.setSize(width, height, false);\n\n const meshes: THREE.Mesh[] = [];\n\n const scene = new THREE.Scene();\n\n const material = this._buildMaterial(width, height);\n\n const geo = new THREE.PlaneGeometry(PLANE_WIDTH, PLANE_HEIGHT, 240 * resolution, 240 * resolution);\n const plane = new THREE.Mesh(geo, material);\n plane.rotation.x = -Math.PI / 3.5;\n plane.position.z = -1;\n meshes.push(plane);\n scene.add(plane);\n\n const camera = new THREE.OrthographicCamera(0.0, 0.0, 0.0, 0.0, 0.0, 0.0);\n // const camera = new THREE.PerspectiveCamera( 1000, window.innerWidth / window.innerHeight, 1, 1000000 );\n camera.position.z = 5;\n updateCamera(camera, width, height);\n\n return {\n renderer,\n camera,\n scene,\n meshes,\n resolution\n };\n }\n\n _buildMaterial(width: number, height: number) {\n\n // Initialize stable array structure for colors\n // We create 6 objects and just update them in the render loop to avoid GC\n const colors = Array.from({ length: COLORS_COUNT }).map((_, i) => ({\n is_active: i < this._colors.length ? (this._colors[i].enabled ? 1.0 : 0.0) : 0.0,\n color: new THREE.Color(i < this._colors.length ? this._colors[i].color : 0x000000),\n influence: i < this._colors.length ? (this._colors[i].influence || 0) : 0\n }));\n\n const uniforms = {\n u_time: { value: 0 },\n u_color_pressure: { value: new THREE.Vector2(this._horizontalPressure, this._verticalPressure) },\n u_wave_frequency_x: { value: this._waveFrequencyX },\n u_wave_frequency_y: { value: this._waveFrequencyY },\n u_wave_amplitude: { value: this._waveAmplitude },\n u_resolution: { value: new THREE.Vector2(width, height) },\n u_colors: { value: colors },\n u_colors_count: { value: this._colors.length },\n u_plane_width: { value: PLANE_WIDTH },\n u_plane_height: { value: PLANE_HEIGHT },\n u_shadows: { value: this._shadows },\n u_highlights: { value: this._highlights },\n u_grain_intensity: { value: this._grainIntensity },\n u_grain_sparsity: { value: this._grainSparsity },\n u_grain_scale: { value: this._grainScale },\n u_grain_speed: { value: this._grainSpeed },\n // Flow field\n u_flow_distortion_a: { value: this._flowDistortionA },\n u_flow_distortion_b: { value: this._flowDistortionB },\n u_flow_scale: { value: this._flowScale },\n u_flow_ease: { value: this._flowEase },\n u_flow_enabled: { value: this._flowEnabled ? 1.0 : 0.0 },\n // Y offset multipliers\n u_y_offset: { value: this._yOffset },\n u_y_offset_wave_multiplier: { value: this._yOffsetWaveMultiplier },\n u_y_offset_color_multiplier: { value: this._yOffsetColorMultiplier },\n u_y_offset_flow_multiplier: { value: this._yOffsetFlowMultiplier },\n // Mouse interaction\n u_mouse_distortion_strength: { value: this._mouseDistortionStrength },\n u_mouse_distortion_radius: { value: this._mouseDistortionRadius },\n u_mouse_darken: { value: this._mouseDarken },\n u_mouse_texture: { value: this._mouseFBO ? this._mouseFBO.texture : null },\n // Procedural texture\n u_procedural_texture: { value: this._proceduralTexture },\n u_enable_procedural_texture: { value: this._enableProceduralTexture ? 1.0 : 0.0 },\n u_texture_ease: { value: this._textureEase },\n u_saturation: { value: this._saturation },\n u_brightness: { value: this._brightness },\n u_color_blending: { value: this._colorBlending }\n };\n\n const material = new THREE.ShaderMaterial({\n uniforms: uniforms,\n vertexShader: buildUniforms() + buildNoise() + buildColorFunctions() + buildVertexShader(),\n fragmentShader: buildUniforms() + buildColorFunctions() + buildNoise() + buildFragmentShader()\n });\n\n // Cache the uniforms object for direct access in render loop\n this._cachedUniforms = uniforms as unknown as NeatUniforms;\n\n material.wireframe = WIREFRAME;\n return material;\n }\n\n _setupMouseInteraction() {\n if (!this._ref) return;\n\n const width = this._ref.width;\n const height = this._ref.height;\n\n // Create mouse FBO\n this._mouseFBO = new THREE.WebGLRenderTarget(width / 2, height / 2);\n\n // Create mouse scene and camera\n this._sceneMouse = new THREE.Scene();\n const fSize = height / 2;\n const aspect = width / height;\n\n // FIX 4: Ensure near plane allows viewing objects at Z=0\n // Near -100 is safer for objects at 0\n this._cameraMouse = new THREE.OrthographicCamera(\n -fSize * aspect, fSize * aspect,\n fSize, -fSize,\n 0, 10000\n );\n this._cameraMouse.position.set(0, 0, 100);\n\n // Create brush texture - More visible and impactful\n const brushCanvas = document.createElement('canvas');\n brushCanvas.width = 128;\n brushCanvas.height = 128;\n const bCtx = brushCanvas.getContext('2d');\n if (bCtx) {\n const grd = bCtx.createRadialGradient(64, 64, 0, 64, 64, 64);\n // Match reference implementation's stronger gradient\n grd.addColorStop(0, 'rgba(255,255,255,0.8)');\n grd.addColorStop(0.5, 'rgba(255,255,255,0.4)');\n grd.addColorStop(1, 'rgba(255,255,255,0)');\n bCtx.fillStyle = grd;\n bCtx.fillRect(0, 0, 128, 128);\n }\n const brushTex = new THREE.CanvasTexture(brushCanvas);\n const brushMat = new THREE.MeshBasicMaterial({\n map: brushTex,\n transparent: true,\n opacity: 1.0,\n depthTest: false,\n blending: THREE.AdditiveBlending // Additive blending for better accumulation\n });\n // Brush geometry size - will be scaled by radius parameter\n const brushGeo = new THREE.PlaneGeometry(200, 200);\n\n // Create brush pool\n const brushPoolSize = 50;\n for (let i = 0; i < brushPoolSize; i++) {\n const m = new THREE.Mesh(brushGeo, brushMat.clone());\n m.visible = false;\n this._sceneMouse!.add(m);\n this._mouseObjects.push({ mesh: m, active: false });\n }\n\n // Initialize brush scale based on current radius\n this._updateBrushScale();\n\n // Add mouse move listener\n this._ref.addEventListener('mousemove', this._onMouseMove.bind(this));\n }\n\n _onMouseMove(e: MouseEvent) {\n if (!this._ref || !this._sceneMouse) return;\n const rect = this._ref.getBoundingClientRect();\n const width = this._ref.width;\n const height = this._ref.height;\n\n this._mouse.x = e.clientX - rect.left - width / 2;\n this._mouse.y = -(e.clientY - rect.top - height / 2);\n\n const brush = this._mouseObjects[this._currentBrush];\n brush.mesh.scale.set(this._mouseBrushBaseScale, this._mouseBrushBaseScale, 1.0);\n brush.active = true;\n brush.mesh.visible = true;\n brush.mesh.position.set(this._mouse.x, this._mouse.y, 0);\n brush.mesh.rotation.z = Math.random() * Math.PI * 2;\n if (brush.mesh.material instanceof THREE.MeshBasicMaterial) {\n brush.mesh.material.opacity = 1.0;\n }\n this._currentBrush = (this._currentBrush + 1) % this._mouseObjects.length;\n }\n\n _createProceduralTexture(): THREE.Texture {\n // Texture size - 1024 provides good balance between quality and performance\n // Can be increased to 2048 for even better quality if needed\n const texSize = 1024;\n const sourceCanvas = document.createElement('canvas');\n sourceCanvas.width = texSize;\n sourceCanvas.height = texSize;\n const sCtx = sourceCanvas.getContext('2d');\n if (!sCtx) return new THREE.Texture();\n\n let seed = this._textureSeed;\n const baseSeed = this._textureSeed;\n\n function random() {\n const x = Math.sin(seed++) * 10000;\n return x - Math.floor(x);\n }\n\n // Helper to reset seed for isolated shape generation\n const setSeed = (offset: number) => {\n seed = baseSeed + offset;\n };\n\n const colors = this._colors.filter(c => c.enabled).map(c => c.color);\n if (colors.length === 0) return new THREE.Texture();\n\n // Helper functions\n function hexToRgb(hex: string) {\n const bigint = parseInt(hex.replace('#', ''), 16);\n return {\n r: (bigint >> 16) & 255,\n g: (bigint >> 8) & 255,\n b: bigint & 255\n };\n }\n\n function rgbToHex(r: number, g: number, b: number) {\n return \"#\" + ((1 << 24) + (Math.round(r) << 16) + (Math.round(g) << 8) + Math.round(b)).toString(16).slice(1);\n }\n\n const getInterColor = () => {\n const c1 = colors[Math.floor(random() * colors.length)];\n const c2 = colors[Math.floor(random() * colors.length)];\n const mix = random() * this._textureColorBlending;\n const rgb1 = hexToRgb(c1);\n const rgb2 = hexToRgb(c2);\n const r = rgb1.r + (rgb2.r - rgb1.r) * mix;\n const g = rgb1.g + (rgb2.g - rgb1.g) * mix;\n const b = rgb1.b + (rgb2.b - rgb1.b) * mix;\n return rgbToHex(r, g, b);\n };\n\n // === SOURCE CANVAS ===\n // Base with procedural background color so even sparse areas pick it up\n const baseColor = this._proceduralBackgroundColor || \"#000000\";\n sCtx.fillStyle = baseColor;\n sCtx.fillRect(0, 0, texSize, texSize);\n\n // Then lay a vertical gradient of mixed colors on top for richness\n const bgGrad = sCtx.createLinearGradient(0, 0, 0, texSize);\n bgGrad.addColorStop(0, getInterColor());\n bgGrad.addColorStop(1, getInterColor());\n sCtx.fillStyle = bgGrad;\n sCtx.fillRect(0, 0, texSize, texSize);\n\n // Triangles: use configurable count\n for (let i = 0; i < this._textureShapeTriangles; i++) {\n sCtx.fillStyle = getInterColor();\n sCtx.beginPath();\n const x = random() * texSize;\n const y = random() * texSize;\n const s = 100 + random() * 300;\n sCtx.moveTo(x, y);\n sCtx.lineTo(x + (random() - 0.5) * s, y + (random() - 0.5) * s);\n sCtx.lineTo(x + (random() - 0.5) * s, y + (random() - 0.5) * s);\n sCtx.fill();\n }\n\n // Circles / rings: use configurable count\n for (let i = 0; i < this._textureShapeCircles; i++) {\n sCtx.strokeStyle = getInterColor();\n sCtx.lineWidth = 10 + random() * 50;\n sCtx.beginPath();\n const x = random() * texSize;\n const y = random() * texSize;\n const r = 50 + random() * 150;\n sCtx.arc(x, y, r, 0, Math.PI * 2);\n sCtx.stroke();\n }\n\n // Bars: use configurable count\n for (let i = 0; i < this._textureShapeBars; i++) {\n sCtx.fillStyle = getInterColor();\n sCtx.save();\n sCtx.translate(random() * texSize, random() * texSize);\n sCtx.rotate(random() * Math.PI);\n sCtx.fillRect(-150, -25, 300, 50);\n sCtx.restore();\n }\n\n // Squiggles: use configurable count\n sCtx.lineWidth = 15;\n sCtx.lineCap = 'round';\n for (let i = 0; i < this._textureShapeSquiggles; i++) {\n sCtx.strokeStyle = getInterColor();\n sCtx.beginPath();\n let x = random() * texSize;\n let y = random() * texSize;\n sCtx.moveTo(x, y);\n for (let j = 0; j < 4; j++) {\n sCtx.bezierCurveTo(\n x + (random() - 0.5) * 300, y + (random() - 0.5) * 300,\n x + (random() - 0.5) * 300, y + (random() - 0.5) * 300,\n x + (random() - 0.5) * 300, y + (random() - 0.5) * 300\n );\n x += (random() - 0.5) * 300;\n y += (random() - 0.5) * 300;\n }\n sCtx.stroke();\n }\n\n // === MASKED CANVAS ===\n // Masking: Seed isolation\n setSeed(50000);\n const canvas = document.createElement('canvas');\n canvas.width = texSize;\n canvas.height = texSize;\n const ctx = canvas.getContext('2d');\n if (!ctx) return new THREE.Texture();\n\n // Start filled with the chosen void color so gaps show that color\n ctx.fillStyle = baseColor;\n ctx.fillRect(0, 0, texSize, texSize);\n\n // Determine layout segments (matter vs void)\n let layoutHead = 0;\n const segments: Array<{ type: 'void' | 'matter', x: number, width: number }> = [];\n\n while (layoutHead < texSize) {\n const isVoid = random() < this._textureVoidLikelihood;\n if (isVoid) {\n const w = this._textureVoidWidthMin + random() * (this._textureVoidWidthMax - this._textureVoidWidthMin);\n segments.push({ type: 'void', x: layoutHead, width: w });\n layoutHead += w;\n } else {\n const w = 50 + random() * 200;\n segments.push({ type: 'matter', x: layoutHead, width: w });\n layoutHead += w;\n }\n }\n\n // Render only matter bands from the source into the masked canvas\n for (const seg of segments) {\n if (seg.type === 'matter') {\n const startX = seg.x;\n const endX = Math.min(seg.x + seg.width, texSize);\n let currentX = startX;\n\n while (currentX < endX) {\n const stripeWidth = (2 + random() * 20) / this._textureBandDensity;\n const sourceX = Math.floor(random() * texSize);\n ctx.drawImage(\n sourceCanvas,\n sourceX, 0, stripeWidth, texSize,\n currentX, 0, stripeWidth, texSize\n );\n currentX += stripeWidth;\n }\n }\n // void segments: leave as baseColor\n }\n\n const tex = new THREE.CanvasTexture(canvas);\n // Use mipmapping for better quality when texture is scaled\n tex.minFilter = THREE.LinearMipmapLinearFilter;\n tex.magFilter = THREE.LinearFilter;\n tex.wrapS = THREE.RepeatWrapping;\n tex.wrapT = THREE.RepeatWrapping;\n\n // Enable anisotropic filtering for much better quality when texture is stretched\n // 16 is a commonly supported value that dramatically improves quality\n tex.anisotropy = 16;\n\n // Ensure mipmaps are generated\n tex.needsUpdate = true;\n\n return tex;\n }\n\n\n}\n\nfunction updateCamera(camera: THREE.Camera, width: number, height: number) {\n\n const viewPortAreaRatio = 1000000;\n const areaViewPort = width * height;\n const targetPlaneArea =\n areaViewPort / viewPortAreaRatio *\n PLANE_WIDTH * PLANE_HEIGHT / 1.5;\n\n const ratio = width / height;\n\n const targetWidth = Math.sqrt(targetPlaneArea * ratio);\n const targetHeight = targetPlaneArea / targetWidth;\n\n const left = -PLANE_WIDTH / 2;\n const right = Math.min((left + targetWidth) / 1.5, PLANE_WIDTH / 2);\n\n const top = PLANE_HEIGHT / 4;\n const bottom = Math.max((top - targetHeight) / 2, -PLANE_HEIGHT / 4);\n\n const near = -100;\n const far = 1000;\n if (camera instanceof THREE.OrthographicCamera) {\n camera.left = left;\n camera.right = right;\n camera.top = top;\n camera.bottom = bottom;\n camera.near = near;\n camera.far = far;\n camera.updateProjectionMatrix();\n } else if (camera instanceof THREE.PerspectiveCamera) {\n camera.aspect = width / height;\n camera.updateProjectionMatrix();\n }\n\n}\n\n\nfunction buildVertexShader() {\n return `\nvoid main() {\n vUv = uv;\n\n // SCROLLING LOGIC\n // Separate multipliers for wave, color, and flow offsets\n float waveOffset = -u_y_offset * u_y_offset_wave_multiplier;\n float colorOffset = -u_y_offset * u_y_offset_color_multiplier;\n float flowOffset = -u_y_offset * u_y_offset_flow_multiplier;\n\n // 1. DISPLACEMENT (WAVES)\n // We add waveOffset to Y to scroll the wave pattern\n v_displacement_amount = cnoise( vec3(\n u_wave_frequency_x * position.x + u_time,\n u_wave_frequency_y * (position.y + waveOffset) + u_time,\n u_time\n ));\n\n // 2. FLOW FIELD\n // Apply flow offset to scroll the flow field mask\n vec2 baseUv = vUv;\n baseUv.y += flowOffset / u_plane_height; // Scale to match wave speed\n vec2 flowUv = baseUv;\n\n if (u_flow_enabled > 0.5) {\n if (u_flow_ease > 0.0 || u_flow_distortion_a > 0.0) {\n vec2 ppp = -1.0 + 2.0 * baseUv;\n ppp += 0.1 * cos((1.5 * u_flow_scale) * ppp.yx + 1.1 * u_time + vec2(0.1, 1.1));\n ppp += 0.1 * cos((2.3 * u_flow_scale) * ppp.yx + 1.3 * u_time + vec2(3.2, 3.4));\n ppp += 0.1 * cos((2.2 * u_flow_scale) * ppp.yx + 1.7 * u_time + vec2(1.8, 5.2));\n ppp += u_flow_distortion_a * cos((u_flow_distortion_b * u_flow_scale) * ppp.yx + 1.4 * u_time + vec2(6.3, 3.9));\n\n float r = length(ppp);\n flowUv = mix(baseUv, vec2(baseUv.x * (1.0 - u_flow_ease) + r * u_flow_ease, baseUv.y), u_flow_ease);\n }\n }\n\n // Pass the standard flow UV to fragment shader (for mouse/texture)\n vFlowUv = flowUv;\n\n // 3. COLOR MIXING\n // We take the computed flow UVs and apply the color offset\n // Scale by plane height to match wave offset speed (world space vs UV space)\n vec3 color = u_colors[0].color;\n vec2 adjustedUv = flowUv;\n adjustedUv.y += colorOffset / u_plane_height; // Scroll the color mixing pattern\n\n vec2 noise_cord = adjustedUv * u_color_pressure;\n const float minNoise = .0;\n const float maxNoise = .9;\n\n for (int i = 1; i < u_colors_count; i++) {\n if(u_colors[i].is_active > 0.5){\n float noiseFlow = (1. + float(i)) / 30.;\n float noiseSpeed = (1. + float(i)) * 0.11;\n float noiseSeed = 13. + float(i) * 7.;\n\n float noise = snoise(\n vec3(\n noise_cord.x * u_color_pressure.x + u_time * noiseFlow * 2.,\n noise_cord.y * u_color_pressure.y,\n u_time * noiseSpeed\n ) + noiseSeed\n ) - (.1 * float(i)) + (.5 * u_color_blending);\n\n noise = clamp(minNoise, maxNoise + float(i) * 0.02, noise);\n color = mix(color, u_colors[i].color, smoothstep(0.0, u_color_blending, noise));\n }\n }\n\n v_color = color;\n\n // 4. VERTEX POSITION\n vec3 newPosition = position + normal * v_displacement_amount * u_wave_amplitude;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0);\n v_new_position = gl_Position;\n}\n`;\n}\n\nfunction buildFragmentShader() {\n return `\nfloat random(vec2 p) {\n return fract(sin(dot(p, vec2(12.9898,78.233))) * 43758.5453);\n}\n\nfloat fbm(vec3 x) {\n float value = 0.0;\n float amplitude = 0.5;\n float frequency = 1.0;\n for (int i = 0; i < 4; i++) {\n value += amplitude * snoise(x * frequency);\n frequency *= 2.0;\n amplitude *= 0.5;\n }\n return value;\n}\n\nvoid main() {\n // MOUSE DISTORTION\n vec2 finalUv = vFlowUv;\n \n if (u_mouse_distortion_strength > 0.0) {\n vec4 mouseColor = texture2D(u_mouse_texture, vUv);\n float mouseValue = mouseColor.r;\n \n if (mouseValue > 0.001) {\n float distortionAmount = mouseValue * u_mouse_distortion_strength;\n vec2 mouseDisp = vec2(distortionAmount, distortionAmount);\n finalUv -= mouseDisp;\n }\n }\n \n vec3 baseColor;\n\n if (u_enable_procedural_texture > 0.5) {\n // Calculate flow field distance for ease effect\n vec2 ppp = -1.0 + 2.0 * finalUv;\n ppp += 0.1 * cos((1.5 * u_flow_scale) * ppp.yx + 1.1 * u_time + vec2(0.1, 1.1));\n ppp += 0.1 * cos((2.3 * u_flow_scale) * ppp.yx + 1.3 * u_time + vec2(3.2, 3.4));\n ppp += 0.1 * cos((2.2 * u_flow_scale) * ppp.yx + 1.7 * u_time + vec2(1.8, 5.2));\n ppp += u_flow_distortion_a * cos((u_flow_distortion_b * u_flow_scale) * ppp.yx + 1.4 * u_time + vec2(6.3, 3.9));\n float r = length(ppp); // Flow distance\n \n // Ease blending: 0 = topographic (flow), 1 = image (UV)\n float vx = (finalUv.x * u_texture_ease) + (r * (1.0 - u_texture_ease));\n float vy = (finalUv.y * u_texture_ease) + (0.0 * (1.0 - u_texture_ease));\n vec2 texUv = vec2(vx, vy);\n\n // PARALLAX SCROLLING\n // We manually apply a smaller offset here to make the texture lag behind\n float parallaxFactor = 0.25; // 25% speed of the color mixing\n texUv.y -= (u_y_offset * u_y_offset_color_multiplier / u_plane_height) * parallaxFactor;\n\n texUv *= 1.5; // Tiling scale\n\n vec4 texSample = texture2D(u_procedural_texture, texUv);\n baseColor = texSample.rgb;\n } else {\n baseColor = v_color;\n }\n\n vec3 color = baseColor;\n\n // Post-processing\n color += pow(v_displacement_amount, 1.0) * u_highlights;\n color -= pow(1.0 - v_displacement_amount, 2.0) * u_shadows;\n color = saturation(color, 1.0 + u_saturation);\n color = color * u_brightness;\n\n // Grain\n vec2 noiseCoords = gl_FragCoord.xy / u_grain_scale;\n float grain = (u_grain_speed != 0.0) ? fbm(vec3(noiseCoords, u_time * u_grain_speed)) : fbm(vec3(noiseCoords, 0.0));\n\n grain = grain * 0.5 + 0.5;\n grain -= 0.5;\n grain = (grain > u_grain_sparsity) ? grain : 0.0;\n grain *= u_grain_intensity;\n\n color += vec3(grain);\n\n gl_FragColor = vec4(color, 1.0);\n}\n `;\n}\nconst buildUniforms = () => `\nprecision highp float;\n\nstruct Color {\n float is_active;\n vec3 color;\n float value;\n};\n\nuniform float u_grain_intensity; \nuniform float u_grain_sparsity; \nuniform float u_grain_scale; \nuniform float u_grain_speed; \nuniform float u_time;\n\nuniform float u_wave_amplitude;\nuniform float u_wave_frequency_x;\nuniform float u_wave_frequency_y;\n\nuniform vec2 u_color_pressure;\n\nuniform float u_plane_width;\nuniform float u_plane_height;\n\nuniform float u_shadows;\nuniform float u_highlights;\nuniform float u_saturation;\nuniform float u_brightness;\n\nuniform float u_color_blending;\n\nuniform int u_colors_count;\nuniform Color u_colors[6];\nuniform vec2 u_resolution;\n\nuniform float u_y_offset;\nuniform float u_y_offset_wave_multiplier;\nuniform float u_y_offset_color_multiplier;\nuniform float u_y_offset_flow_multiplier;\n\n// Flow field uniforms\nuniform float u_flow_distortion_a;\nuniform float u_flow_distortion_b;\nuniform float u_flow_scale;\nuniform float u_flow_ease;\nuniform float u_flow_enabled;\n\n// Mouse interaction uniforms\nuniform float u_mouse_distortion_strength;\nuniform float u_mouse_distortion_radius;\nuniform float u_mouse_darken;\nuniform sampler2D u_mouse_texture;\n\n// Procedural texture uniforms\nuniform sampler2D u_procedural_texture;\nuniform float u_enable_procedural_texture;\nuniform float u_texture_ease;\n\nvarying vec2 vUv;\nvarying vec2 vFlowUv;\nvarying vec4 v_new_position;\nvarying vec3 v_color;\nvarying float v_displacement_amount;\n\n `;\n\nconst buildNoise = () => `\n\n// 1. REPLACEMENT PERMUTE: \n// Uses a hash function (fract/sin) instead of a modular lookup table.\nvec4 permute(vec4 x) {\n return floor(fract(sin(x) * 43758.5453123) * 289.0);\n}\n\n// Taylor Inverse Sqrt\nvec4 taylorInvSqrt(vec4 r) {\n return 1.79284291400159 - 0.85373472095314 * r;\n}\n\n// Fade function\nvec3 fade(vec3 t) {\n return t*t*t*(t*(t*6.0-15.0)+10.0);\n}\n\n// 3D Simplex Noise\nfloat snoise(vec3 v) {\n const vec2 C = vec2(1.0/6.0, 1.0/3.0) ;\n const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);\n\n // First corner\n vec3 i = floor(v + dot(v, C.yyy) );\n vec3 x0 = v - i + dot(i, C.xxx) ;\n\n // Other corners\n vec3 g = step(x0.yzx, x0.xyz);\n vec3 l = 1.0 - g;\n vec3 i1 = min( g.xyz, l.zxy );\n vec3 i2 = max( g.xyz, l.zxy );\n\n vec3 x1 = x0 - i1 + C.xxx;\n vec3 x2 = x0 - i2 + C.yyy;\n vec3 x3 = x0 - D.yyy;\n\n // Permutations\n vec4 p = permute( permute( permute(\n i.z + vec4(0.0, i1.z, i2.z, 1.0 ))\n + i.y + vec4(0.0, i1.y, i2.y, 1.0 ))\n + i.x + vec4(0.0, i1.x, i2.x, 1.0 ));\n\n // Gradients\n float n_ = 0.142857142857; // 1.0/7.0\n vec3 ns = n_ * D.wyz - D.xzx;\n\n vec4 j = p - 49.0 * floor(p * ns.z * ns.z);\n\n vec4 x_ = floor(j * ns.z);\n vec4 y_ = floor(j - 7.0 * x_ );\n\n vec4 x = x_ *ns.x + ns.yyyy;\n vec4 y = y_ *ns.x + ns.yyyy;\n vec4 h = 1.0 - abs(x) - abs(y);\n\n vec4 b0 = vec4( x.xy, y.xy );\n vec4 b1 = vec4( x.zw, y.zw );\n\n vec4 s0 = floor(b0)*2.0 + 1.0;\n vec4 s1 = floor(b1)*2.0 + 1.0;\n vec4 sh = -step(h, vec4(0.0));\n\n vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy ;\n vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww ;\n\n vec3 p0 = vec3(a0.xy,h.x);\n vec3 p1 = vec3(a0.zw,h.y);\n vec3 p2 = vec3(a1.xy,h.z);\n vec3 p3 = vec3(a1.zw,h.w);\n\n // Normalise gradients\n vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2, p2), dot(p3,p3)));\n p0 *= norm.x;\n p1 *= norm.y;\n p2 *= norm.z;\n p3 *= norm.w;\n\n // Mix final noise value\n vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);\n m = m * m;\n return 42.0 * dot( m*m, vec4( dot(p0,x0), dot(p1,x1),\n dot(p2,x2), dot(p3,x3) ) );\n}\n\n// Classic Perlin noise\nfloat cnoise(vec3 P)\n{\n vec3 Pi0 = floor(P); \n vec3 Pi1 = Pi0 + vec3(1.0); \n \n vec3 Pf0 = fract(P); \n vec3 Pf1 = Pf0 - vec3(1.0); \n vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n vec4 iy = vec4(Pi0.yy, Pi1.yy);\n vec4 iz0 = Pi0.zzzz;\n vec4 iz1 = Pi1.zzzz;\n\n vec4 ixy = permute(permute(ix) + iy);\n vec4 ixy0 = permute(ixy + iz0);\n vec4 ixy1 = permute(ixy + iz1);\n\n vec4 gx0 = ixy0 * (1.0 / 7.0);\n vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n gx0 = fract(gx0);\n vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n vec4 sz0 = step(gz0, vec4(0.0));\n gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n\n vec4 gx1 = ixy1 * (1.0 / 7.0);\n vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n gx1 = fract(gx1);\n vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n vec4 sz1 = step(gz1, vec4(0.0));\n gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n\n vec3 g000 = vec3(gx0.x,gy0.x,gz0.x);\n vec3 g100 = vec3(gx0.y,gy0.y,gz0.y);\n vec3 g010 = vec3(gx0.z,gy0.z,gz0.z);\n vec3 g110 = vec3(gx0.w,gy0.w,gz0.w);\n vec3 g001 = vec3(gx1.x,gy1.x,gz1.x);\n vec3 g101 = vec3(gx1.y,gy1.y,gz1.y);\n vec3 g011 = vec3(gx1.z,gy1.z,gz1.z);\n vec3 g111 = vec3(gx1.w,gy1.w,gz1.w);\n\n vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n g000 *= norm0.x;\n g010 *= norm0.y;\n g100 *= norm0.z;\n g110 *= norm0.w;\n vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n g001 *= norm1.x;\n g011 *= norm1.y;\n g101 *= norm1.z;\n g111 *= norm1.w;\n\n float n000 = dot(g000, Pf0);\n float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n float n111 = dot(g111, Pf1);\n\n vec3 fade_xyz = fade(Pf0);\n vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n return 2.2 * n_xyz;\n}\n`;\n\nconst buildColorFunctions = () => `\n\nvec3 saturation(vec3 rgb, float adjustment) {\n const vec3 W = vec3(0.2125, 0.7154, 0.0721);\n vec3 intensity = vec3(dot(rgb, W));\n return mix(intensity, rgb, adjustment);\n}\n\nfloat saturation(vec3 rgb)\n{\n vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n vec4 p = mix(vec4(rgb.bg, K.wz), vec4(rgb.gb, K.xy), step(rgb.b, rgb.g));\n vec4 q = mix(vec4(p.xyw, rgb.r), vec4(rgb.r, p.yzx), step(p.x, rgb.r));\n\n float d = q.x - min(q.w, q.y);\n float e = 1.0e-10;\n return abs(6.0 * d + e);\n}\n\n// get saturation of a color in values between 0 and 1\nfloat getSaturation(vec3 color) {\n float max = max(color.r, max(color.g, color.b));\n float min = min(color.r, min(color.g, color.b));\n return (max - min) / max;\n}\n \nvec3 rgb2hsv(vec3 c)\n{\n vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));\n vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));\n\n float d = q.x - min(q.w, q.y);\n float e = 1.0e-10;\n return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);\n}\n\nvec3 hsv2rgb(vec3 c)\n{\n vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);\n}\n`;\n\nconst setLinkStyles = (link: HTMLAnchorElement) => {\n link.id = LINK_ID;\n link.href = \"https://neat.firecms.co\";\n link.target = \"_blank\";\n link.style.position = \"absolute\";\n link.style.display = \"block\";\n link.style.bottom = \"0\";\n link.style.right = \"0\";\n link.style.padding = \"10px\";\n link.style.color = \"#dcdcdc\";\n link.style.opacity = \"0.8\";\n link.style.fontFamily = \"sans-serif\";\n link.style.fontSize = \"16px\";\n link.style.fontWeight = \"bold\";\n link.style.textDecoration = \"none\";\n link.style.zIndex = \"10000\";\n link.innerHTML = \"NEAT\";\n}\n\nconst addNeatLink = (ref: HTMLCanvasElement): HTMLAnchorElement => {\n const existingLinks = ref.parentElement?.getElementsByTagName(\"a\");\n if (existingLinks) {\n for (let i = 0; i < existingLinks.length; i++) {\n if (existingLinks[i].id === LINK_ID) {\n setLinkStyles(existingLinks[i]);\n return existingLinks[i];\n }\n }\n }\n const link = document.createElement(\"a\");\n setLinkStyles(link);\n ref.parentElement?.appendChild(link);\n return link;\n}\n\nfunction getElapsedSecondsInLastHour() {\n const now = new Date();\n const minutes = now.getMinutes();\n const seconds = now.getSeconds();\n return (minutes * 60) + seconds;\n}\n\nfunction generateRandomString(length: number = 6): string {\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n let result = '';\n for (let i = 0; i < length; i++) {\n const randomIndex = Math.floor(Math.random() * characters.length);\n result += characters.charAt(randomIndex);\n }\n return result;\n}\n\nfunction downloadURI(uri: string, name: string) {\n const link = document.createElement(\"a\");\n link.download = name;\n link.href = uri;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n}\n"],"names":["PLANE_WIDTH","PLANE_HEIGHT","WIREFRAME","COLORS_COUNT","clock","THREE","LINK_ID","generateRandomString","NeatGradient","config","ref","speed","horizontalPressure","verticalPressure","waveFrequencyX","waveFrequencyY","waveAmplitude","colors","highlights","shadows","colorSaturation","colorBrightness","colorBlending","grainScale","grainIntensity","grainSparsity","grainSpeed","wireframe","backgroundColor","backgroundAlpha","resolution","seed","yOffset","yOffsetWaveMultiplier","yOffsetColorMultiplier","yOffsetFlowMultiplier","flowDistortionA","flowDistortionB","flowScale","flowEase","flowEnabled","mouseDistortionStrength","mouseDistortionRadius","mouseDecayRate","mouseDarken","enableProceduralTexture","textureVoidLikelihood","textureVoidWidthMin","textureVoidWidthMax","textureBandDensity","textureColorBlending","textureSeed","textureEase","proceduralBackgroundColor","textureShapeTriangles","textureShapeCircles","textureShapeBars","textureShapeSquiggles","tick","getElapsedSecondsInLastHour","render","renderer","camera","scene","addNeatLink","u","shaderColors","i","c","hasActiveBrushes","obj","oldClearAlpha","setSize","canvas","width","height","updateCamera","fSize","aspect","entries","m","mat","filename","dataURL","downloadURI","value","meshes","material","geo","plane","_","uniforms","buildUniforms","buildNoise","buildColorFunctions","buildVertexShader","buildFragmentShader","brushCanvas","bCtx","grd","brushTex","brushMat","brushGeo","brushPoolSize","rect","brush","sourceCanvas","sCtx","baseSeed","random","x","setSeed","offset","hexToRgb","hex","bigint","rgbToHex","r","g","b","getInterColor","c1","c2","mix","rgb1","rgb2","baseColor","bgGrad","y","s","j","ctx","layoutHead","segments","w","seg","startX","endX","currentX","stripeWidth","sourceX","tex","targetPlaneArea","ratio","targetWidth","targetHeight","left","right","top","bottom","near","far","setLinkStyles","link","existingLinks","now","minutes","seconds","length","characters","result","randomIndex","uri","name"],"mappings":"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AAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFX;AACA,MAAMJ,IAAgB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAkEtBC,IAAa,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2JnBC,IAAsB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6C5B0D,IAAgB,CAACC,MAA4B;AAC/C,EAAAA,EAAK,KAAKnJ,GACVmJ,EAAK,OAAO,2BACZA,EAAK,SAAS,UACdA,EAAK,MAAM,WAAW,YACtBA,EAAK,MAAM,UAAU,SACrBA,EAAK,MAAM,SAAS,KACpBA,EAAK,MAAM,QAAQ,KACnBA,EAAK,MAAM,UAAU,QACrBA,EAAK,MAAM,QAAQ,WACnBA,EAAK,MAAM,UAAU,OACrBA,EAAK,MAAM,aAAa,cACxBA,EAAK,MAAM,WAAW,QACtBA,EAAK,MAAM,aAAa,QACxBA,EAAK,MAAM,iBAAiB,QAC5BA,EAAK,MAAM,SAAS,SACpBA,EAAK,YAAY;AACrB,GAEMzF,KAAc,CAACtD,MAA8C;AAC/D,QAAMgJ,IAAgBhJ,EAAI,eAAe,qBAAqB,GAAG;AACjE,MAAIgJ;AACA,aAASvF,IAAI,GAAGA,IAAIuF,EAAc,QAAQvF;AAClC,UAAAuF,EAAcvF,GAAG,OAAO7D;AACxB,eAAAkJ,EAAcE,EAAcvF,EAAE,GACvBuF,EAAcvF;AAAA;AAI3B,QAAAsF,IAAO,SAAS,cAAc,GAAG;AACvC,SAAAD,EAAcC,CAAI,GACd/I,EAAA,eAAe,YAAY+I,CAAI,GAC5BA;AACX;AAEA,SAAS9F,KAA8B;AAC7B,QAAAgG,IAAM,IAAI,QACVC,IAAUD,EAAI,cACdE,IAAUF,EAAI;AACpB,SAAQC,IAAU,KAAMC;AAC5B;AAEA,SAAStJ,GAAqBuJ,IAAiB,GAAW;AACtD,QAAMC,IAAa;AACnB,MAAIC,IAAS;AACb,WAAS7F,IAAI,GAAGA,IAAI2F,GAAQ3F,KAAK;AAC7B,UAAM8F,IAAc,KAAK,MAAM,KAAK,WAAWF,EAAW,MAAM;AACtD,IAAAC,KAAAD,EAAW,OAAOE,CAAW;AAAA,EAC3C;AACO,SAAAD;AACX;AAEA,SAAS5E,GAAY8E,GAAaC,GAAc;AACtC,QAAAV,IAAO,SAAS,cAAc,GAAG;AACvC,EAAAA,EAAK,WAAWU,GAChBV,EAAK,OAAOS,GACH,SAAA,KAAK,YAAYT,CAAI,GAC9BA,EAAK,MAAM,GACF,SAAA,KAAK,YAAYA,CAAI;AAClC;"}