How to add a lens using Three.js?

Question

I would like to add a lens to my project like http://threejs.org/examples/webgl_lensflares.html

But Chrome warns me that "WebGL: INVALID_OPERATION: copyTexImage2D: framebuffer is an incompatible format," and the lens flash does not appear.

I searched a lot, but did not answer correctly, please help.

Answer 1

Change your renderer to add alpha to the framebuffer so that it is the same expected framebuffer format as lenflares (RGBA):

renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );