# Can Threejs achieve cloud rendering?

**URL:** <https://discourse.threejs.org/t/can-threejs-achieve-cloud-rendering/45049>\
**Category:** Questions\
**Tags:** server-side-rendering, render\
**Created:** [November 23, 2022, 8:18am UTC](https://discourse.threejs.org/t/can-threejs-achieve-cloud-rendering/45049 "2022-11-23T08:18:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![seanin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanin/32/6452_2.png) [@seanin](https://discourse.threejs.org/u/seanin)\
**Post date:** [November 23, 2022, 8:18am UTC](https://discourse.threejs.org/t/can-threejs-achieve-cloud-rendering/45049/1 "2022-11-23T08:18:49Z")

</div>

This big scene experience is particularly good  
[2022世界智能制造大会 (vscloud.vip)](https://rt.vscloud.vip/#/?entry=ns5dpevxw4km&code=wimc2022)

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/f/d/fdcabb23e27162e334cddc3f488efd171e6bdf33.png)  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/8/182222e84ee7ba91ea9955837ae4d985a03f786b.jpeg)

---

<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:** [November 23, 2022, 10:56am UTC](https://discourse.threejs.org/t/can-threejs-achieve-cloud-rendering/45049/2 "2022-11-23T10:56:42Z")

</div>

There is no similar effect in the repository but maybe you can start with:

> **[How to Create Procedural Clouds Using Three.js Sprites | Codrops](https://tympanus.net/codrops/2020/01/28/how-to-create-procedural-clouds-using-three-js-sprites/)**
>
> Today we are going to create an animated cloud using a custom shader material, extending the built-in Sprite material of

---

<div class="post-metadata">

**Author:** ![Chaser\_Code](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/chaser_code/32/20199_2.png) [@Chaser\_Code](https://discourse.threejs.org/u/Chaser_Code)\
**Post date:** [November 23, 2022, 11:08am UTC](https://discourse.threejs.org/t/can-threejs-achieve-cloud-rendering/45049/3 "2022-11-23T11:08:25Z")

</div>

> **[GitHub - tkchanat/webgl-volumetric-cloud: COMP5411 Project](https://github.com/tkchanat/webgl-volumetric-cloud)**
>
> COMP5411 Project. Contribute to tkchanat/webgl-volumetric-cloud development by creating an account on GitHub.

[Godot 3.1 simple shader for Sky and Reflection - YouTube](https://www.youtube.com/watch?v=IQ-yw19xBQ8&ab_channel=DanilS) [GitHub - danilw/godot-utils-and-other: random code that I made/use for godot](https://github.com/danilw/godot-utils-and-other)  
[GitHub - kylebakerio/a-super-sky: fancy, lightweight, drop-in day-night sky component for A-Frame](https://github.com/kylebakerio/a-super-sky)  
[Sketchbook 0.4](https://jblaha.art/sketchbook/0.4/)  
[GitHub - jeromeetienne/threex.noiseshadermaterial: provides a THREE.ShaderMaterial preconfigured to display 3d noise.](https://github.com/jeromeetienne/threex.noiseshadermaterial)  
[New Composed Shader - ShaderFrog.com](https://shaderfrog.com/app/view/5257)  
[https://danilw.github.io/godot-utils-and-other/dyn\_sky\_refl/web/dsr.html](https://danilw.github.io/godot-utils-and-other/dyn_sky_refl/web/dsr.html)  
[https://editor.me/three/examples/?q=sky#webgl\_shaders\_sky](https://editor.me/three/examples/?q=sky#webgl_shaders_sky)  
[Three.js dynamic sky rendering](https://derschmale.com/lab/doodles/dynamicsky/build/)  
[Shader - Shadertoy BETA](https://www.shadertoy.com/view/ltdXRS)  
[Shader - Shadertoy BETA](https://www.shadertoy.com/view/ltXXRM)  
[Shader - Shadertoy BETA](https://www.shadertoy.com/view/4tdSWr)  
[Shader - Shadertoy BETA](https://www.shadertoy.com/view/ltdXRS)  
[Simple cloud - ShaderFrog.com](https://shaderfrog.com/app/view/2753)  
[Shader - Shadertoy BETA](https://www.shadertoy.com/view/XsfXW8)  
[Shader - Shadertoy BETA](https://www.shadertoy.com/view/XlsXzN)  
[SkyGen](https://www.nutty.ca/webgl/skygen/)  
[Shader - Shadertoy BETA](https://www.shadertoy.com/view/XtBXDw)  
[CS 184 Spring 2018 Final Report](https://www.jerryjrchen.com/cs184/final/)  
[Shader - Shadertoy BETA](https://www.shadertoy.com/view/tdSXzD)  
[Error - Shadertoy BETA](https://www.shadertoy.com/view/Msfcz2)  
[GLSL Sandbox](http://glslsandbox.com/e#70013.0)

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [November 23, 2022, 12:31pm UTC](https://discourse.threejs.org/t/can-threejs-achieve-cloud-rendering/45049/4 "2022-11-23T12:31:38Z")

</div>

that would be too heavy, i suggest u use alpha maps multi layered instead of actual cloud,

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [November 23, 2022, 4:52pm UTC](https://discourse.threejs.org/t/can-threejs-achieve-cloud-rendering/45049/5 "2022-11-23T16:52:48Z")

</div>

Examples of adaptation from shadertoy to three.js .

from the [Collection of examples from discourse.threejs.org](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315)

[Little Shader Book](https://hofk.de/main/ShaderBook/indexEN.html)

![2022-11-23 17.51.02](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/3/6/360d3fe14c8770f256c70982b018b36c7a9463ac.png)

![2022-11-23 17.50.47](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/8/7825d44f2ddc7862c0499a44c3a86e4a6d192922.png)