Volume Shader
博客

Blog 指南

关于 Volume Shader、浏览器 GPU benchmark 和 WebGL 性能测试的教程、更新与方法论。

Volume Shader BM
深入解析四个 Volume Shader 预设
精选文章
8 min read

深入解析四个 Volume Shader 预设

理解 Fog Sphere、Twirl Smoke、Cloud Layer 和 3D Fractal 如何形成不同的 WebGL 体积渲染负载。
Volume Shader 入门指南
精选文章
7 min read

Volume Shader 入门指南

从体积渲染、光线步进、GLSL 和性能预算开始，建立可运行的浏览器 shader 工作流。
将 Shadertoy 体积 shader 移植到 WebGL2
10 min read

将 Shadertoy 体积 shader 移植到 WebGL2

映射 uniforms、修复 GLSL ES 3.00 语法，并为浏览器编辑器重新调整 ray marching 成本。
WebGL2 体积 shader 性能预算
10 min read

WebGL2 体积 shader 性能预算

用 ray steps、DPR、early exit 和 frame time 目标控制浏览器体积渲染的成本。
GPU benchmark 解读指南
8 min read

GPU benchmark 解读指南

把分数、FPS、frame time、浏览器路径和热状态联系起来，判断真实 WebGL 性能。
Volume Shader 工作负载的 GPU 性能测试指南
7 min read

Volume Shader 工作负载的 GPU 性能测试指南

了解复杂度等级、shader 压力、稳定性指标和跨设备比较方法。
Volume Shader 编辑器使用指南
8 min read

Volume Shader 编辑器使用指南

从预设开始编写、预览、优化和分享 GLSL 体积 shader。