WebGPU 光照管线

在 Web 环境下对比实现 Forward、Forward+ 与 Clustered Deferred 三种渲染管线，分析其性能与光照表现

本项目利用 WebGPU 规范与 WGSL 着色语言，从零实现并对比了三套主流的 GPU 实时渲染管线：基础前向渲染 (Forward)、分块前向渲染 (Forward+) 以及 分簇延迟渲染 (Clustered Deferred)。

​

Forward+ 方案通过 Compute Shader 将屏幕划分为 2D 图块（Tiles）进行光照剔除；而 Clustered Deferred 则进一步在 3D 空间内构建视锥体分簇（Clusters），极大减少了每个像素冗余的着色计算。

性能基准测试显示，在处理成千上万个动态光源时，分簇方案展现了卓越的扩展性，显著降低了帧时间。该项目直观地展示了 Web 技术在现代 GPU 驱动下，实现媲美原生应用的复杂动态光影效果。