LogoClawIndex
CasesSkillsAbout
LogoClawIndex

threejs-postprocessing - Add post-processing effects to Three.js scenes

Configures Three.js EffectComposer and passes for bloom, depth of field, screen effects, color correction, and custom shaders.

Tags

Updated: 2026-09-29
Three.jspost-processingEffectComposervisual effectsGLSL shadersbloomdepth of field

Capabilities

Set up EffectComposerAdd rendering passesApply bloom effectsApply depth of field

Typical Inputs

Three.js rendererThree.js sceneThree.js camera

Typical Outputs

Post-processed canvas renderingConfigured visual effectsUpdated rendered frame

What this skill does

  • Set up EffectComposer
  • Add rendering passes
  • Apply bloom effects
  • Apply depth of field
  • Apply screen effects
  • Apply color correction
  • Create custom ShaderPass effects
  • Handle composer resizing
  • Update effect uniforms

Inputs

  • Three.js renderer
  • Three.js scene
  • Three.js camera
  • Canvas dimensions
  • Selected scene objects
  • Effect parameters
  • Custom shader code

Outputs

  • Post-processed canvas rendering
  • Configured visual effects
  • Updated rendered frame

Requirements

  • threejs-canvas-integration skill
  • Import map for Three.js modules
  • Import map targeting cdn.jsdelivr.net
  • Canvas page environment

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.