Post-processing chain

three.js and WebGL · MIT

What it does

The finishing pass: EffectComposer with a render pass, bloom (strength 0.45, radius 0.3, threshold 0.85), a small vignette shader, and OutputPass last for tone mapping and sRGB. Call composer.render() where you called renderer.render().

Get it

const composer = new EffectComposer(renderer); composer.addPass(new RenderPass(scene, camera)); composer.addPass(new UnrealBloomPass(new THREE.Vector2(w, h), 0.45, 0.3, 0.85)); composer.addPass(new ShaderPass(VignetteShader)); composer.addPass(new OutputPass());

Source on GitHub
Needs (the whole pack)

Nothing to read the skills. To run what they build: Node and npm, Python 3 for the helper scripts, and Chromium through Playwright for the inspector and tests. Optional and paid: Tripo, Gemini and ElevenLabs keys for the three generator skills.

License

MIT

License notes are on the pack's page

From

Three.js Game Skills

Everything from Three.js Game Skills in the gallery

Back to the Asset Library