postProcess TAARenderPass become pale

Describe the bug

I am using “taapass” according to the case of threejs’ official website, but I find it is different from the example. I have the phenomenon of all white here

sampleLevel = 5.0 sampleLevel = 0.0

Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. See error

Code

 this.composer = new EffectComposer(this.renderer);
        // const pass = new SMAAPass( this.width * this.renderer.getPixelRatio(), this.height * this.renderer.getPixelRatio() );
        // this.composer.addPass( pass );
        let renderPass = new RenderPass(this.scene, state.activeCamera);
        renderPass.enabled = false;
        this.composer.addPass( renderPass );
        let copyPass = new ShaderPass( CopyShader );
        this.composer.addPass( copyPass );
        let taaRenderPass = new TAARenderPass( this.scene, state.activeCamera, 0xffffff,1);
        taaRenderPass.unbiased = false;
        taaRenderPass.sampleLevel = 5;
        this.composer.addPass( taaRenderPass );
        this.renderer.setSize( window.innerWidth,  window.innerHeight);
        this.composer.setSize(  window.innerWidth,  window.innerHeight );

Live example

• jsfiddle-latest-release
• jsfiddle-dev

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem (drag and drop the image).

Platform:

• Device: Desktop
• OS: Windows
• Browser: Chrome
• Three.js version: “^0.142.0”,

[luojiong]

I have solved the problem by setting the background color of “body” to black thanks ！

[Lipacinp]

The problem on my side was coming from html background.

Set your canvas background color to black in CSS.

You can keep the color of your scene white if you want.

This bugs occurs on my side since the buffer use alpha for SSAA and TAA (RGBFormat --> RGBAFormat).

#24239