LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

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 的导入映射
  • 画布页面环境

来源

  • 规范: SKILL.md
Three.js
后期处理
EffectComposer
视觉特效
GLSL 着色器
泛光
景深
设置 EffectComposer
添加渲染通道
应用泛光效果
应用景深效果
Three.js 渲染器
Three.js 场景
Three.js 相机
后期处理后的画布渲染结果
配置完成的视觉效果
更新后的渲染帧