代码地址:https://github.com/vibegameengine/web-starter-kit-webgpu-pipline
WebGPU 已经成为 2026 年 Web 端 3D 渲染的绝对主流。为了在 Web 端实现超写实、高性能的 3D 场景,高性能的渲染管道必不可少。本项目为 Web 端开发者提供了一个强大的 WebGPU 渲染管道,特别优化了光照和 GI 效果,同时兼顾了性能。
【技术特色】
预渲染光照贴图图集 (Baked Lightmap Atlas): 预先计算光照信息并存储在纹理中,在运行时直接读取,显著降低实时光照计算的开销,从而实现高帧率和超写实的效果。
DDGI 风格的探针体积 (DDGI-Style Probe Volumes): 使用探针体积存储全局光照(GI)信息,相比传统的静态光照贴图,能更自然地处理动态物体和场景的光照变化,减少人为痕迹。
TSL (three.js Shading Language) 支持: 完美集成 three.js r182,并原生支持 TSL,让开发者能够以更直观、更声明式的方式编写 Shader,提高开发效率。
性能优先: 针对 Web GPU 进行深度优化,在保证高品质视觉效果的同时,追求极致的运行性能。