MichaelD Posted January 22, 2018 Share Posted January 22, 2018 Hello, I'm working on creating a site with BabylonJS and I need to make a planet, I have setup most of the look and feel about it but the only thing I'm missing are the clouds, so I want to add clouds similar to this site (earth) http://www.space-advisor.ca/en/?experience But don't know where to start, I haven't found anything explaining how can I add two or more materials/textures to the same Sphere for example. Any help is appreciated! Quote Link to comment Share on other sites More sharing options...
Pryme8 Posted January 22, 2018 Share Posted January 22, 2018 Just add another sphere slightly bigger then your planet for the clouds. Otherwise its a custom shader. Quote Link to comment Share on other sites More sharing options...
MichaelD Posted January 22, 2018 Author Share Posted January 22, 2018 and will the clouds (attached) be transparent (between the clouds) allowing the underlying sphere to show? Do I need to set a specific property? Quote Link to comment Share on other sites More sharing options...
Pryme8 Posted January 22, 2018 Share Posted January 22, 2018 yes, http://www.babylonjs-playground.com/#YDO1F#18 https://doc.babylonjs.com/babylon101/materials MichaelD and JohnK 2 Quote Link to comment Share on other sites More sharing options...
JohnK Posted January 22, 2018 Share Posted January 22, 2018 Using image editing software and making the blue transparent and checking out this part of the documentation could be one way of achieving the effect you need. MichaelD 1 Quote Link to comment Share on other sites More sharing options...
MichaelD Posted January 23, 2018 Author Share Posted January 23, 2018 I made it, thanks for all your help http://www.babylonjs-playground.com/#YDO1F#26 JohnK 1 Quote Link to comment Share on other sites More sharing options...
Kesshi Posted January 23, 2018 Share Posted January 23, 2018 To enable correct alpha blending you should enable "useAlphaFromDiffuseTexture" at your material. See line 25: http://www.babylonjs-playground.com/#YDO1F#28 MichaelD 1 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted January 23, 2018 Share Posted January 23, 2018 http://www.babylonjs-playground.com/#YDO1F#30 MichaelD 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.