WebGPU Graphics Demos

WebGPU 实时图形渲染演示集合 - 包含光线追踪、流体模拟、大气散射等图形学演示

Nanite

Nanite Cluster LOD\uff1a\u5c55\u793a\u53ef\u89c1\u6027\u88c1\u526a\u4e0e\u5c42\u7ea7 LOD \u9009\u62e9\u3002

发布日期: 2025-12-19

PBR 模型渲染

基于物理的实时渲染演示:支持 glTF/GLB 格式模型加载,完整的 PBR 材质系统(BaseColor、Normal、Metallic-Roughness、Occlusion、Emissive),IBL 环境光照、GTAO 屏幕空间环境光遮蔽、PCSS 软阴影、Bloom 后处理效果。

发布日期: 2025-12-18

Physical Atmosphere LUT

GoldRender 核心技术展示:基于 LUT 预计算的物理大气散射。支持实时多重散射和体积光雾,性能相比传统 Raymarching 提升 100 倍。

发布日期: 2025-12-12

Rain Glass (WebGPU)

Compute 粒子写入水高度场 + 折射屏幕的雨滴玻璃效果。包含背景层、流动高度场、折射层三段式管线。

发布日期: 2025-12-08

Ocean FFT (WebGPU)

从 Godot Engine 移植的 FFT 海洋模拟。使用 JONSWAP 波浪频谱、Hasselmann 方向扩散、Stockham FFT,支持多级联波浪和泡沫模拟。

发布日期: 2025-12-06

Voxel Cone Tracing GI

基于 WebGPU 的体素圆锥追踪全局光照。包含场景体素化、光照传播、Mipmap 生成和实时圆锥追踪,展示真实的间接光照效果。

发布日期: 2025-12-02

Neural Radiance Caching

基于神经网络的辐射度缓存演示。用仅41个参数的微型MLP网络替代传统3D纹理,实现8m³空间内的光照分布拟合。

发布日期: 2025-11-30

FFT 海洋渲染

基于 FFT 的真实海洋波浪模拟。使用 Phillips 频谱和快速傅里叶变换,实现物理准确的波浪效果。

发布日期: 2025-11-29

Cornell Box Path Tracer

基于 WebGL 的路径追踪器。模拟光线在场景中的多次反弹,计算全局光照。

发布日期: 2025-11-28

WebGPU 大气散射

基于物理的大气散射模拟 (Rayleigh & Mie Scattering)。支持动态时间流逝和参数调节。

发布日期: 2025-11-27

WebGPU 流体模拟集合

包含两种主流的流体模拟方法:基于网格的欧拉流体 (Eulerian Grid) 和基于粒子的 SPH 流体 (Lagrangian Particle)。

发布日期: 2025-11-26

WebGPU 粒子系统

使用 Compute Shader 模拟上万个粒子的运动。支持鼠标交互引力场。

发布日期: 2025-11-26

WebGPU 实时光线追踪

基于 WebGPU 的实时光线追踪演示。包含反射、折射、菲涅尔效应和软阴影。

发布日期: 2025-11-26

黄金扫雷

经典扫雷游戏的现代化实现。支持三种难度级别、智能自动标雷、移动端适配等功能。

发布日期: 2025-12-05

正在加载完整的交互式演示... 请确保已启用JavaScript