postfx-effects
postfx-effects delivers a collection of post-processing filters designed to enhance 3D scene rendering with cinematic quality. Apply bloom, color grading, depth-of-field, and other visual effects to transform raw renders into polished final output. Integrate seamlessly into game engines and real-time graphics pipelines.
postfx-effects delivers a collection of post-processing filters including bloom, color grading, depth-of-field, chromatic aberration, vignette, film grain, and tone mapping. These effects enhance 3D scene rendering with cinematic quality, transforming raw renders into polished final output suitable for game engines and real-time graphics pipelines.
AI-generated summary based on this skill's SKILL.md
Install
Bbeierle12/Skill-MCP-Claude/postfx-effects · repository language: JavaScript
git clone https://github.com/Bbeierle12/Skill-MCP-Claude
cp -r Skill-MCP-Claude/skills/postfx-effects ~/.claude/skills/postfx-effectsFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What post processing effects does postfx-effects support?
postfx-effects delivers a collection of post-processing filters including bloom, color grading, depth-of-field, chromatic aberration, vignette, film grain, and tone mapping. These effects enhance 3D scene rendering with cinematic quality, transforming raw renders into polished final output suitable for game engines and real-time graphics pipelines.
How do I add chromatic aberration and retro glitch effects?
postfx-effects includes chromatic aberration filters that create both retro and glitch visual aesthetics. You can layer this effect with film grain and scanlines to achieve VHS or CRT-style looks, or use it standalone for modern glitch designs. The effect integrates efficiently into your post-processing stack.
Can postfx-effects implement depth of field and bokeh blur?
Yes, postfx-effects supports depth-of-field and bokeh blur for precise focus effects. These tools let you direct viewer attention and create cinematic depth separation. Combine them with other effects like vignette to enhance atmospheric quality in your 3D scenes.
What color grading and tone mapping features are available?
postfx-effects provides color grading and tone mapping tools for mood and atmosphere control. Apply LUT-based color transforms, ACES filmic tone mapping, and animated color shifts to achieve your desired visual style. These effects work together to establish cinematic look and feel.
How does postfx-effects handle multiple effects efficiently?
postfx-effects combines multiple effects efficiently through an optimized post-processing composer that minimizes render passes and GPU overhead. Stack bloom, grain, grading, and blur effects without sacrificing performance, making it suitable for real-time applications and interactive experiences.
What license does postfx-effects use?
postfx-effects is released under the MIT license, allowing free use, modification, and distribution in both commercial and personal projects with minimal restrictions.
SKILL.md
rendered from the published skill — quoted content, verbatim
Post-Processing Effects
Cinematic and stylistic effects using @react-three/postprocessing.
Quick Start
npm install @react-three/postprocessing postprocessing
import { Canvas } from '@react-three/fiber';
import { EffectComposer, ChromaticAberration, Vignette, Noise } from '@react-three/postprocessing';
function CinematicScene() {
return (
<Canvas>
<Scene />
<EffectComposer>
<ChromaticAberration offset={[0.002, 0.002]} />
<Vignette darkness={0.5} offset={0.3} />
<Noise opacity={0.05} />
</EffectComposer>
</Canvas>
);
}
Core Effects
Chromatic Aberration
RGB channel separation for lens distortion or glitch effects.
```tsx import { ChromaticAberration } from '@react-three/postprocessing'; import { BlendFunction } from 'postprocessing'; import { Vector2 } from
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 2 files
skills/postfx-effects/SKILL.md
skills/postfx-effects/_meta.json