andras/fleeting-garden
andras/fleeting-garden
Watch
1
0
Fork
You've already forked fleeting-garden
 0
Code Issues Pull requests 10 Projects Releases Packages Wiki Activity Actions

Refactoring start

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-09 22:09:04 +01:00
commit b1acdff594
19 changed files with 528 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/pipelines/common-state/common-state.ts
View file

@ -1,11 +1,20 @@
import { vec2 } from 'gl-matrix';
import {
createCachedFloat32BufferWrite,
writeFloat32BufferIfChanged,
} from '../../utils/graphics/cached-buffer-write';
import { generateNoise } from '../../utils/graphics/noise';
export class CommonState {
private static readonly UNIFORM_COUNT = 4;
private static readonly NOISE_TEXTURE_SIZE = 1024;
private readonly uniforms: GPUBuffer;
private readonly uniformValues = new Float32Array(CommonState.UNIFORM_COUNT);
private readonly uniformCache = createCachedFloat32BufferWrite(
CommonState.UNIFORM_COUNT
);
private readonly noise: GPUTextureView;
private readonly bindGroup: GPUBindGroup;
@ -31,8 +40,8 @@ export class CommonState {
this.noise = generateNoise({
device,
width: 2048,
height: 2048,
width: CommonState.NOISE_TEXTURE_SIZE,
height: CommonState.NOISE_TEXTURE_SIZE,
});
this.bindGroupLayout = device.createBindGroupLayout({
@ -95,10 +104,15 @@ export class CommonState {
deltaTime: number;
time: number;
}) {
this.device.queue.writeBuffer(
this.uniformValues[0] = canvasSize[0];
this.uniformValues[1] = canvasSize[1];
this.uniformValues[2] = deltaTime;
this.uniformValues[3] = time;
writeFloat32BufferIfChanged(
this.device,
this.uniforms,
0,
new Float32Array([...canvasSize, deltaTime, time])
this.uniformValues,
this.uniformCache
);
}

28
src/pipelines/diffusion/diffusion-pipeline.ts
View file

@ -1,3 +1,7 @@
import {
createCachedFloat32BufferWrite,
writeFloat32BufferIfChanged,
} from '../../utils/graphics/cached-buffer-write';
import { setUpFullScreenQuad } from '../../utils/graphics/full-screen-quad';
import { smartCompile } from '../../utils/graphics/smart-compile';
import { CommonState } from '../common-state/common-state';
@ -5,11 +9,15 @@ import shader from './diffuse.wgsl?raw';
import { DiffusionSettings } from './diffusion-settings';
export class DiffusionPipeline {
private static readonly UNIFORM_COUNT = 4;
private static readonly UNIFORM_COUNT = 5;
private readonly bindGroupLayout: GPUBindGroupLayout;
private readonly pipeline: GPURenderPipeline;
private readonly uniforms: GPUBuffer;
private readonly uniformValues = new Float32Array(DiffusionPipeline.UNIFORM_COUNT);
private readonly uniformCache = createCachedFloat32BufferWrite(
DiffusionPipeline.UNIFORM_COUNT
);
private readonly vertexBuffer: GPUBuffer;
private bindGroup?: GPUBindGroup;
@ -56,16 +64,18 @@ export class DiffusionPipeline {
decayRateTrails,
diffusionRateBrush,
decayRateBrush,
anisotropy,
}: DiffusionSettings) {
this.device.queue.writeBuffer(
this.uniformValues[0] = 1 / diffusionRateTrails;
this.uniformValues[1] = decayRateTrails / 1000;
this.uniformValues[2] = 1 / diffusionRateBrush;
this.uniformValues[3] = decayRateBrush / 1000;
this.uniformValues[4] = anisotropy;
writeFloat32BufferIfChanged(
this.device,
this.uniforms,
0,
new Float32Array([
1 / diffusionRateTrails,
decayRateTrails / 1000,
1 / diffusionRateBrush,
decayRateBrush / 1000,
])
this.uniformValues,
this.uniformCache
);
}