Elbe Philharmonic Hall

PASS-COMPOSER

Compose your postprocessing passes for threlte scenes.

Start Creating

What is Pass Composer?

pass-composer is a tool to help you compose postprocessing effects (or "passes") on 3d scenes made with threlte. Once you've got the effects adjusted to your liking, pass-composer let's you copy the code you'll need to drop into your project.

Made with SvelteKit, threejs, and threlte

Example Imports:

import { Pass, } from '@threlte/core';
import { AfterimagePass } from 'three/examples/jsm/postprocessing/AfterimagePass';

Example HTML:

<Pass pass={new AfterimagePass(0.96)} />
GitHub Repo

What is threlte?

threlte logo

A component library for Svelte to build and render three.js scenes declaratively and state-driven in Svelte apps.

Learn more

Where can I use the generated code?

Anywhere you're using threlte! Get started with a template REPL or StackBlitz:

Svelte REPL StackBlitz

Additional Resources

If you're new to any of these tools, no problem. Start small, start building, and have fun. Here are some additional resources to help you along the way:

Learn Svelte Learn threlte Learn threejs