# Particules in the air

**URL:** <https://forum.babylonjs.com/t/particules-in-the-air/9429>\
**Category:** Questions\
**Created:** [March 24, 2020, 2:43pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429 "2020-03-24T14:43:39Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![flowbolox](https://avatars.discourse-cdn.com/v4/letter/f/df705f/32.png) [@flowbolox](https://forum.babylonjs.com/u/flowbolox)\
**Post date:** [March 24, 2020, 2:43pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/1 "2020-03-24T14:43:39Z")

</div>

Hi,

I want to have some particules floating in the air like the background in this website

> **[Prior](https://prior.co.jp/discover/en)**
>
> Description

I try tu use gpuParticules but do you think it’s the best way to do that ?  
and how can I have directly all the particules floating ?  
[https://playground.babylonjs.com/#6LBJIG#1](https://playground.babylonjs.com/#6LBJIG#1)

Thanks for your answer

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [March 24, 2020, 3:08pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/2 "2020-03-24T15:08:07Z")

</div>

I would probably recommend using SPS: [Solid Particle System - Babylon.js Documentation](https://doc.babylonjs.com/how_to/solid_particles)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [March 24, 2020, 3:23pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/3 "2020-03-24T15:23:16Z")

</div>

or that: [Create a Ribbon - Babylon.js Documentation](https://doc.babylonjs.com/how_to/ribbon_tutorial)

---

<div class="post-metadata">

**Author:** ![flowbolox](https://avatars.discourse-cdn.com/v4/letter/f/df705f/32.png) [@flowbolox](https://forum.babylonjs.com/u/flowbolox)\
**Post date:** [March 24, 2020, 3:38pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/6 "2020-03-24T15:38:43Z")

</div>

Ok thanks,

Here, I use SPS : [https://www.babylonjs-playground.com/#2FPT1A#358](https://www.babylonjs-playground.com/#2FPT1A#358)  
But how can I have the same aspect than the gpu particule example ?

Thanks

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [March 24, 2020, 3:49pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/7 "2020-03-24T15:49:36Z")

</div>

What do you mean by same aspect?

---

<div class="post-metadata">

**Author:** ![flowbolox](https://avatars.discourse-cdn.com/v4/letter/f/df705f/32.png) [@flowbolox](https://forum.babylonjs.com/u/flowbolox)\
**Post date:** [March 24, 2020, 4:11pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/8 "2020-03-24T16:11:46Z")

</div>

I mean sprites round and transparent with textures/flare.png for texture like here : ![Screenshot 2020-03-24 at 17.09.12](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/5/5e7ddb196606e4756b7a5e3e27072e36828b9ee0.png)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [March 24, 2020, 5:02pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/9 "2020-03-24T17:02:34Z")

</div>

Well you have a ton of options in the SPS doc, you should be able to find exactly what you need there (But can I ask why GPU particles are not what you need?)

---

<div class="post-metadata">

**Author:** ![flowbolox](https://avatars.discourse-cdn.com/v4/letter/f/df705f/32.png) [@flowbolox](https://forum.babylonjs.com/u/flowbolox)\
**Post date:** [March 24, 2020, 5:09pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/10 "2020-03-24T17:09:02Z")

</div>

Ok I will search in the doc thanks.  
For GPU, I thought that it was the good solution but I don’t see how to have the particules immediately displayed. like the background here :

> **[Nightingale | Progressive Marketing & Communication Agency](https://www.nightingale.world/)**
>
> A progressive marketing and communication agency based in the Benelux. Combining innovation, aesthetics and relevance in fashion, food, design and tech.

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [March 24, 2020, 5:22pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/11 "2020-03-24T17:22:15Z")

</div>

like that: [https://playground.babylonjs.com/#6LBJIG#3](https://playground.babylonjs.com/#6LBJIG#3) ?

[https://doc.babylonjs.com/babylon101/particles#pre-warming](https://doc.babylonjs.com/babylon101/particles#pre-warming)

---

<div class="post-metadata">

**Author:** ![flowbolox](https://avatars.discourse-cdn.com/v4/letter/f/df705f/32.png) [@flowbolox](https://forum.babylonjs.com/u/flowbolox)\
**Post date:** [March 24, 2020, 5:29pm UTC](https://forum.babylonjs.com/t/particules-in-the-air/9429/12 "2020-03-24T17:29:21Z")

</div>

Ok that’s what I needed 🙂
