javascript - Ugly render on clouds -


I am trying to implement the code, but in a much higher ratio (radius = 100000 units)

I do not know what the shape is, but rendering clouds on my land is a strange render. As a tutorial, I am using two areas and three textures (Earth map, collision map, cloud).

Here the result (worse if the cloud is close): earth

More clouds are close to the surface of the planet, and this mess is visible. If the cloud is sufficiently far (but it is not realistic) then the problem completely disappears.

What can I do?

Use logarithmic depth buffer instead of linear one This is a very easy change, when you have your Three. If you create Webgil renderer then enable logarithmic pathbuffer :

  var renderer = new three WebGL renderer ({Antialus: true, logarithmic dipth buffer: true} ); Here is an example you can see: 

The use of polygon offset as suggested by LJ_1102 is a possibility, but it should not be necessary.


Comments

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

php - Mysql Show Process - Sleep Commands and what to do -

c - What is the address of buf (the local variable in the main function)? -