How to add lensflare using Three.js?

Question

I'd like to add lensflare in my own project,just like http://threejs.org/examples/webgl_lensflares.html But the Chrome keeps warning me of "WebGL: INVALID_OPERATION: copyTexImage2D: framebuffer is incompatible format ",and the lens flare doesn't appear. I searched a lot,But no right answer,please help.

Accepted Answer

Modify your renderer to add alpha to the framebuffer so it will be the same expected framebuffer format as lenflares uses (RGBA):

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

How to add lensflare using Three.js?

Solution

Problem