From b54c591aaa5171c19df91aed6e53cd4315f4e470 Mon Sep 17 00:00:00 2001
From: Mathis <mathis.biabiany@gmail.com>
Date: Wed, 17 Sep 2025 13:52:31 +0200
Subject: [PATCH 1/2] First commit

---
 examples/files.json                           |   1 +
 .../webgpu_compute_texture_fluid.jpg          | Bin 0 -> 19662 bytes
 examples/tags.json                            |   1 +
 examples/webgpu_compute_texture_fluid.html    | 601 ++++++++++++++++++
 4 files changed, 603 insertions(+)
 create mode 100644 examples/screenshots/webgpu_compute_texture_fluid.jpg
 create mode 100644 examples/webgpu_compute_texture_fluid.html

diff --git a/examples/files.json b/examples/files.json
index 367fe7fa194501..e14f9ceb1b389f 100644
--- a/examples/files.json
+++ b/examples/files.json
@@ -319,6 +319,7 @@
 		"webgpu_compute_sort_bitonic",
 		"webgpu_compute_texture",
 		"webgpu_compute_texture_3d",
+		"webgpu_compute_texture_fluid",
 		"webgpu_compute_texture_pingpong",
 		"webgpu_compute_water",
 		"webgpu_cubemap_adjustments",
diff --git a/examples/screenshots/webgpu_compute_texture_fluid.jpg b/examples/screenshots/webgpu_compute_texture_fluid.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5eee10b0bb43ddb8748dbe9497a1f5c4bdf267bd
GIT binary patch
literal 19662
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

literal 0
HcmV?d00001

diff --git a/examples/tags.json b/examples/tags.json
index 7a8cf2c955883e..9aa409cb05872c 100644
--- a/examples/tags.json
+++ b/examples/tags.json
@@ -131,6 +131,7 @@
 	"webgpu_compute_reduce": [ "gpgpu" ],
 	"webgpu_compute_sort_bitonic": [ "gpgpu" ],
 	"webgpu_compute_texture": [ "gpgpu" ],
+	"webgpu_compute_texture_fluid": [ "gpgpu" ],
 	"webgpu_compute_texture_pingpong": [ "gpgpu" ],
 	"webgpu_compute_water": [ "gpgpu", "struct" ],
 	"webgpu_depth_texture": [ "renderTarget" ],
diff --git a/examples/webgpu_compute_texture_fluid.html b/examples/webgpu_compute_texture_fluid.html
new file mode 100644
index 00000000000000..b900548c74f2ab
--- /dev/null
+++ b/examples/webgpu_compute_texture_fluid.html
@@ -0,0 +1,601 @@
+<html lang="en">
+	<head>
+		<title>three.js - WebGPU - Compute Ping/Pong Textures Fluid simulation</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<link type="text/css" rel="stylesheet" href="main.css">
+	</head>
+	<body>
+
+		<div id="info">
+			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> WebGPU - Compute Ping/Pong Textures Fluid simulation
+			<br />Based on shaders by <a href="https://github.com/PavelDoGreat/WebGL-Fluid-Simulation?tab=readme-ov-file" target="_blank" rel="noopener">Pavel Dobryakov</a> and <a href="https://oframe.github.io/ogl/examples/?src=post-fluid-distortion.html" target="_blank" rel="noopener">OGL Fluid Distortion example</a>
+		</div>
+
+		<script type="importmap">
+			{
+				"imports": {
+					"three": "../build/three.webgpu.js",
+					"three/webgpu": "../build/three.webgpu.js",
+					"three/tsl": "../build/three.tsl.js",
+					"three/addons/": "./jsm/"
+				}
+			}
+		</script>
+
+		<script type="module">
+			import { PlaneGeometry, Mesh, MeshBasicNodeMaterial, Vector2, Vector3, LinearFilter, NearestFilter, ClampToEdgeWrapping, OrthographicCamera, NoColorSpace, RGBAFormat, HalfFloatType, StorageTexture, Scene, WebGPURenderer } from "three/webgpu"
+			import { abs, length, Fn, instanceIndex, If, mul, textureStore, uniform, vec4, texture, uvec2, vec2, exp, dot, uv, clamp, float } from "three/tsl"
+
+			import WebGPU from 'three/addons/capabilities/WebGPU.js';
+			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
+
+			class StorageTexture2 {
+				constructor({
+					width = 1,
+					height = 1,
+					colorSpace = NoColorSpace,
+					format = RGBAFormat,
+					generateMipmaps = true,
+					internalFormat = null,
+					type = HalfFloatType,
+					minFilter = NearestFilter,
+					magFilter = NearestFilter,
+					wrapS = ClampToEdgeWrapping,
+					wrapT = ClampToEdgeWrapping,
+					phase = false
+				}) {
+					this.phase = phase
+					this.size = width * height
+					this.width = width
+					this.height = height
+
+					// Two GPU textures
+					this.read = new StorageTexture(width, height)
+					this.write = new StorageTexture(width, height)
+
+					// Texture params
+					Object.assign(this.read,  { colorSpace, generateMipmaps, type, minFilter, magFilter, format, internalFormat, wrapS, wrapT })
+					Object.assign(this.write, { colorSpace, generateMipmaps, type, minFilter, magFilter, format, internalFormat, wrapS, wrapT })
+				}
+
+				swap() {
+					this.phase = !this.phase
+				}
+			}
+
+			let camera, scene, renderer, mesh;
+
+			// Params -----
+
+			const params = {
+				deltaX: 2,
+				deltaY: -2,
+				curlStrength: 20,
+				densityDissipation: 0.97,
+				pressureDissipation: 0.8,
+				velocityDissipation: 0.98,
+				iterations: 3,
+				pressureFactor: 0.25,
+				radius: 0.2
+			}
+
+			const simRes = 128;
+			const dyeRes = 512;
+			const rendererSize = new Vector2(window.innerWidth, window.innerHeight);
+			const lastMouse = new Vector2();
+			const splats = [];
+
+			const point = uniform(new Vector2());
+			const color = uniform(new Vector3());
+			const aspectRatio = uniform(1);
+			const curlStrength = uniform(params.curlStrength);
+			const densityDissipation = uniform(params.densityDissipation);
+			const pressureDissipation = uniform(params.pressureDissipation);
+			const pressureFactor = uniform(params.pressureFactor);
+			const radius = uniform(params.radius);
+			const velocityDissipation = uniform(params.velocityDissipation);
+			const dt = uniform(0.016);
+			const texelSize = uniform(new Vector2(1 / simRes, 1 / simRes));
+
+			// Textures -----
+
+			const velocity = new StorageTexture2({
+				width: simRes,
+				height: simRes,
+				minFilter: LinearFilter,
+				magFilter: LinearFilter,
+				generateMipmaps: false,
+				wrapS: ClampToEdgeWrapping,
+				wrapT: ClampToEdgeWrapping
+			})
+
+			const density = new StorageTexture2({
+				width: dyeRes,
+				height: dyeRes,
+				minFilter: LinearFilter,
+				magFilter: LinearFilter,
+				generateMipmaps: false,
+				wrapS: ClampToEdgeWrapping,
+				wrapT: ClampToEdgeWrapping
+			})
+
+			const curl = new StorageTexture(simRes, simRes)
+			curl.minFilter = NearestFilter
+			curl.magFilter = NearestFilter
+			curl.type = HalfFloatType
+			curl.generateMipmaps = false
+
+			const divergence = new StorageTexture(simRes, simRes)
+			divergence.minFilter = NearestFilter
+			divergence.magFilter = NearestFilter
+			divergence.type = HalfFloatType
+			divergence.generateMipmaps = false
+
+			const pressure = new StorageTexture2({
+				width: simRes,
+				height: simRes,
+				minFilter: NearestFilter,
+				magFilter: NearestFilter,
+				generateMipmaps: false
+			})
+
+			// Nodes -----
+
+			const getUVs = Fn(({ width, height }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+
+				const size  = vec2(width, height)
+			
+				// center-of-texel for this cell
+				return (vec2(posX, posY).add(0.5)).div(size)
+			})
+
+			// ----- Splats -----
+			const computeSplat = Fn(({ readTex, writeTex, width, height, blueFactor }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+				const indexUV = uvec2(posX, posY)
+				const uvC = getUVs({ width, height })
+
+				const p = vec2(uvC.sub(point)).toVar()
+				p.x.mulAssign(aspectRatio)
+				const splat = exp(dot(p, p).negate().div(float(radius).div(100))).mul(color).toVar()
+				
+				const base = texture(readTex, uvC).rgb.toVar()
+				const final = vec4(base.add(splat), 1)
+				final.mulAssign(vec4(1, 1, blueFactor, 1))
+
+				textureStore(writeTex, indexUV, final).toWriteOnly()
+			})
+			const computeSplatVelocityRead = computeSplat({ readTex: velocity.read, writeTex: velocity.write, width: velocity.width, height: velocity.height, blueFactor: 0 }).compute(velocity.size)
+			const computeSplatVelocityWrite = computeSplat({ readTex: velocity.write, writeTex: velocity.read, width: velocity.width, height: velocity.height, blueFactor: 0 }).compute(velocity.size)
+			const computeSplatDensityRead = computeSplat({ readTex: density.read, writeTex: density.write, width: density.width, height: density.height, blueFactor: 1 }).compute(density.size)
+			const computeSplatDensityWrite = computeSplat({ readTex: density.write, writeTex: density.read, width: density.width, height: density.height, blueFactor: 1 }).compute(density.size)
+
+			// ----- Curl -----
+			const computeCurl = Fn(({ tVelocity, width, height }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+				const indexUV = uvec2(posX, posY)
+				const uvT = vec2(posX, posY).div(vec2(width, height))
+
+				// center-of-texel for this cell
+				const uvC = getUVs({ width, height })
+			
+				// neighbor centers, clamped inside [half, 1-half]
+				const size  = vec2(width, height);
+				const texel = vec2(1.0).div(size);
+				const half  = vec2(0.5).div(size);
+				const lUV = clamp(uvC.sub(vec2(texel.y, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const rUV = clamp(uvC.add(vec2(texel.x, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const bUV = clamp(uvC.sub(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+				const tUV = clamp(uvC.add(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+
+				const L = texture(tVelocity, lUV).y.toVar()
+				const R = texture(tVelocity, rUV).y.toVar()
+				const T = texture(tVelocity, tUV).x.toVar()
+				const B = texture(tVelocity, bUV).x.toVar()
+				const vorticity = R.sub(L).sub(T).add(B)
+				vorticity.mulAssign(0.5)
+
+				textureStore(curl, indexUV, vec4(vorticity, 0, 0, 1)).toWriteOnly()
+			})({ tVelocity: velocity.read, width: curl.width, height: curl.height }).compute(curl.width * curl.height)
+
+			// ----- Vorticity -----
+			const computeVorticity = Fn(({ tCurl, readTex, writeTex, width, height }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+				const indexUV = uvec2(posX, posY)
+				const uvT = vec2(posX, posY).div(vec2(width, height))
+			
+				// center-of-texel for this cell
+				const uvC = getUVs({ width, height })
+
+				// neighbor centers, clamped inside [half, 1-half]
+				const size  = vec2(width, height);
+				const texel = vec2(1.0).div(size);
+				const half  = vec2(0.5).div(size);
+				const lUV = clamp(uvC.sub(vec2(texel.y, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const rUV = clamp(uvC.add(vec2(texel.x, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const bUV = clamp(uvC.sub(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+				const tUV = clamp(uvC.add(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+
+				const L = texture(tCurl, lUV).x.toVar()
+				const R = texture(tCurl, rUV).x.toVar()
+				const T = texture(tCurl, tUV).x.toVar()
+				const B = texture(tCurl, bUV).x.toVar()
+				const C = texture(tCurl, uvC).x.toVar()
+
+				const force = vec2(abs(T).sub(abs(B)), abs(R).sub(abs(L))).mul(0.5)
+				force.divAssign(length(force).add(0.0001))
+				force.mulAssign(curlStrength.mul(C))
+				force.y.negate()
+
+				const vel = texture(readTex, uvC).xy
+				const final = vec4(vel.add(force.mul(dt)), 0, 1)
+
+				textureStore(writeTex, indexUV, final).toWriteOnly()
+			})
+			const computeVorticityRead = computeVorticity({ tCurl: curl, readTex: velocity.read, writeTex: velocity.write, width: velocity.width, height: velocity.height }).compute(velocity.size)
+			const computeVorticityWrite = computeVorticity({ tCurl: curl, readTex: velocity.write, writeTex: velocity.read, width: velocity.width, height: velocity.height }).compute(velocity.size)
+
+			// ----- Divergence -----
+			const computeDivergence = Fn(({ tVelocity, width, height }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+				const indexUV = uvec2(posX, posY)
+
+				// center-of-texel for this cell
+				const uvC = getUVs({ width, height })
+
+				// neighbor centers, clamped inside [half, 1-half]
+				const size  = vec2(width, height);
+				const texel = vec2(1.0).div(size);
+				const half  = vec2(0.5).div(size);
+				const lUV = clamp(uvC.sub(vec2(texel.y, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const rUV = clamp(uvC.add(vec2(texel.x, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const bUV = clamp(uvC.sub(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+				const tUV = clamp(uvC.add(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+
+				const L = texture(tVelocity, lUV).x.toVar()
+				const R = texture(tVelocity, rUV).x.toVar()
+				const T = texture(tVelocity, tUV).y.toVar()
+				const B = texture(tVelocity, bUV).y.toVar()
+				const C = texture(tVelocity, uvC).xy.toVar()
+
+				const min = float(1).div(size)
+				const max = float(1).sub(min)
+				If(lUV.x.lessThan(min), () => { L.assign(C.x.negate())})
+				If(rUV.x.greaterThan(max), () => { R.assign(C.x.negate())})
+				If(tUV.y.greaterThan(max), () => { T.assign(C.y.negate())})
+				If(bUV.y.lessThan(min), () => { B.assign(C.y.negate())})
+
+				const div = mul(0.5, R.sub(L).add(T).sub(B))
+
+				textureStore(divergence, indexUV, vec4(div, 0, 0, 1)).toWriteOnly()
+			})({ tVelocity: velocity.read, width: divergence.width, height: divergence.height }).compute(divergence.width * divergence.height)
+
+			// ----- Clear -----
+			const computeClear = Fn(({ readTex, writeTex, width, height }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+				const indexUV = uvec2(posX, posY)
+
+				// center-of-texel for this cell
+				const uvC = getUVs({ width, height })
+
+				const tex = texture(readTex, uvC)
+				const final = tex.mul(pressureDissipation)
+
+				textureStore(writeTex, indexUV, final).toWriteOnly()
+			})
+			const computeClearRead = computeClear({ readTex: pressure.read, writeTex: pressure.write, width: pressure.width, height: pressure.height }).compute(pressure.size)
+			const computeClearWrite = computeClear({ readTex: pressure.write, writeTex: pressure.read, width: pressure.width, height: pressure.height }).compute(pressure.size)
+
+			// ----- Pressure -----
+			const computePressure = Fn(({ tDivergence, readTex, writeTex, width, height}) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( height )
+				const indexUV = uvec2(posX, posY)
+
+				// center-of-texel for this cell
+				const uvC = getUVs({ width, height })
+
+				// neighbor centers, clamped inside [half, 1-half]
+				const size  = vec2(width, height);
+				const texel = vec2(1.0).div(size);
+				const half  = vec2(0.5).div(size);
+				const lUV = clamp(uvC.sub(vec2(texel.y, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const rUV = clamp(uvC.add(vec2(texel.x, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const bUV = clamp(uvC.sub(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+				const tUV = clamp(uvC.add(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+
+				const L = texture(readTex, lUV).x.toVar()
+				const R = texture(readTex, rUV).x.toVar()
+				const T = texture(readTex, tUV).x.toVar()
+				const B = texture(readTex, bUV).x.toVar()
+
+				const divergence = texture(tDivergence, uvC).x.toVar()
+				const pressure = mul(pressureFactor, L.add(R).add(B).add(T).sub(divergence))
+				const final = vec4(pressure, 0, 0, 1)
+
+				textureStore(writeTex, indexUV, final).toWriteOnly()
+			})
+			const computePressureRead = computePressure({ tDivergence: divergence, readTex: pressure.read, writeTex: pressure.write, width: pressure.width, height: pressure.height }).compute(pressure.size)
+			const computePressureWrite = computePressure({ tDivergence: divergence, readTex: pressure.write, writeTex: pressure.read, width: pressure.width, height: pressure.height }).compute(pressure.size)
+
+			// ----- Gradient -----
+			const computeGradient = Fn(({ tPressure, readTex, writeTex, width, height }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+				const indexUV = uvec2(posX, posY)
+
+				// center-of-texel for this cell
+				const uvC = getUVs({ width, height })
+
+				// neighbor centers, clamped inside [half, 1-half]
+				const size  = vec2(width, height);
+				const texel = vec2(1.0).div(size);
+				const half  = vec2(0.5).div(size);
+				const lUV = clamp(uvC.sub(vec2(texel.y, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const rUV = clamp(uvC.add(vec2(texel.x, 0.0)), half, vec2(1.0).sub(half)).toVar()
+				const bUV = clamp(uvC.sub(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+				const tUV = clamp(uvC.add(vec2(0.0, texel.y)), half, vec2(1.0).sub(half)).toVar()
+
+				const L = texture(tPressure, lUV).x.toVar()
+				const R = texture(tPressure, rUV).x.toVar()
+				const T = texture(tPressure, tUV).x.toVar()
+				const B = texture(tPressure, bUV).x.toVar()
+				const velocity = texture(readTex, uvC).xy.toVar()
+				velocity.subAssign(vec2(R.sub(L), T.sub(B)))
+
+				const final = vec4(velocity, 0, 1)
+
+				textureStore(writeTex, indexUV, final).toWriteOnly()
+			})
+			const computeGradientRead = computeGradient({ tPressure: pressure.read, readTex: velocity.read, writeTex: velocity.write, width: velocity.width, height: velocity.height }).compute(velocity.size)
+			const computeGradientWrite = computeGradient({ tPressure: pressure.read, readTex: velocity.write, writeTex: velocity.read, width: velocity.width, height: velocity.height }).compute(velocity.size)
+
+			// ----- Advection -----
+			const computeAdvectionVelocity = Fn(({ readTex, writeTex, width, height }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+				const indexUV = uvec2(posX, posY)
+
+				// center-of-texel for this cell
+				const uvC = getUVs({ width, height })
+
+				const velocity = texture(readTex, uvC).xy.toVar()
+
+				const coord = uvC.sub(dt.mul(velocity).mul(texelSize))
+				const source = texture(readTex, coord).toVar()
+				source.mulAssign(velocityDissipation)
+
+				const final = vec4(source.rg, 0, 1)
+				textureStore(writeTex, indexUV, final).toWriteOnly()
+			})
+			const computeAdvectionVelocityRead = computeAdvectionVelocity({ readTex: velocity.read, writeTex: velocity.write, width: velocity.width, height: velocity.height }).compute(velocity.size)
+			const computeAdvectionVelocityWrite = computeAdvectionVelocity({ readTex: velocity.write, writeTex: velocity.read, width: velocity.width, height: velocity.height }).compute(velocity.size)
+
+			const computeAdvectionDensity = Fn(({ tVelocity, readTex, writeTex, width, height }) => {
+				const posX = instanceIndex.mod( width )
+				const posY = instanceIndex.div( width )
+				const indexUV = uvec2(posX, posY)
+
+				// center-of-texel for this cell
+				const uvC = getUVs({ width, height })
+
+				const velocity = texture(tVelocity, uvC).xy.toVar()
+
+				const coord = uvC.sub(dt.mul(velocity).mul(texelSize))
+				const source = texture(readTex, coord).toVar()
+				source.mulAssign(densityDissipation)
+
+				const final = vec4(source.rgb, 1)
+				textureStore(writeTex, indexUV, final).toWriteOnly()
+			})
+			const computeAdvectionDensityRead = computeAdvectionDensity({ tVelocity: velocity.read, readTex: density.read, writeTex: density.write, width: density.width, height: density.height }).compute(density.size)
+			const computeAdvectionDensityWrite = computeAdvectionDensity({ tVelocity: velocity.read, readTex: density.write, writeTex: density.read, width: density.width, height: density.height }).compute(density.size)
+
+			init();
+
+			function init() {
+				if ( WebGPU.isAvailable() === false ) {
+
+					document.body.appendChild( WebGPU.getErrorMessage() );
+
+					throw new Error( 'No WebGPU support' );
+
+				}
+
+				//
+
+				camera = new OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, 0, 10 );
+
+				scene = new Scene();
+
+				//
+
+				const geometry = new PlaneGeometry(1, 1)
+
+				const colorNode = Fn(([ tFluid ]) => {
+					const fluid = texture(tFluid, uv()).toVar()
+					const fluidColor = fluid.rgb
+					const final = vec4(fluidColor.mul(0.1).add(0.5), 1)
+
+					return final
+				})
+				
+				const material = new MeshBasicNodeMaterial()
+				material.colorNode = colorNode(density.read)
+
+				mesh = new Mesh(geometry, material)
+				mesh.scale.set(window.innerWidth, window.innerHeight, 1)
+				scene.add(mesh)
+
+				//
+
+				renderer = new WebGPURenderer( { antialias: true } );
+				renderer.setPixelRatio( window.devicePixelRatio );
+				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.setAnimationLoop( render );
+				document.body.appendChild( renderer.domElement );
+
+				//
+
+				const gui = new GUI();
+
+				const fluidFolder = gui.addFolder( 'Fluid' );
+
+				fluidFolder.add( params, 'deltaX', -10, 10 )
+
+				fluidFolder.add( params, 'deltaY', -10, 10 )
+
+				fluidFolder.add( params, 'curlStrength', 0, 40 ).onChange( function ( value ) {
+					curlStrength.value = value;
+				} );
+
+				fluidFolder.add( params, 'densityDissipation', 0.85, 1 ).onChange( function ( value ) {
+					densityDissipation.value = value;
+				} );
+
+				fluidFolder.add( params, 'pressureDissipation', 0, 0.99 ).onChange( function ( value ) {
+					pressureDissipation.value = value;
+				} );
+
+				fluidFolder.add( params, 'pressureFactor', 0, 0.25 ).onChange( function ( value ) {
+					pressureFactor.value = value;
+				} );
+
+				fluidFolder.add( params, 'radius', 0.1, 1 ).onChange( function ( value ) {
+					radius.value = value;
+				} );
+
+				fluidFolder.add( params, 'velocityDissipation', 0.9, 1 ).onChange( function ( value ) {
+					velocityDissipation.value = value;
+				} );
+
+				fluidFolder.add( params, 'iterations', 1, 20 );
+
+				//
+
+				const isTouchCapable = 'ontouchstart' in window;
+				if (isTouchCapable) {
+					window.addEventListener('touchstart', updateMouse, false);
+					window.addEventListener('touchmove', updateMouse, false);
+				} else {
+					window.addEventListener('mousemove', updateMouse, false);
+				}
+
+				window.addEventListener('resize', onWindowResize)
+				onWindowResize()
+			}
+
+			function updateMouse(e) {
+				if (e.changedTouches && e.changedTouches.length) {
+					e.x = e.changedTouches[0].pageX;
+					e.y = e.changedTouches[0].pageY;
+				}
+				if (e.x === undefined) {
+					e.x = e.pageX;
+					e.y = e.pageY;
+				}
+
+				if (!lastMouse.isInit) {
+					lastMouse.isInit = true;
+
+					// First input
+					lastMouse.set(e.x, e.y);
+				}
+
+				const deltaX = e.x - lastMouse.x;
+				const deltaY = e.y - lastMouse.y;
+
+				lastMouse.set(e.x, e.y);
+
+				// Add if the mouse is moving
+				if (Math.abs(deltaX) || Math.abs(deltaY)) {
+					splats.push({
+						// Get mouse value in 0 to 1 range, with y flipped
+						x: e.x / rendererSize.x,
+						y: 1 - e.y / rendererSize.y,
+						dx: deltaX * params.deltaX,
+						dy: deltaY * params.deltaY
+					})
+				}
+			}
+
+			function onWindowResize() {
+				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.getSize(rendererSize)
+
+				camera.left = - window.innerWidth / 2;
+				camera.right = window.innerWidth / 2;
+				camera.top = window.innerHeight / 2;
+				camera.bottom = - window.innerHeight / 2;
+				camera.updateProjectionMatrix();
+
+				mesh.scale.set(window.innerWidth, window.innerHeight, 1)
+			}
+
+			function render() {
+				renderer.autoClear = false
+
+				for (let i = splats.length - 1; i >= 0; i--) {
+					updateSplat(splats.splice(i, 1)[0])
+				}
+
+				// Curl -----
+				renderer.computeAsync(computeCurl)
+
+				// Vorticity -----
+				renderer.computeAsync(velocity.phase ? computeVorticityRead : computeVorticityWrite)
+				velocity.swap()
+
+				// Divergence -----
+				renderer.computeAsync(computeDivergence)
+
+
+				// Clear -----
+				renderer.computeAsync(pressure.phase ? computeClearRead : computeClearWrite)
+				pressure.swap()
+
+				// Pressure -----
+				for (let i = 0; i < params.iterations; i++) {
+					renderer.computeAsync(pressure.phase ? computePressureRead : computePressureWrite)
+					pressure.swap()
+				}
+
+				// Gradient -----
+				renderer.computeAsync(velocity.phase ? computeGradientRead : computeGradientWrite)
+				velocity.swap()
+
+				// Advection -----
+				renderer.computeAsync(velocity.phase ? computeAdvectionVelocityRead : computeAdvectionVelocityWrite)
+				velocity.swap()
+
+				renderer.computeAsync(density.phase ? computeAdvectionDensityRead : computeAdvectionDensityWrite)
+				density.swap()
+
+				renderer.autoClear = true
+				renderer.renderAsync(scene, camera)
+			}
+
+			function updateSplat({ x, y, dx, dy }) {
+				aspectRatio.value = rendererSize.x / rendererSize.y
+				point.value.set(x, y)
+				color.value.set(dx, dy, 1)
+
+				// Splat Velocity -----
+				renderer.computeAsync(velocity.phase ? computeSplatVelocityRead : computeSplatVelocityWrite)
+				velocity.swap()
+
+				// Splat Density -----
+				renderer.computeAsync(density.phase ? computeSplatDensityRead : computeSplatDensityWrite)
+				density.swap()
+			}
+		</script>
+	</body>
+</html>
\ No newline at end of file

From 61a98b8b2c54a03d8f249fffd63cce3c14c3e93a Mon Sep 17 00:00:00 2001
From: Mathis <mathis.biabiany@gmail.com>
Date: Fri, 19 Sep 2025 11:21:55 +0200
Subject: [PATCH 2/2] unit tests

---
 examples/webgpu_compute_texture_fluid.html | 9 ++++-----
 test/e2e/puppeteer.js                      | 1 +
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/webgpu_compute_texture_fluid.html b/examples/webgpu_compute_texture_fluid.html
index b900548c74f2ab..2430d8337a6a35 100644
--- a/examples/webgpu_compute_texture_fluid.html
+++ b/examples/webgpu_compute_texture_fluid.html
@@ -1,6 +1,6 @@
 <html lang="en">
 	<head>
-		<title>three.js - WebGPU - Compute Ping/Pong Textures Fluid simulation</title>
+		<title>three.js - WebGPU - Compute Ping/Pong Textures Fluid simulation with TSL</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<link type="text/css" rel="stylesheet" href="main.css">
@@ -8,8 +8,9 @@
 	<body>
 
 		<div id="info">
-			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> WebGPU - Compute Ping/Pong Textures Fluid simulation
+			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> WebGPU - Compute Ping/Pong Textures Fluid simulation with TSL
 			<br />Based on shaders by <a href="https://github.com/PavelDoGreat/WebGL-Fluid-Simulation?tab=readme-ov-file" target="_blank" rel="noopener">Pavel Dobryakov</a> and <a href="https://oframe.github.io/ogl/examples/?src=post-fluid-distortion.html" target="_blank" rel="noopener">OGL Fluid Distortion example</a>
+			<br />By <a href="https://mathis-biabiany.fr/" target="_blank" rel="noopener">Mathis Biabiany</a>
 		</div>
 
 		<script type="importmap">
@@ -179,7 +180,6 @@
 				const posX = instanceIndex.mod( width )
 				const posY = instanceIndex.div( width )
 				const indexUV = uvec2(posX, posY)
-				const uvT = vec2(posX, posY).div(vec2(width, height))
 
 				// center-of-texel for this cell
 				const uvC = getUVs({ width, height })
@@ -208,7 +208,6 @@
 				const posX = instanceIndex.mod( width )
 				const posY = instanceIndex.div( width )
 				const indexUV = uvec2(posX, posY)
-				const uvT = vec2(posX, posY).div(vec2(width, height))
 			
 				// center-of-texel for this cell
 				const uvC = getUVs({ width, height })
@@ -523,7 +522,7 @@
 						y: 1 - e.y / rendererSize.y,
 						dx: deltaX * params.deltaX,
 						dy: deltaY * params.deltaY
-					})
+					});
 				}
 			}
 
diff --git a/test/e2e/puppeteer.js b/test/e2e/puppeteer.js
index 2940400ddade9d..26bd9ce3af316d 100644
--- a/test/e2e/puppeteer.js
+++ b/test/e2e/puppeteer.js
@@ -130,6 +130,7 @@ const exceptionList = [
 	'webgpu_compute_birds',
 	'webgpu_compute_texture',
 	'webgpu_compute_texture_3d',
+	'webgpu_compute_texture_fluid',
 	'webgpu_compute_texture_pingpong',
 	'webgpu_compute_water',
 	'webgpu_materials',