# Actual flare doesnt' show up in official lensflare example

**URL:** <https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831>\
**Category:** Questions\
**Tags:** lens-flare\
**Created:** [November 7, 2018, 1:16am UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831 "2018-11-07T01:16:20Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![flouing](https://avatars.discourse-cdn.com/v4/letter/f/9dc877/32.png) [@flouing](https://discourse.threejs.org/u/flouing)\
**Post date:** [November 7, 2018, 1:16am UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831/1 "2018-11-07T01:16:20Z")

</div>

Hi,

I copied the exact code from the official three.js [example](https://threejs.org/examples/#webgl_lensflares) and when I run the file no errors appear. However, the lensflare appears to be missing, as you can see here: ![nolensflare](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/5/51f5f3bca6737b154147a9ab8d22e25049e3c235.jpeg) All I can see is the emitted light, with no actual source. What could be the cause? The code is exactly the same.

Thank you!

---

<div class="post-metadata">

**Author:** ![blackstrings0](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/blackstrings0/32/5169_2.png) [@blackstrings0](https://discourse.threejs.org/u/blackstrings0)\
**Post date:** [November 7, 2018, 1:28am UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831/2 "2018-11-07T01:28:10Z")

</div>

just a thought, what if the lensflare textures are not successfully loading.

---

<div class="post-metadata">

**Author:** ![joshmarinacci](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/joshmarinacci/32/2732_2.png) [@joshmarinacci](https://discourse.threejs.org/u/joshmarinacci)\
**Post date:** [November 7, 2018, 2:55am UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831/3 "2018-11-07T02:55:27Z")

</div>

be sure to check in your console for assets that might not be loaded. You may need to include XHR and ‘Requests’ in the filter. Also see that the request returned 200, not 404 or some other error.

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 7, 2018, 6:53am UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831/4 "2018-11-07T06:53:04Z")

</div>

And read this: [https://threejs.org/docs/#manual/en/introduction/How-to-run-things-locally](https://threejs.org/docs/#manual/en/introduction/How-to-run-things-locally)  
Three.js uses textures for flares in this example and in your case it loads them from your local disk.

---

<div class="post-metadata">

**Author:** ![flouing](https://avatars.discourse-cdn.com/v4/letter/f/9dc877/32.png) [@flouing](https://discourse.threejs.org/u/flouing)\
**Post date:** [November 7, 2018, 1:28pm UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831/5 "2018-11-07T13:28:40Z")

</div>

As far as I can see, there’s no reason why the textures shouldn’t load. All my paths are correct, and I’ve changed Chrome’s local files security policy, so all my textures from other projects load well. Could the lensflare code itself have an issue?

---

<div class="post-metadata">

**Author:** ![flouing](https://avatars.discourse-cdn.com/v4/letter/f/9dc877/32.png) [@flouing](https://discourse.threejs.org/u/flouing)\
**Post date:** [November 7, 2018, 1:31pm UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831/6 "2018-11-07T13:31:21Z")

</div>

When I include those filters, all I see is “1 hidden”. I don’t know what that means, or how to unhide it.

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 7, 2018, 3:09pm UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831/7 "2018-11-07T15:09:28Z")

</div>

Try Firefox 🙂

---

<div class="post-metadata">

**Author:** ![\_w\_starovoitenko](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/_w_starovoitenko/32/3431_2.png) [@\_w\_starovoitenko](https://discourse.threejs.org/u/_w_starovoitenko)\
**Post date:** [December 9, 2018, 7:25pm UTC](https://discourse.threejs.org/t/actual-flare-doesnt-show-up-in-official-lensflare-example/4831/8 "2018-12-09T19:25:23Z")

</div>

Hello!  
help is needed!!

headlights. as in everything will accept libraries + textures

while the light does not work well, the light trembles when it covers the 3d prayer.[https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/0/0c544283667e60400d713fc093d0352cf24b0c5a.mov](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/0/0c544283667e60400d713fc093d0352cf24b0c5a.mov)

```
    var textureLoader = new THREE.TextureLoader();

    var textureFlare0 = textureLoader.load( 'model/lensflare0.png' );
    var textureFlare3 = textureLoader.load( 'model/lensflare3.png' );

    addLight( 0.1, 0.8, 0.8, 8, -146, -136 );

    function addLight( h, s, l, x, y, z ) {

      var lensflare = new THREE.Lensflare();
      lensflare.addElement( new THREE.LensflareElement( textureFlare0, 80, 0, light.color ) );
      lensflare.addElement( new THREE.LensflareElement( textureFlare3, 5, 0 ) );
      lensflare.position.set( x, y, z );
      lensflare.castShadow = true;
      light.add( lensflare );

```

};