# The different rendering result between Cesium and Three.js

**URL:** <https://community.cesium.com/t/the-different-rendering-result-between-cesium-and-three-js/8843>\
**Category:** CesiumJS\
**Created:** [November 15, 2019, 2:52am UTC](https://community.cesium.com/t/the-different-rendering-result-between-cesium-and-three-js/8843 "2019-11-15T02:52:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![liu\_liang](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/liu_liang/32/3885_2.png) [@liu\_liang](https://community.cesium.com/u/liu_liang)\
**Post date:** [November 15, 2019, 2:52am UTC](https://community.cesium.com/t/the-different-rendering-result-between-cesium-and-three-js/8843/1 "2019-11-15T02:52:26Z")

</div>

**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](https://global.discourse-cdn.com/cesium/original/3X/c/e/ce307de2d4829c645e30e2f8f66b8802126bad10.jpeg)

init status

 ![cube2.jpg](https://global.discourse-cdn.com/cesium/original/1X/c8d465b19e25105a25b8933f973fd7afcf6a1ccb.jpeg)

the map zoom in

---

<div class="post-metadata">

**Author:** ![omar](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/omar/32/1999_2.png) [@omar](https://community.cesium.com/u/omar)\
**Post date:** [November 15, 2019, 3:50am UTC](https://community.cesium.com/t/the-different-rendering-result-between-cesium-and-three-js/8843/2 "2019-11-15T03:50:12Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![liu\_liang](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/liu_liang/32/3885_2.png) [@liu\_liang](https://community.cesium.com/u/liu_liang)\
**Post date:** [November 15, 2019, 5:46am UTC](https://community.cesium.com/t/the-different-rendering-result-between-cesium-and-three-js/8843/3 "2019-11-15T05:46:15Z")

</div>

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