How to create this scene?

Questions
1

Hi,

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.

Jeff

2

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.

3

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?

Thanks

Jeff

4

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.

5

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

1 Like