The different rendering result between Cesium and Three.js

CesiumJS
1

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.

Cesium:1.63

Three.js:94

cube1.jpg
cube1.jpg1913×944 183 KB

init status

cube2.jpg
cube2.jpg1920×941 145 KB

the map zoom in

2

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?

3

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:https://polluxll.github.io/samples/cube.html