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