Creating White Breezy Effect – Seeking Guidance and Insights

[ginnychen19]

Hello fellow engineers,

I would like to inquire about how to achieve the effect of white breezy blowing, as shown in the image below.

Upon observation, I have considered that this effect could be achieved through a simple 2D plane with particles. However, there are moments when it seems like there might be some interaction with the terrain or path.

I’ve noticed similar effects in the following projects:

1. Coastal World
2. Kode Clubs

Could anyone shed some light on how such an effect can be implemented? Any insights or guidance would be greatly appreciated. Thank you in advance!

[PavelBoytchev]

Indeed, a 2D plane is enough, no need to use particles. Because of the terrain, the positions of vertices must be recalculated every frame – this is the only interaction between the breeze and the terrain and it makes it as if the breeze flows (glides) over the surface.

Here is a quick demo of 10 breeze lines*. If you want a challenge, try to make the effect by yourself, without looking at the source:

https://codepen.io/boytchev/full/qBLNEVZ

---

* PS: The breeze lines look like tapeworms, I believe you are more creative and will make them look better.

[ginnychen19]

@PavelBoytchev

Indeed, a 2D plane is enough, no need to use particles. Because of the terrain, the positions of vertices must be recalculated every frame – this is the only interaction between the breeze and the terrain and it makes it as if the breeze flows (glides) over the surface.

Here is a quick demo of 10 breeze lines*. If you want a challenge, try to make the effect by yourself, without looking at the source:

Thank you so much for explaining this principle !
I didn’t realize it was achieved by calculating relative vertices.
I really appreciate you taking the time to clarify this for me.
I’ll take on the challenge and try it myself first.

Thanks again !

[Lawrence3DPK]

that’s a beautiful little demo! nice work as always @PavelBoytchev