How to remove WebGpu bloomNode grain?

Questions
,
1

image
https://didisoftwares.ddns.net/16/index.html

How to remove the granulation from the bloom?
becomes more evident when moving the object horizontally

class PostProcess {
    constructor() {
        this.scenePass;
        this.outputPass;
        this.emissivePass;
        this.bloomPass;
        this.postProcessing;
    }
    setSize(width,height){
        if(this.scenePass.setSize)
        this.scenePass.setSize(width,height);
        if(this.bloomPass.setSize)
        this.bloomPass.setSize(width,height);
    }
    create(renderer, scene, camera) {
        this.scenePass = pass(scene, camera);
        this.scenePass.setMRT(mrt({
            output,
            emissive
        }));
        this.outputPass = this.scenePass.getTextureNode();

        this.emissivePass = this.scenePass.getTextureNode('emissive');
        this.bloomPass = bloom(this.emissivePass, 2, 0,0);

        this.postProcessing = new THREE.PostProcessing(renderer);
        this.postProcessing.outputNode = this.outputPass.add(this.bloomPass);
    }
}

based on this one:
https://threejs.org/examples/?q=bloom#webgpu_postprocessing_bloom_emissive

2

Does it get better if you wrap the bloom in an additional blur pass? Something like

this.postProcessing.outputNode = this.outputPass.add( gaussianBlur( this.bloomPass ) );
3

my tls core fails when i try others postprocess, sobel and bloom works

image.png
image.png847×285 13.4 KB

4

i changed files dowloaded from github ‘three.js-master’ for a module of ‘three.js examples’

5

This might work with the next release 170. There was a minor bug in GaussianBlurNode that is probably responsible for your runtime error. Try it with the dev version for the moment.