Real weather clouds animated on the globe..... did someone try something?

CesiumJS
1

1. A concise explanation of the problem you’re experiencing.

Well, I want to create real clouds om my application so the user get’s the feeling like it’s in real world. Purpose in the future is to connect the cloud-settings to a real world weather webserver to get the type of weather in the region, and generate the clouds based on the real live & current (expected) weather (forecast).

2. A minimal code example. If you’ve found a bug, this helps us reproduce and repair it.

The code I’m thinking about to try : https://www.clicktorelease.com/blog/how-to-make-clouds-with-css-3d/

3. Context. Why do you need to do this? We might know a better way to accomplish your goal.

Because I want it :wink:

4. The Cesium version you’re using, your operating system and browser.

Cesium 1.39. Windows 10 Enterprise. Chrome 64bits. NVidea Geforce.

So If you have idea’s what to use and how, let us know :slight_smile:

2

FYI: http://www.markmark.net/PDFs/RTCloudsForGames_HarrisGDC2002.pdf

3

Hi Geoneer

Rain and clouds sample , not so photo realistic , see Pilatus Railway demo


click the 'rain effect' checkbox.

One way to draw clouds in Cesium is to implement vertex and fragment shader.
see below.


https://github.com/AnalyticalGraphicsInc/cesium/wiki/Fabric

Rendering clouds normaly use 'Perlin noise' algorithm.
see below
http://george-geng.github.io/abovetheclouds.html

Thanks.

4

There may be some work towards cloud rendering this winter. Keep an eye on https://github.com/AnalyticalGraphicsInc/cesium/issues/5962

Real-time weather data is under the “later” category and would be very cool to see.

5

Thanks! I’m checking how to create the clouds when it’s raining. I want to know how the code creates those clouds and trying to make the clouds dependent on the current weather. Also fog inside a valley is one of the requirements I want to create.

Well, let’s go on and study the samples.

6

Great examples here: https://www.shadertoy.com/

7

  1. I will try to add this to my project : https://www.shadertoy.com/view/XslGRr

  2. If this works well…

  3. I will try to create a new class in cesiumjs itself in the scene/clouds.js

  4. Hopefully I can create and share a generic class to create volumic clouds in the main cesiumjs base.

  5. I will use fog.js as a base to create the clouds.js with the input from point [1.]

So if you all got some idea’s, let me know!

Thanks!