threejs-postprocessing - 为 Three.js 场景添加后期处理效果
配置 Three.js EffectComposer 和处理通道,实现泛光、景深、屏幕特效、色彩校正及自定义着色器。
标签
更新于: 2026-09-29能力
典型输入
典型输出
该技能可以做什么
- 设置 EffectComposer
- 添加渲染通道
- 应用泛光效果
- 应用景深效果
- 应用屏幕特效
- 应用色彩校正
- 创建自定义 ShaderPass 效果
- 处理合成器尺寸变化
- 更新效果 uniforms
输入
- Three.js 渲染器
- Three.js 场景
- Three.js 相机
- 画布尺寸
- 选中的场景对象
- 效果参数
- 自定义着色器代码
输出
- 后期处理后的画布渲染结果
- 配置完成的视觉效果
- 更新后的渲染帧
要求
- threejs-canvas-integration 技能
- 用于 Three.js 模块的导入映射
- 指向 cdn.jsdelivr.net 的导入映射
- 画布页面环境
