threejs-exposure-color-grading について
露出、トーンマッピング、カラーグレーディング、出力変換を別々の段階として扱う Three.js スキルです。測定した HDR 信号を基に調整し、処理を覆い隠す補正の重ねがけを避けます。
主な機能
- 01順序を定めた HDR カラーパイプライン
- 02輝度測定と適応露出
- 03トーンマッピングとクリエイティブグレーディング
- 043D LUT ワークフロー
- 05出力変換の確認
活用シーン
- 01シーン輝度に基づく露出設定
- 02仕様を記録した 3D LUT の適用
- 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
正確な 64x36 メーター、エンコード済みの読み戻し、露出適応の定数、32-cube LUT、および信号の所有権に関する曖昧さについては、references/scene-referred-color-pipeline.md をお読みください。
失敗条件
- マテリアルとポスト処理の両方でトーンマッピングが行われている。
- 物理的に整合性のない光の比率を補正するために露出を使用している。
- メーターの重み付けとシーンのフレーミングを確認していない。
- 明るい方向と暗い方向で露出適応の速度が同じである。
- LUT の入力および出力の色空間が文書化されていない。
- sRGB エンコードが二重に行われている。
- ディスプレイ領域の LUT を、再構築せずにトーンマッピングより前に移動している。
適用範囲
HDR グローの寄与には $threejs-bloom を使用します。このカラー処理経路の所有権を AO、大気、またはエフェクト固有のレンダーターゲットと共有する必要がある場合は、$threejs-image-pipeline を使用します。
コメント
Markdown 対応