Draft for now to get the ball rolling – I want to complete a working demo before I finish

📦 Bundle size

Full ESM build, minified and gzipped.

🌳 Bundle size after tree-shaking

Minimal build including a renderer, camera, empty scene, and dependencies.

I can confirm this is good to go now!

CC @Mugen87

Motivating examples for what becomes possible: better bloom & AO and others!

@haxiomic Wow these look stunning! Are you planning to send a PR with these improvements too?

Thanks @mrdoob!

It would be great to get these improvements in, there's a few interesting pieces

That demo relies on a some utilities which I've open sourced here: https://github.com/haxiomic/haxiomic-engine, might be a few bits three can benefit from – for example there's a fast gaussian blur implementation (uses the hardware bilinear sampling to reduce fetches and pre-computes texture coordinates to enable early fetch optimisations)

For anyone looking to replicate, the pipeline looks like this

bloomMipmapsMaterial = new BloomMipmapsMaterial();

...

// render scene to texture
Rendering.renderPass(renderer, {
    target: mainTarget,
    scene: scene,
    camera: camera,
    toneMapping: NoToneMapping,
});

// blur (linear color space) into the mipmap chain
generateBlurredMipmaps(renderer, {
    target: mainTarget,
    blurKernel_heightFraction: 0.0173, // size of mip 0 -> mip 1 blur radius relative to height
    truncationSigma: 0.567,
});

// copy to screen (sRGB) while applying mipmap bloom
Rendering.shaderPass(renderer, {
    target: null,
    shader: bloomMipmapsMaterial,
    toneMapping: ACESToneMapping,
    uniforms: {
        source: mainTarget.texture,
        bloomFalloff: 0.386,
        bloomStrength: 0.0328,
        minLod: 1,
    }
});

I will need to think how to use with EffectCompositor. I tend to use this Rendering.renderPass() approach a lot these days, the idea there is to let you perform rendering operations without worrying about how this might change global state other operations rely on.

Shader passes are such a common operation it's nice to have a primitive for this so we don't need to think about setting up a scene or camera

AO is still in development but I can take a look at making three.js examples once that's done

AO is still in development but I can take a look at making three.js examples once that's done

That would be great!🙏

@sunag FYI