# Fire and smoke exception

**URL:** <https://discourse.threejs.org/t/fire-and-smoke-exception/19508>\
**Category:** Questions\
**Tags:** materials, shaders, geometry\
**Created:** [October 7, 2020, 12:52pm UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508 "2020-10-07T12:52:03Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![huxiao5579144](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/huxiao5579144/32/13803_2.png) [@huxiao5579144](https://discourse.threejs.org/u/huxiao5579144)\
**Post date:** [October 7, 2020, 12:52pm UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/1 "2020-10-07T12:52:03Z")

</div>

hellow guys, I made two different flames. When the latter one is not displayed, the first one is frozen. How to solve it? Thank you in advance.  
threejs example: [https://threejs.org/examples/?q=fire#webgl\_fire](https://threejs.org/examples/?q=fire#webgl_fire) ,  
my example: [https://codesandbox.io/s/condescending-pine-fmp0l?fontsize=14&hidenavigation=1&theme=dark](https://codesandbox.io/s/condescending-pine-fmp0l?fontsize=14&hidenavigation=1&theme=dark)

 ![QQ截图20201007204228](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/5/5be9b371fc926ad0ab2ac41b916119ecf54c6105.png)

---

<div class="post-metadata">

**Author:** ![huxiao5579144](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/huxiao5579144/32/13803_2.png) [@huxiao5579144](https://discourse.threejs.org/u/huxiao5579144)\
**Post date:** [October 8, 2020, 7:23am UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/2 "2020-10-08T07:23:21Z")

</div>

Can anyone help me? I need to make a scene of multiple braziers. Thank you 😃

---

<div class="post-metadata">

**Author:** ![huxiao5579144](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/huxiao5579144/32/13803_2.png) [@huxiao5579144](https://discourse.threejs.org/u/huxiao5579144)\
**Post date:** [October 8, 2020, 7:31am UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/3 "2020-10-08T07:31:34Z")

</div>

After testing, it was also found that by changing the properties of one of the flames, the other also changed synchronously, even though they were different objects

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [October 8, 2020, 9:34am UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/4 "2020-10-08T09:34:07Z")

</div>

`THREE.Fire` was implement by a one-time contributor. The class is not really maintained. This is the original PR: [https://github.com/mrdoob/three.js/pull/15366](https://github.com/mrdoob/three.js/pull/15366)

@mrdoob Since the original developer ([https://github.com/mikepiecuch](https://github.com/mikepiecuch)) of `THREE.Fire` seems to be not active at GitHub anymore, I suggest to remove the class. What do you think?

---

<div class="post-metadata">

**Author:** ![huxiao5579144](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/huxiao5579144/32/13803_2.png) [@huxiao5579144](https://discourse.threejs.org/u/huxiao5579144)\
**Post date:** [October 8, 2020, 10:06am UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/5 "2020-10-08T10:06:26Z")

</div>

@Mugen87 Thank you for your reply, manager. I’m going to ask him on GitHub if he would like to do another update. , because the flame in this example is really real.  
In addition, are there any other examples of flame / smoke particle effects available in threejs

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [October 8, 2020, 10:25am UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/6 "2020-10-08T10:25:02Z")

</div>

> [@huxiao5579144](#):
>
> In addition, are there any other examples of flame / smoke particle effects available in threejs

There are so many of them e.g. [https://codepen.io/daniel3toma/pen/dybjNbZ](https://codepen.io/daniel3toma/pen/dybjNbZ). Just google a bit for fire and smoke effects.

The biggest problem is that some of them use legacy `three.js` version so it is necessary to migrate to code to the latest release.

---

<div class="post-metadata">

**Author:** ![huxiao5579144](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/huxiao5579144/32/13803_2.png) [@huxiao5579144](https://discourse.threejs.org/u/huxiao5579144)\
**Post date:** [October 8, 2020, 10:28am UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/7 "2020-10-08T10:28:49Z")

</div>

❤ ❤ ❤

---

<div class="post-metadata">

**Author:** ![mrdoob](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mrdoob/32/22417_2.png) [@mrdoob](https://discourse.threejs.org/u/mrdoob)\
**Post date:** [October 9, 2020, 7:55am UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/8 "2020-10-09T07:55:44Z")

</div>

Sounds good to me 👍

---

<div class="post-metadata">

**Author:** ![trusktr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/trusktr/32/13726_2.png) [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Post date:** [November 2, 2023, 7:52am UTC](https://discourse.threejs.org/t/fire-and-smoke-exception/19508/9 "2023-11-02T07:52:10Z")

</div>

I brought back the Fire class in the following [Lume](https://lume.io) demo:

> <https://github.com/lume/lume/blob/b917305c7c3696d57b29cdb8901d15da9fbc2c2a/examples/fire-2d.html>

Any of Lume’s `examples/` can be viewed live using [https://raw.githack.com](https://raw.githack.com). Here’s the fire demo:

[https://rawcdn.githack.com/lume/lume/b917305c7c3696d57b29cdb8901d15da9fbc2c2a/examples/fire-2d.html](https://rawcdn.githack.com/lume/lume/b917305c7c3696d57b29cdb8901d15da9fbc2c2a/examples/fire-2d.html)

That’s on Three r158.

([docs.lume.io](http://docs.lume.io) has more examples that are not from that `examples/` folder)