The different rendering result between Cesium and Three.js

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

A transparent box has different rendering result in Cesium and Three.js,and the transparent box disappeared when the camera changed in Three.js.

I doubt the reason caused by the coordinate accuracy .

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

the single html page

Cesium Cube body, html { width: 100%; height: 100%; margin: 0; padding: 0; display: inline-flex; } #map { width: 50%; height: 100%; display: inline-block; } #cube { width: 50%; height: 100%; display: inline-block; border-left: 1px solid red; background-color: #000; }

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

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



init status

the map zoom in

This is almost certainly due to the size of the coordinates. Have you tried drawing a smaller box placed at the center of the Earth? Does the same problem still occur?

I change the box to a small size,the same problem still happend.
var minLon = 138;

var maxLon = 138.39092;

var minLat = 3;

var maxLat = 3.56;

var minHeight = 0;

var maxHeight = 40000;

Here is a online sample: