体积着色器在线实验
毒蘑菇测试与着色器编辑器
在浏览器中运行毒蘑菇测试，编辑 GLSL 内核，并通过 FPS、帧时间和可复现预设观察实时 GPU 表现。你可以先在着色器编辑器中实验，再运行固定配置的毒蘑菇测试，用于更公平的 GPU 对比。
体积着色器内核编辑器
直接粘贴或修改体积着色器内核，并立即应用到实时渲染器中。
片元程序需要提供 float kernal(vec3 ver) 函数以及负责给 color 赋值的颜色片段。可用共享 uniform 包括 u_power、u_colorWarp、u_warpStrength、u_exposure、u_time 和两个调色板向量。
体积着色器参数
通过这些控件调整体积着色器负载、视角和关键参数，保持可复现的实验环境。
体积着色器指标
在调试场景时，实时查看体积着色器的 FPS、帧时间和 GPU 标识。
FPS 历史曲线
等待采样数据如果需要同事复现完整设置，可以复制分享链接或导出 JSON 快照。
已保存的体积着色器预设
将当前体积着色器设置保存在本地，以便后续回放并比较不同版本。
还没有保存的预设。先调好一个体积着色器方案，再为它命名保存。
准备把这个体积着色器方案带入标准压测？
如果当前体积着色器画面和参数已经比较稳定，可以继续进入毒蘑菇测试页面，使用固定预设完成更长时长的浏览器 GPU 压测，并把结果归入对应排行榜分组。
运行固定配置的毒蘑菇测试这个体积着色器页面如何支持日常迭代
为什么体积着色器工作流不能只有一张好看的图
真正有价值的体积着色器页面不能只负责出图，它还要能记录参数、保存状态、比较版本，并让其他人复现同一个体积着色器场景。这个页面把体积着色器编辑、预设管理、分享方式和性能观测放到一起，让一次体积着色器尝试不再只是临时操作，而是可以被回看、被复现、被讨论的体积着色器记录。
这很重要，因为体积着色器的调整往往同时影响画质和速度。某个体积着色器修改可能让结构更丰富，但也可能让帧率变差。如果一个体积着色器页面只留下截图，就很难准确判断这次体积着色器变化到底值不值得保留。现在你可以在同一页面里对照体积着色器画面、曲线和参数，让体积着色器决策更有依据。
- 直接在浏览器中编辑当前体积着色器内核。
- 将体积着色器预设保存在本地，之后快速恢复同一套体积着色器参数。
- 通过链接或 JSON 快照分享完整体积着色器状态。
这个体积着色器页面能帮助你确认什么
实时曲线会把一次体积着色器运行从单个数字变成完整时间线。你可以看到体积着色器在预热后是否稳定、缩放后是否出现抖动、某次体积着色器修改是否只是更好看，还是也真的让体积着色器运行更顺畅。相比只看一个 FPS 数字，这种体积着色器过程信息更适合做严谨判断。
因此这个体积着色器页面既适合日常效果调试，也适合作为进入毒蘑菇测试之前的准备区。你可以先在这里把体积着色器代码、参数和视角调顺，再把已经成熟的体积着色器方案带入标准化压测流程。
如何沉淀体积着色器实验记录
只有能回放完整状态的记录，才算真正有价值的体积着色器实验档案。VolumeShaderPro 会保留影响结果的体积着色器参数、颜色设定和代码片段，让每一个体积着色器预设都不仅是一张图，而是一个可以重新打开的体积着色器实验。
长期使用后，这个首页会逐渐变成你的体积着色器记录本。你可以保留基线体积着色器、对比新版体积着色器、回看某次体积着色器优化为什么成功，也能解释为什么另一个体积着色器方向最终没有继续推进。
体积着色器页面在更大工作流中的位置
体积渲染领域通常会把体积着色器理解为对三维体数据或程序化体场进行采样，并沿视线累积颜色与透明度，而不是像传统表面渲染那样先提取明确几何表面。放到浏览器环境里，一个可交互的体积着色器页面就非常适合承担快速试错的角色。你可以更换体积着色器内核、调整步进与调色、观察体积着色器是否还能保持目标效果。
也正因为如此，这个页面不是一次性的展示页，而是适合日常使用的体积着色器工作台。体积着色器可以在这里被设计、被比较、被归档；当一个体积着色器方案已经稳定到需要公平对比不同设备时，再进入毒蘑菇测试页面完成更标准的压测。
如果你需要快速迭代、整理体积着色器记录，并在浏览器里先确认方向，这个体积着色器首页就是更合适的起点。
体积着色器常见问题
什么是体积着色器？
体积着色器是一种对三维体场进行采样和渲染的着色器方法，可用于雾、烟、云、程序化密度场和复杂分形等效果。它不是只绘制平面表面，而是在虚拟体积中沿视线采样。
可以直接在浏览器中运行体积着色器吗？
可以。这个工具在现代浏览器中运行，并通过 WebGL 或 WebGPU 等受支持的图形 API 使用 GPU 加速。
首页和毒蘑菇测试是同一个东西吗？
首页是可编辑的体积着色器实验室，适合修改 GLSL 和预设。毒蘑菇测试页面使用固定测试流程，更适合做可比较的 GPU benchmark。
为什么不同浏览器的 FPS 会变化？
FPS 可能受到浏览器图形后端、驱动版本、GPU 功耗限制、温度降频、屏幕刷新率和系统负载影响。
手机上也能使用吗？
可以，但移动端结果通常更容易受到散热、电池模式和浏览器 GPU 支持情况影响。