WebGPU 与现代前端
WebGPU 与 WGSL 实战：在浏览器中实现千万粒子实时流体光追与神经渲染
从零构建一套完整的 WebGPU 现代化图形管线，深入讲解 WGSL（WebGPU Shading Language）的计算着色器（Compute Shader）并行算法，在浏览器 60 FPS 稳定运行 10,000,000 粒子的 SPH 流体力学模拟。
#计算着色器
#流体力学
#光线追踪
sph_particle_compute.wgslwgsl
// WGSL Compute Shader for 10M Fluid Particles SPH Simulation
struct Particle {
pos: vec3<f32>,
density: f32,
vel: vec3<f32>,
pressure: f32,
};
@group(0) @binding(0) var<storage, read_write> particles: array<Particle>;
@group(0) @binding(1) var<uniform> simParams: SimParameters;
// 设定 256 线程为一个 Workgroup
@compute @workgroup_size(256, 1, 1)
fn main(@builtin(global_invocation_id) g
Seraphina Lin (林青梧)
2025-02-08