interactive-bg 0.1.1 → 0.2.0

package/dist/styles/fluid/webgl.js

@@ -0,0 +1,607 @@
+import { createProgram, getUniforms } from "../../core/webgl.js";
+import { splatColor } from "./color.js";
+import { resolveFluidOptions } from "./options.js";
+import { BURST_DYE, BURST_FORCE, BURST_RADIUS, DYE_INTENSITY, IDLE_CLEAR, IDLE_DECAY, MAX_DYE_RESOLUTION, PRESSURE_RETENTION, VELOCITY_FADE } from "./settings.js";
+import { simulationSize } from "./size.js";
+// src/styles/fluid/webgl.ts
+var TAU = Math.PI * 2;
+var VERTEX = `#version 300 es
+precision highp float;
+
+uniform vec2 uTexelSize;
+
+out vec2 vUv;
+out vec2 vL;
+out vec2 vR;
+out vec2 vT;
+out vec2 vB;
+
+void main() {
+  vec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));
+  vUv = p;
+  vL = vUv - vec2(uTexelSize.x, 0.0);
+  vR = vUv + vec2(uTexelSize.x, 0.0);
+  vT = vUv + vec2(0.0, uTexelSize.y);
+  vB = vUv - vec2(0.0, uTexelSize.y);
+  gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);
+}`;
+var SPLAT = `#version 300 es
+precision highp float;
+
+uniform sampler2D uTarget;
+uniform vec2 uPoint;
+uniform vec3 uColor;
+uniform float uRadius;   // squared radius, in screens-heights
+uniform float uAspect;
+
+in vec2 vUv;
+out vec4 outColor;
+
+void main() {
+  vec2 p = vUv - uPoint;
+  p.x *= uAspect;
+  vec3 splat = exp(-dot(p, p) / uRadius) * uColor;
+  outColor = vec4(texture(uTarget, vUv).rgb + splat, 1.0);
+}`;
+var ADVECTION = `#version 300 es
+precision highp float;
+
+uniform sampler2D uVelocity;
+uniform sampler2D uSource;
+uniform vec2 uTexelSize;
+uniform float uDt;
+uniform float uDissipation;
+
+in vec2 vUv;
+out vec4 outColor;
+
+void main() {
+  vec2 coord = vUv - uDt * texture(uVelocity, vUv).xy * uTexelSize;
+  outColor = texture(uSource, coord) / (1.0 + uDissipation * uDt);
+}`;
+var DIVERGENCE = `#version 300 es
+precision highp float;
+
+uniform sampler2D uVelocity;
+uniform vec2 uTexelSize;
+
+in vec2 vUv;
+in vec2 vL;
+in vec2 vR;
+in vec2 vT;
+in vec2 vB;
+out vec4 outColor;
+
+void main() {
+  float L = texture(uVelocity, vL).x;
+  float R = texture(uVelocity, vR).x;
+  float T = texture(uVelocity, vT).y;
+  float B = texture(uVelocity, vB).y;
+  vec2 C = texture(uVelocity, vUv).xy;
+  if (vL.x < 0.0) L = -C.x;
+  if (vR.x > 1.0) R = -C.x;
+  if (vT.y > 1.0) T = -C.y;
+  if (vB.y < 0.0) B = -C.y;
+  outColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);
+}`;
+var CURL = `#version 300 es
+precision highp float;
+
+uniform sampler2D uVelocity;
+uniform vec2 uTexelSize;
+
+in vec2 vL;
+in vec2 vR;
+in vec2 vT;
+in vec2 vB;
+out vec4 outColor;
+
+void main() {
+  float L = texture(uVelocity, vL).y;
+  float R = texture(uVelocity, vR).y;
+  float T = texture(uVelocity, vT).x;
+  float B = texture(uVelocity, vB).x;
+  outColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);
+}`;
+var VORTICITY = `#version 300 es
+precision highp float;
+
+uniform sampler2D uVelocity;
+uniform sampler2D uCurl;
+uniform vec2 uTexelSize;
+uniform float uDt;
+uniform float uStrength;
+
+in vec2 vUv;
+in vec2 vL;
+in vec2 vR;
+in vec2 vT;
+in vec2 vB;
+out vec4 outColor;
+
+void main() {
+  float L = texture(uCurl, vL).x;
+  float R = texture(uCurl, vR).x;
+  float T = texture(uCurl, vT).x;
+  float B = texture(uCurl, vB).x;
+  float C = texture(uCurl, vUv).x;
+  vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));
+  force /= length(force) + 1e-4;
+  force *= uStrength * C;
+  force.y *= -1.0;
+  vec2 velocity = texture(uVelocity, vUv).xy + force * uDt;
+  outColor = vec4(clamp(velocity, vec2(-1000.0), vec2(1000.0)), 0.0, 1.0);
+}`;
+var PRESSURE = `#version 300 es
+precision highp float;
+
+uniform sampler2D uPressure;
+uniform sampler2D uDivergence;
+uniform vec2 uTexelSize;
+
+in vec2 vUv;
+in vec2 vL;
+in vec2 vR;
+in vec2 vT;
+in vec2 vB;
+out vec4 outColor;
+
+void main() {
+  float L = texture(uPressure, vL).x;
+  float R = texture(uPressure, vR).x;
+  float T = texture(uPressure, vT).x;
+  float B = texture(uPressure, vB).x;
+  float divergence = texture(uDivergence, vUv).x;
+  outColor = vec4((L + R + T + B - divergence) * 0.25, 0.0, 0.0, 1.0);
+}`;
+var GRADIENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D uPressure;
+uniform sampler2D uVelocity;
+uniform vec2 uTexelSize;
+
+in vec2 vUv;
+in vec2 vL;
+in vec2 vR;
+in vec2 vT;
+in vec2 vB;
+out vec4 outColor;
+
+void main() {
+  float L = texture(uPressure, vL).x;
+  float R = texture(uPressure, vR).x;
+  float T = texture(uPressure, vT).x;
+  float B = texture(uPressure, vB).x;
+  vec2 velocity = texture(uVelocity, vUv).xy - vec2(R - L, T - B);
+  outColor = vec4(velocity, 0.0, 1.0);
+}`;
+var CLEAR = `#version 300 es
+precision highp float;
+
+uniform sampler2D uTexture;
+uniform float uValue;
+
+in vec2 vUv;
+out vec4 outColor;
+
+void main() {
+  outColor = vec4(uValue * texture(uTexture, vUv).rgb, 1.0);
+}`;
+var DISPLAY = `#version 300 es
+precision highp float;
+
+uniform sampler2D uDye;
+uniform vec2 uTexelSize;
+uniform float uOpacity;
+uniform bool uShading;
+
+in vec2 vUv;
+in vec2 vL;
+in vec2 vR;
+in vec2 vT;
+in vec2 vB;
+out vec4 outColor;
+
+void main() {
+  vec3 c = texture(uDye, vUv).rgb;
+  if (uShading) {
+    vec3 lc = texture(uDye, vL).rgb;
+    vec3 rc = texture(uDye, vR).rgb;
+    vec3 tc = texture(uDye, vT).rgb;
+    vec3 bc = texture(uDye, vB).rgb;
+    float dx = length(rc) - length(lc);
+    float dy = length(tc) - length(bc);
+    vec3 normal = normalize(vec3(dx, dy, length(uTexelSize)));
+    float diffuse = clamp(dot(normal, vec3(0.0, 0.0, 1.0)) + 0.7, 0.7, 1.0);
+    c *= diffuse;
+  }
+  vec3 colour = clamp(c, 0.0, 1.0);
+  float alpha = clamp(max(colour.r, max(colour.g, colour.b)) * uOpacity, 0.0, 1.0);
+  outColor = vec4(colour * uOpacity, alpha);
+}`;
+function createFluidWebGL(gl, initial) {
+	if (!gl.getExtension("EXT_color_buffer_float")) throw new Error("interactive-bg: fluid needs EXT_color_buffer_float");
+	let options = resolveFluidOptions(initial);
+	function makePass(fragment, names) {
+		const program = createProgram(gl, VERTEX, fragment);
+		if (!program) throw new Error("interactive-bg: fluid could not create a shader program");
+		return {
+			program,
+			uniforms: getUniforms(gl, program, names)
+		};
+	}
+	const splatPass = makePass(SPLAT, [
+		"uTarget",
+		"uPoint",
+		"uColor",
+		"uRadius",
+		"uAspect"
+	]);
+	const advectionPass = makePass(ADVECTION, [
+		"uVelocity",
+		"uSource",
+		"uDt",
+		"uDissipation",
+		"uTexelSize"
+	]);
+	const divergencePass = makePass(DIVERGENCE, ["uVelocity", "uTexelSize"]);
+	const curlPass = makePass(CURL, ["uVelocity", "uTexelSize"]);
+	const vorticityPass = makePass(VORTICITY, [
+		"uVelocity",
+		"uCurl",
+		"uDt",
+		"uStrength",
+		"uTexelSize"
+	]);
+	const pressurePass = makePass(PRESSURE, [
+		"uPressure",
+		"uDivergence",
+		"uTexelSize"
+	]);
+	const gradientPass = makePass(GRADIENT, [
+		"uPressure",
+		"uVelocity",
+		"uTexelSize"
+	]);
+	const clearPass = makePass(CLEAR, ["uTexture", "uValue"]);
+	const displayPass = makePass(DISPLAY, [
+		"uDye",
+		"uOpacity",
+		"uShading",
+		"uTexelSize"
+	]);
+	function createFBO(width, height) {
+		const texture = gl.createTexture();
+		const framebuffer = gl.createFramebuffer();
+		if (!texture || !framebuffer) throw new Error("interactive-bg: fluid could not allocate a render target");
+		gl.bindTexture(gl.TEXTURE_2D, texture);
+		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA16F, width, height, 0, gl.RGBA, gl.HALF_FLOAT, null);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.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);
+		gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
+		gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
+		if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) !== gl.FRAMEBUFFER_COMPLETE) throw new Error("interactive-bg: fluid render target is incomplete");
+		gl.viewport(0, 0, width, height);
+		gl.clearColor(0, 0, 0, 0);
+		gl.clear(gl.COLOR_BUFFER_BIT);
+		return {
+			texture,
+			framebuffer,
+			width,
+			height
+		};
+	}
+	function createDoubleFBO(width, height) {
+		const pair = {
+			read: createFBO(width, height),
+			write: createFBO(width, height),
+			swap() {
+				[pair.read, pair.write] = [pair.write, pair.read];
+			}
+		};
+		return pair;
+	}
+	function deleteFBO(target) {
+		gl.deleteTexture(target.texture);
+		gl.deleteFramebuffer(target.framebuffer);
+	}
+	let simWidth = 0;
+	let simHeight = 0;
+	let dyeWidth = 0;
+	let dyeHeight = 0;
+	let builtWidth = 0;
+	let builtHeight = 0;
+	let builtResolution = -1;
+	let velocity;
+	let dye;
+	let pressure;
+	let divergence;
+	let curl;
+	velocity = createDoubleFBO(1, 1);
+	dye = createDoubleFBO(1, 1);
+	pressure = createDoubleFBO(1, 1);
+	divergence = createFBO(1, 1);
+	curl = createFBO(1, 1);
+	function allocate(width, height) {
+		for (const target of [
+			velocity.read,
+			velocity.write,
+			dye.read,
+			dye.write,
+			pressure.read,
+			pressure.write,
+			divergence,
+			curl
+		]) deleteFBO(target);
+		const grid = simulationSize(options.resolution, width, height);
+		const dyeGrid = simulationSize(Math.min(MAX_DYE_RESOLUTION, Math.max(256, options.resolution * 8)), width, height);
+		simWidth = grid.width;
+		simHeight = grid.height;
+		dyeWidth = dyeGrid.width;
+		dyeHeight = dyeGrid.height;
+		velocity = createDoubleFBO(simWidth, simHeight);
+		dye = createDoubleFBO(dyeWidth, dyeHeight);
+		pressure = createDoubleFBO(simWidth, simHeight);
+		divergence = createFBO(simWidth, simHeight);
+		curl = createFBO(simWidth, simHeight);
+		burstPending = true;
+	}
+	function draw(pass, target) {
+		gl.bindFramebuffer(gl.FRAMEBUFFER, target.framebuffer);
+		gl.viewport(0, 0, target.width, target.height);
+		gl.useProgram(pass.program);
+		gl.drawArrays(gl.TRIANGLES, 0, 3);
+	}
+	function texture(unit, source) {
+		gl.activeTexture(gl.TEXTURE0 + unit);
+		gl.bindTexture(gl.TEXTURE_2D, source);
+	}
+	function splatVelocity(pointX, pointY, vx, vy, radius, aspect) {
+		const { uniforms, program } = splatPass;
+		texture(0, velocity.read.texture);
+		gl.useProgram(program);
+		gl.uniform1i(uniforms.uTarget, 0);
+		gl.uniform2f(uniforms.uPoint, pointX, pointY);
+		gl.uniform3f(uniforms.uColor, vx, vy, 0);
+		gl.uniform1f(uniforms.uRadius, radius * radius);
+		gl.uniform1f(uniforms.uAspect, aspect);
+		draw(splatPass, velocity.write);
+		velocity.swap();
+	}
+	function splatDye(pointX, pointY, colour, radius, aspect) {
+		const { uniforms, program } = splatPass;
+		texture(0, dye.read.texture);
+		gl.useProgram(program);
+		gl.uniform1i(uniforms.uTarget, 0);
+		gl.uniform2f(uniforms.uPoint, pointX, pointY);
+		gl.uniform3f(uniforms.uColor, colour[0] * DYE_INTENSITY, colour[1] * DYE_INTENSITY, colour[2] * DYE_INTENSITY);
+		gl.uniform1f(uniforms.uRadius, radius * radius);
+		gl.uniform1f(uniforms.uAspect, aspect);
+		draw(splatPass, dye.write);
+		dye.swap();
+	}
+	function splatAt(x, y, vx, vy, colour, radiusPx, aspect, height) {
+		const pointX = x / (height * aspect);
+		const pointY = 1 - y / height;
+		const radius = Math.max(5e-4, radiusPx / height);
+		splatVelocity(pointX, pointY, vx, -vy, radius, aspect);
+		splatDye(pointX, pointY, colour, radius, aspect);
+	}
+	function step(dt) {
+		gl.disable(gl.BLEND);
+		const idleBoost = idleTime > .5 ? 1 / IDLE_DECAY : 0;
+		gl.useProgram(curlPass.program);
+		texture(0, velocity.read.texture);
+		gl.uniform1i(curlPass.uniforms.uVelocity, 0);
+		gl.uniform2f(curlPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);
+		draw(curlPass, curl);
+		gl.useProgram(vorticityPass.program);
+		texture(0, velocity.read.texture);
+		texture(1, curl.texture);
+		gl.uniform1i(vorticityPass.uniforms.uVelocity, 0);
+		gl.uniform1i(vorticityPass.uniforms.uCurl, 1);
+		gl.uniform2f(vorticityPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);
+		gl.uniform1f(vorticityPass.uniforms.uDt, dt);
+		gl.uniform1f(vorticityPass.uniforms.uStrength, options.curl);
+		draw(vorticityPass, velocity.write);
+		velocity.swap();
+		gl.useProgram(divergencePass.program);
+		texture(0, velocity.read.texture);
+		gl.uniform1i(divergencePass.uniforms.uVelocity, 0);
+		gl.uniform2f(divergencePass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);
+		draw(divergencePass, divergence);
+		gl.useProgram(clearPass.program);
+		texture(0, pressure.read.texture);
+		gl.uniform1i(clearPass.uniforms.uTexture, 0);
+		gl.uniform1f(clearPass.uniforms.uValue, PRESSURE_RETENTION);
+		draw(clearPass, pressure.write);
+		pressure.swap();
+		for (let iteration = 0; iteration < 20; iteration++) {
+			gl.useProgram(pressurePass.program);
+			texture(0, pressure.read.texture);
+			texture(1, divergence.texture);
+			gl.uniform1i(pressurePass.uniforms.uPressure, 0);
+			gl.uniform1i(pressurePass.uniforms.uDivergence, 1);
+			gl.uniform2f(pressurePass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);
+			draw(pressurePass, pressure.write);
+			pressure.swap();
+		}
+		gl.useProgram(gradientPass.program);
+		texture(0, pressure.read.texture);
+		texture(1, velocity.read.texture);
+		gl.uniform1i(gradientPass.uniforms.uPressure, 0);
+		gl.uniform1i(gradientPass.uniforms.uVelocity, 1);
+		gl.uniform2f(gradientPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);
+		draw(gradientPass, velocity.write);
+		velocity.swap();
+		gl.useProgram(advectionPass.program);
+		gl.uniform1i(advectionPass.uniforms.uVelocity, 0);
+		gl.uniform1i(advectionPass.uniforms.uSource, 1);
+		gl.uniform1f(advectionPass.uniforms.uDt, dt);
+		gl.uniform2f(advectionPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);
+		texture(0, velocity.read.texture);
+		texture(1, velocity.read.texture);
+		gl.uniform1f(advectionPass.uniforms.uDissipation, 1 / VELOCITY_FADE);
+		draw(advectionPass, velocity.write);
+		velocity.swap();
+		gl.useProgram(advectionPass.program);
+		gl.uniform1i(advectionPass.uniforms.uVelocity, 0);
+		gl.uniform1i(advectionPass.uniforms.uSource, 1);
+		gl.uniform1f(advectionPass.uniforms.uDt, dt);
+		gl.uniform1f(advectionPass.uniforms.uDissipation, 1 / options.fade + idleBoost);
+		gl.uniform2f(advectionPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);
+		texture(0, velocity.read.texture);
+		texture(1, dye.read.texture);
+		draw(advectionPass, dye.write);
+		dye.swap();
+	}
+	let clock = 0;
+	let active = 0;
+	let idleTime = 0;
+	let lastX = 0;
+	let lastY = 0;
+	let wasInside = false;
+	let burstPending = true;
+	function wake() {
+		active = Math.max(active, IDLE_CLEAR + .5);
+		idleTime = 0;
+	}
+	function burst(x, y, radius, aspect, height) {
+		const colour = splatColor(options, clock);
+		const dye = [
+			colour[0] * BURST_DYE,
+			colour[1] * BURST_DYE,
+			colour[2] * BURST_DYE
+		];
+		const angle = Math.random() * TAU;
+		const speed = options.force * BURST_FORCE;
+		splatAt(x, y, Math.cos(angle) * speed, Math.sin(angle) * speed, dye, radius, aspect, height);
+	}
+	function click(x, y, aspect, height) {
+		const colour = splatColor(options, clock);
+		const dye = [
+			colour[0] * 10,
+			colour[1] * 10,
+			colour[2] * 10
+		];
+		splatAt(x, y, 10 * (Math.random() - .5), 30 * (Math.random() - .5), dye, options.radius, aspect, height);
+		wake();
+	}
+	function mountSize(width, height) {
+		if (width === builtWidth && height === builtHeight && options.resolution === builtResolution) return;
+		builtWidth = width;
+		builtHeight = height;
+		builtResolution = options.resolution;
+		allocate(width, height);
+	}
+	/** Clear both sides of a double buffer. */
+	function clearField(target) {
+		for (const fbo of [target.read, target.write]) {
+			gl.bindFramebuffer(gl.FRAMEBUFFER, fbo.framebuffer);
+			gl.viewport(0, 0, fbo.width, fbo.height);
+			gl.clearColor(0, 0, 0, 0);
+			gl.clear(gl.COLOR_BUFFER_BIT);
+		}
+	}
+	function drawDye(frame) {
+		gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+		gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
+		gl.enable(gl.BLEND);
+		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+		gl.useProgram(displayPass.program);
+		texture(0, dye.read.texture);
+		gl.uniform1i(displayPass.uniforms.uDye, 0);
+		gl.uniform2f(displayPass.uniforms.uTexelSize, 1 / Math.max(1, frame.width * frame.dpr), 1 / Math.max(1, frame.height * frame.dpr));
+		gl.uniform1f(displayPass.uniforms.uOpacity, options.opacity);
+		gl.uniform1i(displayPass.uniforms.uShading, options.shading ? 1 : 0);
+		gl.drawArrays(gl.TRIANGLES, 0, 3);
+	}
+	return {
+		update(next) {
+			options = resolveFluidOptions(next);
+		},
+		render(frame) {
+			mountSize(frame.width, frame.height);
+			if (frame.reducedMotion) {
+				if (burstPending) {
+					burstPending = false;
+					const aspect = frame.width / Math.max(1, frame.height);
+					burst(frame.width * (.34 + Math.random() * .18), frame.height * (.4 + Math.random() * .2), options.radius * BURST_RADIUS, aspect, frame.height);
+				}
+				drawDye(frame);
+				return false;
+			}
+			const dt = Math.min(frame.dt, 1 / 60);
+			const aspect = frame.width / Math.max(1, frame.height);
+			const { pointer } = frame;
+			if (burstPending) {
+				burstPending = false;
+				burst(frame.width * (.34 + Math.random() * .18), frame.height * (.4 + Math.random() * .2), options.radius * BURST_RADIUS, aspect, frame.height);
+				wake();
+			}
+			if (pointer.influence > 0) {
+				if (wasInside) {
+					const moveX = pointer.x - lastX;
+					const moveY = pointer.y - lastY;
+					const dx = moveX / Math.max(1, frame.width);
+					const dy = moveY / Math.max(1, frame.height);
+					if (Math.hypot(moveX, moveY) > .5) {
+						const colour = splatColor(options, clock);
+						const strength = options.force * pointer.influence;
+						splatAt(pointer.x, pointer.y, dx * strength, dy * strength, colour, options.radius, aspect, frame.height);
+						wake();
+					}
+				}
+				lastX = pointer.x;
+				lastY = pointer.y;
+				wasInside = true;
+			} else wasInside = false;
+			for (const clickPoint of frame.clicks) click(clickPoint.x, clickPoint.y, aspect, frame.height);
+			if (dt > 0) {
+				idleTime += dt;
+				if (idleTime >= 3.5) {
+					clearField(dye);
+					clearField(velocity);
+					idleTime = 0;
+					active = 0;
+					drawDye(frame);
+					return false;
+				}
+				step(dt);
+				clock += dt;
+				active = Math.max(0, active - dt);
+			}
+			drawDye(frame);
+			return active > 0;
+		},
+		destroy() {
+			for (const target of [
+				velocity.read,
+				velocity.write,
+				dye.read,
+				dye.write,
+				pressure.read,
+				pressure.write,
+				divergence,
+				curl
+			]) deleteFBO(target);
+			for (const pass of [
+				splatPass,
+				advectionPass,
+				divergencePass,
+				curlPass,
+				vorticityPass,
+				pressurePass,
+				gradientPass,
+				clearPass,
+				displayPass
+			]) gl.deleteProgram(pass.program);
+		}
+	};
+}
+export { createFluidWebGL };
+
+//# sourceMappingURL=webgl.js.map

package/dist/styles/fluid/webgl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgl.js","names":[],"sources":["../../../src/styles/fluid/webgl.ts"],"sourcesContent":["import type { Frame, StyleRenderer } from '../../core/style';\nimport { createProgram, getUniforms } from '../../core/webgl';\nimport { splatColor, type RGB } from './color';\nimport { resolveFluidOptions, type FluidOptions } from './options';\nimport {\n  BURST_DYE,\n  BURST_FORCE,\n  BURST_RADIUS,\n  DYE_INTENSITY,\n  DYE_SCALE,\n  IDLE_CLEAR,\n  IDLE_DECAY,\n  IDLE_DELAY,\n  MAX_DYE_RESOLUTION,\n  PRESSURE_ITERATIONS,\n  PRESSURE_RETENTION,\n  VELOCITY_FADE,\n} from './settings';\nimport { simulationSize } from './size';\n\nconst TAU = Math.PI * 2;\n\n// All passes are one full-screen triangle. Neighbouring texel coordinates are\n// worked out once in the vertex shader and interpolated.\nconst VERTEX = `#version 300 es\nprecision highp float;\n\nuniform vec2 uTexelSize;\n\nout vec2 vUv;\nout vec2 vL;\nout vec2 vR;\nout vec2 vT;\nout vec2 vB;\n\nvoid main() {\n  vec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));\n  vUv = p;\n  vL = vUv - vec2(uTexelSize.x, 0.0);\n  vR = vUv + vec2(uTexelSize.x, 0.0);\n  vT = vUv + vec2(0.0, uTexelSize.y);\n  vB = vUv - vec2(0.0, uTexelSize.y);\n  gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);\n}`;\n\nconst SPLAT = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uTarget;\nuniform vec2 uPoint;\nuniform vec3 uColor;\nuniform float uRadius;   // squared radius, in screens-heights\nuniform float uAspect;\n\nin vec2 vUv;\nout vec4 outColor;\n\nvoid main() {\n  vec2 p = vUv - uPoint;\n  p.x *= uAspect;\n  vec3 splat = exp(-dot(p, p) / uRadius) * uColor;\n  outColor = vec4(texture(uTarget, vUv).rgb + splat, 1.0);\n}`;\n\nconst ADVECTION = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uVelocity;\nuniform sampler2D uSource;\nuniform vec2 uTexelSize;\nuniform float uDt;\nuniform float uDissipation;\n\nin vec2 vUv;\nout vec4 outColor;\n\nvoid main() {\n  vec2 coord = vUv - uDt * texture(uVelocity, vUv).xy * uTexelSize;\n  outColor = texture(uSource, coord) / (1.0 + uDissipation * uDt);\n}`;\n\nconst DIVERGENCE = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uVelocity;\nuniform vec2 uTexelSize;\n\nin vec2 vUv;\nin vec2 vL;\nin vec2 vR;\nin vec2 vT;\nin vec2 vB;\nout vec4 outColor;\n\nvoid main() {\n  float L = texture(uVelocity, vL).x;\n  float R = texture(uVelocity, vR).x;\n  float T = texture(uVelocity, vT).y;\n  float B = texture(uVelocity, vB).y;\n  vec2 C = texture(uVelocity, vUv).xy;\n  if (vL.x < 0.0) L = -C.x;\n  if (vR.x > 1.0) R = -C.x;\n  if (vT.y > 1.0) T = -C.y;\n  if (vB.y < 0.0) B = -C.y;\n  outColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n}`;\n\nconst CURL = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uVelocity;\nuniform vec2 uTexelSize;\n\nin vec2 vL;\nin vec2 vR;\nin vec2 vT;\nin vec2 vB;\nout vec4 outColor;\n\nvoid main() {\n  float L = texture(uVelocity, vL).y;\n  float R = texture(uVelocity, vR).y;\n  float T = texture(uVelocity, vT).x;\n  float B = texture(uVelocity, vB).x;\n  outColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n}`;\n\nconst VORTICITY = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uVelocity;\nuniform sampler2D uCurl;\nuniform vec2 uTexelSize;\nuniform float uDt;\nuniform float uStrength;\n\nin vec2 vUv;\nin vec2 vL;\nin vec2 vR;\nin vec2 vT;\nin vec2 vB;\nout vec4 outColor;\n\nvoid main() {\n  float L = texture(uCurl, vL).x;\n  float R = texture(uCurl, vR).x;\n  float T = texture(uCurl, vT).x;\n  float B = texture(uCurl, vB).x;\n  float C = texture(uCurl, vUv).x;\n  vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));\n  force /= length(force) + 1e-4;\n  force *= uStrength * C;\n  force.y *= -1.0;\n  vec2 velocity = texture(uVelocity, vUv).xy + force * uDt;\n  outColor = vec4(clamp(velocity, vec2(-1000.0), vec2(1000.0)), 0.0, 1.0);\n}`;\n\nconst PRESSURE = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uPressure;\nuniform sampler2D uDivergence;\nuniform vec2 uTexelSize;\n\nin vec2 vUv;\nin vec2 vL;\nin vec2 vR;\nin vec2 vT;\nin vec2 vB;\nout vec4 outColor;\n\nvoid main() {\n  float L = texture(uPressure, vL).x;\n  float R = texture(uPressure, vR).x;\n  float T = texture(uPressure, vT).x;\n  float B = texture(uPressure, vB).x;\n  float divergence = texture(uDivergence, vUv).x;\n  outColor = vec4((L + R + T + B - divergence) * 0.25, 0.0, 0.0, 1.0);\n}`;\n\nconst GRADIENT = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uPressure;\nuniform sampler2D uVelocity;\nuniform vec2 uTexelSize;\n\nin vec2 vUv;\nin vec2 vL;\nin vec2 vR;\nin vec2 vT;\nin vec2 vB;\nout vec4 outColor;\n\nvoid main() {\n  float L = texture(uPressure, vL).x;\n  float R = texture(uPressure, vR).x;\n  float T = texture(uPressure, vT).x;\n  float B = texture(uPressure, vB).x;\n  vec2 velocity = texture(uVelocity, vUv).xy - vec2(R - L, T - B);\n  outColor = vec4(velocity, 0.0, 1.0);\n}`;\n\nconst CLEAR = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uTexture;\nuniform float uValue;\n\nin vec2 vUv;\nout vec4 outColor;\n\nvoid main() {\n  outColor = vec4(uValue * texture(uTexture, vUv).rgb, 1.0);\n}`;\n\nconst DISPLAY = `#version 300 es\nprecision highp float;\n\nuniform sampler2D uDye;\nuniform vec2 uTexelSize;\nuniform float uOpacity;\nuniform bool uShading;\n\nin vec2 vUv;\nin vec2 vL;\nin vec2 vR;\nin vec2 vT;\nin vec2 vB;\nout vec4 outColor;\n\nvoid main() {\n  vec3 c = texture(uDye, vUv).rgb;\n  if (uShading) {\n    vec3 lc = texture(uDye, vL).rgb;\n    vec3 rc = texture(uDye, vR).rgb;\n    vec3 tc = texture(uDye, vT).rgb;\n    vec3 bc = texture(uDye, vB).rgb;\n    float dx = length(rc) - length(lc);\n    float dy = length(tc) - length(bc);\n    vec3 normal = normalize(vec3(dx, dy, length(uTexelSize)));\n    float diffuse = clamp(dot(normal, vec3(0.0, 0.0, 1.0)) + 0.7, 0.7, 1.0);\n    c *= diffuse;\n  }\n  vec3 colour = clamp(c, 0.0, 1.0);\n  float alpha = clamp(max(colour.r, max(colour.g, colour.b)) * uOpacity, 0.0, 1.0);\n  outColor = vec4(colour * uOpacity, alpha);\n}`;\n\ninterface FBO {\n  texture: WebGLTexture;\n  framebuffer: WebGLFramebuffer;\n  width: number;\n  height: number;\n}\n\ninterface DoubleFBO {\n  read: FBO;\n  write: FBO;\n  swap(): void;\n}\n\ninterface Pass {\n  program: WebGLProgram;\n  uniforms: Record<string, WebGLUniformLocation | null>;\n}\n\nexport function createFluidWebGL(gl: WebGL2RenderingContext, initial: FluidOptions): StyleRenderer<FluidOptions> {\n  if (!gl.getExtension('EXT_color_buffer_float')) {\n    throw new Error('interactive-bg: fluid needs EXT_color_buffer_float');\n  }\n\n  let options = resolveFluidOptions(initial);\n\n  function makePass(fragment: string, names: readonly string[]): Pass {\n    const program = createProgram(gl, VERTEX, fragment);\n    if (!program) throw new Error('interactive-bg: fluid could not create a shader program');\n    return { program, uniforms: getUniforms(gl, program, names) };\n  }\n\n  const splatPass = makePass(SPLAT, ['uTarget', 'uPoint', 'uColor', 'uRadius', 'uAspect']);\n  const advectionPass = makePass(ADVECTION, ['uVelocity', 'uSource', 'uDt', 'uDissipation', 'uTexelSize']);\n  const divergencePass = makePass(DIVERGENCE, ['uVelocity', 'uTexelSize']);\n  const curlPass = makePass(CURL, ['uVelocity', 'uTexelSize']);\n  const vorticityPass = makePass(VORTICITY, ['uVelocity', 'uCurl', 'uDt', 'uStrength', 'uTexelSize']);\n  const pressurePass = makePass(PRESSURE, ['uPressure', 'uDivergence', 'uTexelSize']);\n  const gradientPass = makePass(GRADIENT, ['uPressure', 'uVelocity', 'uTexelSize']);\n  const clearPass = makePass(CLEAR, ['uTexture', 'uValue']);\n  const displayPass = makePass(DISPLAY, ['uDye', 'uOpacity', 'uShading', 'uTexelSize']);\n\n  function createFBO(width: number, height: number): FBO {\n    const texture = gl.createTexture();\n    const framebuffer = gl.createFramebuffer();\n    if (!texture || !framebuffer) throw new Error('interactive-bg: fluid could not allocate a render target');\n    gl.bindTexture(gl.TEXTURE_2D, texture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA16F, width, height, 0, gl.RGBA, gl.HALF_FLOAT, null);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n    gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n    gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n    if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) !== gl.FRAMEBUFFER_COMPLETE) {\n      throw new Error('interactive-bg: fluid render target is incomplete');\n    }\n    gl.viewport(0, 0, width, height);\n    gl.clearColor(0, 0, 0, 0);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n    return { texture, framebuffer, width, height };\n  }\n\n  function createDoubleFBO(width: number, height: number): DoubleFBO {\n    const a = createFBO(width, height);\n    const b = createFBO(width, height);\n    const pair = {\n      read: a,\n      write: b,\n      swap() {\n        [pair.read, pair.write] = [pair.write, pair.read];\n      },\n    };\n    return pair;\n  }\n\n  function deleteFBO(target: FBO): void {\n    gl.deleteTexture(target.texture);\n    gl.deleteFramebuffer(target.framebuffer);\n  }\n\n  let simWidth = 0;\n  let simHeight = 0;\n  let dyeWidth = 0;\n  let dyeHeight = 0;\n  let builtWidth = 0;\n  let builtHeight = 0;\n  let builtResolution = -1;\n  let velocity: DoubleFBO;\n  let dye: DoubleFBO;\n  let pressure: DoubleFBO;\n  let divergence: FBO;\n  let curl: FBO;\n\n  // Initialised below by allocate().\n  velocity = createDoubleFBO(1, 1);\n  dye = createDoubleFBO(1, 1);\n  pressure = createDoubleFBO(1, 1);\n  divergence = createFBO(1, 1);\n  curl = createFBO(1, 1);\n\n  function allocate(width: number, height: number): void {\n    for (const target of [velocity.read, velocity.write, dye.read, dye.write, pressure.read, pressure.write, divergence, curl]) {\n      deleteFBO(target);\n    }\n    const grid = simulationSize(options.resolution, width, height);\n    const dyeGrid = simulationSize(\n      Math.min(MAX_DYE_RESOLUTION, Math.max(256, options.resolution * DYE_SCALE)),\n      width,\n      height,\n    );\n    simWidth = grid.width;\n    simHeight = grid.height;\n    dyeWidth = dyeGrid.width;\n    dyeHeight = dyeGrid.height;\n    velocity = createDoubleFBO(simWidth, simHeight);\n    dye = createDoubleFBO(dyeWidth, dyeHeight);\n    pressure = createDoubleFBO(simWidth, simHeight);\n    divergence = createFBO(simWidth, simHeight);\n    curl = createFBO(simWidth, simHeight);\n    burstPending = true;\n  }\n\n  function draw(pass: Pass, target: FBO): void {\n    gl.bindFramebuffer(gl.FRAMEBUFFER, target.framebuffer);\n    gl.viewport(0, 0, target.width, target.height);\n    gl.useProgram(pass.program);\n    gl.drawArrays(gl.TRIANGLES, 0, 3);\n  }\n\n  function texture(unit: number, source: WebGLTexture): void {\n    gl.activeTexture(gl.TEXTURE0 + unit);\n    gl.bindTexture(gl.TEXTURE_2D, source);\n  }\n\n  function splatVelocity(pointX: number, pointY: number, vx: number, vy: number, radius: number, aspect: number): void {\n    const { uniforms, program } = splatPass;\n    texture(0, velocity.read.texture);\n    gl.useProgram(program);\n    gl.uniform1i(uniforms.uTarget, 0);\n    gl.uniform2f(uniforms.uPoint, pointX, pointY);\n    gl.uniform3f(uniforms.uColor, vx, vy, 0);\n    gl.uniform1f(uniforms.uRadius, radius * radius);\n    gl.uniform1f(uniforms.uAspect, aspect);\n    draw(splatPass, velocity.write);\n    velocity.swap();\n  }\n\n  function splatDye(pointX: number, pointY: number, colour: RGB, radius: number, aspect: number): void {\n    const { uniforms, program } = splatPass;\n    texture(0, dye.read.texture);\n    gl.useProgram(program);\n    gl.uniform1i(uniforms.uTarget, 0);\n    gl.uniform2f(uniforms.uPoint, pointX, pointY);\n    gl.uniform3f(uniforms.uColor, colour[0] * DYE_INTENSITY, colour[1] * DYE_INTENSITY, colour[2] * DYE_INTENSITY);\n    gl.uniform1f(uniforms.uRadius, radius * radius);\n    gl.uniform1f(uniforms.uAspect, aspect);\n    draw(splatPass, dye.write);\n    dye.swap();\n  }\n\n  function splatAt(\n    x: number,\n    y: number,\n    vx: number,\n    vy: number,\n    colour: RGB,\n    radiusPx: number,\n    aspect: number,\n    height: number,\n  ): void {\n    const pointX = x / (height * aspect);\n    // Texture v points up; pointer y points down. Flip both the splash position\n    // and the vertical velocity so the smoke follows the pointer's direction.\n    const pointY = 1 - y / height;\n    const radius = Math.max(0.0005, radiusPx / height);\n    splatVelocity(pointX, pointY, vx, -vy, radius, aspect);\n    splatDye(pointX, pointY, colour, radius, aspect);\n  }\n\n  function step(dt: number): void {\n    gl.disable(gl.BLEND);\n    const idleBoost = idleTime > IDLE_DELAY ? 1 / IDLE_DECAY : 0;\n    // Vorticity confinement: the curl of the velocity becomes a force.\n    gl.useProgram(curlPass.program);\n    texture(0, velocity.read.texture);\n    gl.uniform1i(curlPass.uniforms.uVelocity, 0);\n    gl.uniform2f(curlPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);\n    draw(curlPass, curl);\n\n    gl.useProgram(vorticityPass.program);\n    texture(0, velocity.read.texture);\n    texture(1, curl.texture);\n    gl.uniform1i(vorticityPass.uniforms.uVelocity, 0);\n    gl.uniform1i(vorticityPass.uniforms.uCurl, 1);\n    gl.uniform2f(vorticityPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);\n    gl.uniform1f(vorticityPass.uniforms.uDt, dt);\n    gl.uniform1f(vorticityPass.uniforms.uStrength, options.curl);\n    draw(vorticityPass, velocity.write);\n    velocity.swap();\n\n    gl.useProgram(divergencePass.program);\n    texture(0, velocity.read.texture);\n    gl.uniform1i(divergencePass.uniforms.uVelocity, 0);\n    gl.uniform2f(divergencePass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);\n    draw(divergencePass, divergence);\n\n    gl.useProgram(clearPass.program);\n    texture(0, pressure.read.texture);\n    gl.uniform1i(clearPass.uniforms.uTexture, 0);\n    gl.uniform1f(clearPass.uniforms.uValue, PRESSURE_RETENTION);\n    draw(clearPass, pressure.write);\n    pressure.swap();\n    for (let iteration = 0; iteration < PRESSURE_ITERATIONS; iteration++) {\n      gl.useProgram(pressurePass.program);\n      texture(0, pressure.read.texture);\n      texture(1, divergence.texture);\n      gl.uniform1i(pressurePass.uniforms.uPressure, 0);\n      gl.uniform1i(pressurePass.uniforms.uDivergence, 1);\n      gl.uniform2f(pressurePass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);\n      draw(pressurePass, pressure.write);\n      pressure.swap();\n    }\n\n    gl.useProgram(gradientPass.program);\n    texture(0, pressure.read.texture);\n    texture(1, velocity.read.texture);\n    gl.uniform1i(gradientPass.uniforms.uPressure, 0);\n    gl.uniform1i(gradientPass.uniforms.uVelocity, 1);\n    gl.uniform2f(gradientPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);\n    draw(gradientPass, velocity.write);\n    velocity.swap();\n\n    gl.useProgram(advectionPass.program);\n    gl.uniform1i(advectionPass.uniforms.uVelocity, 0);\n    gl.uniform1i(advectionPass.uniforms.uSource, 1);\n    gl.uniform1f(advectionPass.uniforms.uDt, dt);\n    gl.uniform2f(advectionPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);\n    texture(0, velocity.read.texture);\n    texture(1, velocity.read.texture);\n    gl.uniform1f(advectionPass.uniforms.uDissipation, 1 / VELOCITY_FADE);\n    draw(advectionPass, velocity.write);\n    velocity.swap();\n\n    gl.useProgram(advectionPass.program);\n    gl.uniform1i(advectionPass.uniforms.uVelocity, 0);\n    gl.uniform1i(advectionPass.uniforms.uSource, 1);\n    gl.uniform1f(advectionPass.uniforms.uDt, dt);\n    gl.uniform1f(advectionPass.uniforms.uDissipation, 1 / options.fade + idleBoost);\n    gl.uniform2f(advectionPass.uniforms.uTexelSize, 1 / simWidth, 1 / simHeight);\n    texture(0, velocity.read.texture);\n    texture(1, dye.read.texture);\n    draw(advectionPass, dye.write);\n    dye.swap();\n  }\n\n  let clock = 0;\n  let active = 0;\n  let idleTime = 0;\n  let lastX = 0;\n  let lastY = 0;\n  let wasInside = false;\n  let burstPending = true;\n\n  function wake(): void {\n    active = Math.max(active, IDLE_CLEAR + 0.5);\n    idleTime = 0;\n  }\n\n  function burst(x: number, y: number, radius: number, aspect: number, height: number): void {\n    const colour = splatColor(options, clock);\n    const dye: RGB = [colour[0] * BURST_DYE, colour[1] * BURST_DYE, colour[2] * BURST_DYE];\n    const angle = Math.random() * TAU;\n    const speed = options.force * BURST_FORCE;\n    splatAt(x, y, Math.cos(angle) * speed, Math.sin(angle) * speed, dye, radius, aspect, height);\n  }\n\n  function click(x: number, y: number, aspect: number, height: number): void {\n    const colour = splatColor(options, clock);\n    const dye: RGB = [colour[0] * 10, colour[1] * 10, colour[2] * 10];\n    const dx = 10 * (Math.random() - 0.5);\n    const dy = 30 * (Math.random() - 0.5);\n    splatAt(x, y, dx, dy, dye, options.radius, aspect, height);\n    wake();\n  }\n\n  function mountSize(width: number, height: number): void {\n    if (width === builtWidth && height === builtHeight && options.resolution === builtResolution) return;\n    builtWidth = width;\n    builtHeight = height;\n    builtResolution = options.resolution;\n    allocate(width, height);\n  }\n\n  /** Clear both sides of a double buffer. */\n  function clearField(target: DoubleFBO): void {\n    for (const fbo of [target.read, target.write]) {\n      gl.bindFramebuffer(gl.FRAMEBUFFER, fbo.framebuffer);\n      gl.viewport(0, 0, fbo.width, fbo.height);\n      gl.clearColor(0, 0, 0, 0);\n      gl.clear(gl.COLOR_BUFFER_BIT);\n    }\n  }\n\n  function drawDye(frame: Frame): void {\n    gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n    gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);\n    gl.enable(gl.BLEND);\n    gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);\n    gl.useProgram(displayPass.program);\n    texture(0, dye.read.texture);\n    gl.uniform1i(displayPass.uniforms.uDye, 0);\n    gl.uniform2f(displayPass.uniforms.uTexelSize, 1 / Math.max(1, frame.width * frame.dpr), 1 / Math.max(1, frame.height * frame.dpr));\n    gl.uniform1f(displayPass.uniforms.uOpacity, options.opacity);\n    gl.uniform1i(displayPass.uniforms.uShading, options.shading ? 1 : 0);\n    gl.drawArrays(gl.TRIANGLES, 0, 3);\n  }\n\n  return {\n    update(next) {\n      options = resolveFluidOptions(next);\n    },\n    render(frame: Frame) {\n      mountSize(frame.width, frame.height);\n      if (frame.reducedMotion) {\n        // Hold the smoke still: one static splash, no simulation. The engine then stops.\n        if (burstPending) {\n          burstPending = false;\n          const aspect = frame.width / Math.max(1, frame.height);\n          const bx = frame.width * (0.34 + Math.random() * 0.18);\n          const by = frame.height * (0.4 + Math.random() * 0.2);\n          burst(bx, by, options.radius * BURST_RADIUS, aspect, frame.height);\n        }\n        drawDye(frame);\n        return false;\n      }\n\n      const dt = Math.min(frame.dt, 1 / 60);\n      const aspect = frame.width / Math.max(1, frame.height);\n      const { pointer } = frame;\n\n      if (burstPending) {\n        burstPending = false;\n        const bx = frame.width * (0.34 + Math.random() * 0.18);\n        const by = frame.height * (0.4 + Math.random() * 0.2);\n        burst(bx, by, options.radius * BURST_RADIUS, aspect, frame.height);\n        wake();\n      }\n\n      if (pointer.influence > 0) {\n        if (wasInside) {\n          const moveX = pointer.x - lastX;\n          const moveY = pointer.y - lastY;\n          const dx = moveX / Math.max(1, frame.width);\n          const dy = moveY / Math.max(1, frame.height);\n          // Like a real mousemove stream: don't keep adding dye to a resting pointer.\n          if (Math.hypot(moveX, moveY) > 0.5) {\n            const colour = splatColor(options, clock);\n            const strength = options.force * pointer.influence;\n            splatAt(\n              pointer.x,\n              pointer.y,\n              dx * strength,\n              dy * strength,\n              colour,\n              options.radius,\n              aspect,\n              frame.height,\n            );\n            wake();\n          }\n        }\n        lastX = pointer.x;\n        lastY = pointer.y;\n        wasInside = true;\n      } else {\n        wasInside = false;\n      }\n\n      for (const clickPoint of frame.clicks) click(clickPoint.x, clickPoint.y, aspect, frame.height);\n\n      if (dt > 0) {\n        idleTime += dt;\n        if (idleTime >= IDLE_CLEAR) {\n          clearField(dye);\n          clearField(velocity);\n          idleTime = 0;\n          active = 0;\n          drawDye(frame);\n          return false;\n        }\n        step(dt);\n        clock += dt;\n        active = Math.max(0, active - dt);\n      }\n\n      drawDye(frame);\n      return active > 0;\n    },\n    destroy() {\n      for (const target of [\n        velocity.read,\n        velocity.write,\n        dye.read,\n        dye.write,\n        pressure.read,\n        pressure.write,\n        divergence,\n        curl,\n      ]) {\n        deleteFBO(target);\n      }\n      for (const pass of [\n        splatPass,\n        advectionPass,\n        divergencePass,\n        curlPass,\n        vorticityPass,\n        pressurePass,\n        gradientPass,\n        clearPass,\n        displayPass,\n      ]) {\n        gl.deleteProgram(pass.program);\n      }\n    },\n  };\n}\n"],"mappings":"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"}