How to create this scene?


I am new to Babylon so bear with me if my question sounds dumb.

I want to create a game scene that consists a planet( globe) which is covered by cloud . Sometimes a new city is found, then a hole appear in the cloud and a part of the city picture can be seen through the cloud.

I think I could use a ground texture( cover the globe) and create plane on the globe and then cover a cloud texture on top of them. When the city is found, make part of the cloud texture transparent.

But it seems cannot work.

Any suggestions are welcome.


This could work, and you could also design everything in Blender or the like of it and disabled some meshes (part of the could sky) in order to leave holes.

Thanks. I tried to code it but got stuck.

  1. I don’t know how to put 3 layers together and make them visible through alpha settings. It seems I can only apply two textures to the globe.

  2. What’s the best way to create the cloud effects?

Any examples code I can reference?



You should have a look at the doc on how to create and move meshes:

As well as the one regarding opacity: Transparent Rendering | Babylon.js Documentation

clouds could be a simple texture on a plane.

Quick test using a simple shader. If this is the kind of thing you mean

1 Like