# Clouds Illusion

**URL:** <https://discourse.threejs.org/t/clouds-illusion/93311>\
**Category:** Showcase\
**Created:** [August 4, 2026, 12:04pm UTC](https://discourse.threejs.org/t/clouds-illusion/93311 "2026-08-04T12:04:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tibi](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/tibi/32/61300_2.png) [@Tibi](https://discourse.threejs.org/u/Tibi)\
**Post date:** [August 4, 2026, 12:04pm UTC](https://discourse.threejs.org/t/clouds-illusion/93311/1 "2026-08-04T12:04:57Z")

</div>

A Three.js WebGL experiment exploring an atmospheric mountain scene surrounded by animated volumetric clouds. Custom shaders, layered noise textures, dynamic lighting, and subtle camera interaction create a cinematic sense of depth and movement. The project uses GLTF models and real-time post-processing to bring the landscape and sky together.

Is just an illusion, rotate the camera!

> **[Clouds Illusion](https://fwdapps.net/l/clouds-illusion/)**

 ![clouds](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/1/812f1aec7b28e7e4adef33cdbe01b57b789fb7d5.jpeg)

---

<div class="post-metadata">

**Author:** ![agrafikr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/agrafikr/32/40836_2.png) [@agrafikr](https://discourse.threejs.org/u/agrafikr)\
**Post date:** [August 7, 2026, 8:17am UTC](https://discourse.threejs.org/t/clouds-illusion/93311/2 "2026-08-07T08:17:35Z")

</div>

Cool — is that based on a fire simulation?

---

<div class="post-metadata">

**Author:** ![Tibi](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/tibi/32/61300_2.png) [@Tibi](https://discourse.threejs.org/u/Tibi)\
**Post date:** [August 7, 2026, 9:53am UTC](https://discourse.threejs.org/t/clouds-illusion/93311/3 "2026-08-07T09:53:51Z")

</div>

Not really it is using a noise sampel from a png file, it cluld be used like fire but it wrok best with the current settings as clouds…