# orderIndependentTranslucency issue?

**URL:** <https://community.cesium.com/t/orderindependenttranslucency-issue/4483>\
**Category:** CesiumJS\
**Created:** [August 9, 2016, 6:44pm UTC](https://community.cesium.com/t/orderindependenttranslucency-issue/4483 "2016-08-09T18:44:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Terry\_Brown](https://avatars.discourse-cdn.com/v4/letter/t/e95f7d/32.png) [@Terry\_Brown](https://community.cesium.com/u/Terry_Brown)\
**Post date:** [August 9, 2016, 6:44pm UTC](https://community.cesium.com/t/orderindependenttranslucency-issue/4483/1 "2016-08-09T18:44:35Z")

</div>

Hi,

I'm displaying thousands of colored points (Entities) and it's working  
fine except I think I have an orderIndependentTranslucency problem,  
see attached.

Zoomed out, the points overlap a lot, and it seems that drawing order  
(back to front or front to back) controls whether they display as a  
pleasing solid gradient of color, or become almost invisible. It seems  
as if they're being antialiased with the background, and the fringe of  
background colored antialiasing is overwriting them as they're drawn.

Is this where this orderIndependentTranslucency switch comes in to  
play? I'm using 1.24 from [cesiumjs.org](http://cesiumjs.org) and creating the viewer like  
this:

&nbsp;&nbsp;viewer = new Cesium.Viewer('cesiumContainer', {  
&nbsp;&nbsp;&nbsp;&nbsp;contextOptions: {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;antialias: false  
&nbsp;&nbsp;&nbsp;&nbsp;},  
&nbsp;&nbsp;&nbsp;&nbsp;orderIndependentTranslucency: true  
&nbsp;&nbsp;});

but that seems to make no difference vs.:

&nbsp;&nbsp;viewer = new Cesium.Viewer('cesiumContainer')

It's not a very high performance graphics card, so maybe OIT just  
doesn't work on this setup?

Thanks, Terry

![Capture.PNG](https://global.discourse-cdn.com/cesium/original/1X/b9b180d20257222df971ca931b8f8fb5796bb24c.png)

---

<div class="post-metadata">

**Author:** ![hannah](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/hannah/32/4509_2.png) [@hannah](https://community.cesium.com/u/hannah)\
**Post date:** [August 10, 2016, 2:19pm UTC](https://community.cesium.com/t/orderindependenttranslucency-issue/4483/2 "2016-08-10T14:19:15Z")

</div>

Hello Terry,

It’s hard for me to tell exactly what is going on from the picture you posted.

We do have an issue filed for OIT problems with polygon: [https://github.com/AnalyticalGraphicsInc/cesium/issues/4170](https://github.com/AnalyticalGraphicsInc/cesium/issues/4170)

Maybe that’s related to what you’re seeing?

What does it look like if you set orderIndependentTranslucency: false?

Best,

Hannah

---

<div class="post-metadata">

**Author:** ![mlammers08](https://avatars.discourse-cdn.com/v4/letter/m/da6949/32.png) [@mlammers08](https://community.cesium.com/u/mlammers08)\
**Post date:** [August 11, 2016, 11:58am UTC](https://community.cesium.com/t/orderindependenttranslucency-issue/4483/3 "2016-08-11T11:58:42Z")

</div>

Terry - I think your issue is similar to what I dealt with concerning overlapping points:

[https://groups.google.com/forum/#!msg/cesium-dev/5qv7Q\_qudt8/7VlF5JBQAgAJ;context-place=forum/cesium-dev](https://groups.google.com/forum/#!msg/cesium-dev/5qv7Q_qudt8/7VlF5JBQAgAJ;context-place=forum/cesium-dev)

I ended up having to use the hacked solution suggested in this github issue thread:

[https://github.com/AnalyticalGraphicsInc/cesium/pull/3784](https://github.com/AnalyticalGraphicsInc/cesium/pull/3784)

You have to edit the PointPrimitive shader file and add borders to all of the points to implement this fix, but I have found it to be successful. Apparently there is an issue with IE/Edge according to other associated issue posts, so you might have to weigh that.

---

<div class="post-metadata">

**Author:** ![Terry\_Brown1](https://avatars.discourse-cdn.com/v4/letter/t/7993a0/32.png) [@Terry\_Brown1](https://community.cesium.com/u/Terry_Brown1)\
**Post date:** [August 13, 2016, 4:37am UTC](https://community.cesium.com/t/orderindependenttranslucency-issue/4483/4 "2016-08-13T04:37:11Z")

</div>

[snip]

> Terry - I think your issue is similar to what I dealt with concerning  
> overlapping points:
> 
> [Redirecting to Google Groups](https://groups.google.com/forum/#!msg/cesium-dev/5qv7Q_qudt8/7VlF5JBQAgAJ;context-place=forum/cesium-dev)
> 
> I ended up having to use the hacked solution suggested in this github  
> issue thread:
> 
> [Messing with Z by emackey · Pull Request #3784 · CesiumGS/cesium · GitHub](https://github.com/AnalyticalGraphicsInc/cesium/pull/3784)

[snip]

Thanks, that definitely looks like my issue, will follow up the threads  
next week.

Cheers -Terry