mcpField
T
threejs-exposure-color-grading

threejs-exposure-color-grading

github.com/scottstts创意与媒体951108 次安装1 周前更新
代码仓库

关于 threejs-exposure-color-grading

这是一项将曝光、色调映射、调色和输出转换分阶段处理的 Three.js 技能,帮助创作者依据测得的 HDR 信号调色,避免用补偿操作掩盖流程问题。

主要功能

  1. 01有序的 HDR 色彩流程
  2. 02亮度测量与适应曝光
  3. 03色调映射和创意调色
  4. 043D LUT 工作流
  5. 05输出转换检查

适用场景

  1. 01根据场景亮度设定曝光
  2. 02应用有记录的 3D LUT
  3. 03排查重复色调映射或 sRGB 转换

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/scottstts/threejs-awesome-graphics-agent-skills --skill threejs-exposure-color-grading

安装后在 Claude Code 中输入/threejs-exposure-color-grading确认已加载。

附带文件agents/openai.yamlreferences/scene-referred-color-pipeline.md

详细介绍

曝光与色彩分级

将曝光、色调映射、色彩分级和输出转换视为不同阶段。根据测得的 HDR 信号进行调节,而不是叠加互相补偿的色彩操作。

顺序

HDR scene
  → luminance meter
  → adapted exposure
  → tone map
  → creative grade / 3D LUT
  → final output conversion

阅读 references/scene-referred-color-pipeline.md, 了解精确的 64x36 测光、编码后的读回值、自适应常量、32-cube LUT, 以及信号所有权方面的歧义。

失败条件

  • 材质和后期处理中都进行了色调映射;
  • 使用曝光来修正不符合物理规律的光照比例;
  • 未检查测光权重和场景取景;
  • 明暗方向的自适应速度相同;
  • 未记录 LUT 的输入/输出色彩空间;
  • sRGB 编码执行了两次;
  • 未重新构建显示域 LUT,就将其移至色调映射之前。

路由边界

使用 $threejs-bloom 处理 HDR 辉光贡献;当此色彩路径需要与 AO、 大气或效果局部渲染目标共享所有权时,使用 $threejs-image-pipeline。

评论

支持 Markdown