# CZML Image Material rendering bug

**URL:** <https://community.cesium.com/t/czml-image-material-rendering-bug/3704>\
**Category:** CesiumJS\
**Created:** [February 10, 2016, 9:28pm UTC](https://community.cesium.com/t/czml-image-material-rendering-bug/3704 "2016-02-10T21:28:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![chalkdust41485](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/chalkdust41485/32/13702_2.png) [@chalkdust41485](https://community.cesium.com/u/chalkdust41485)\
**Post date:** [February 10, 2016, 9:28pm UTC](https://community.cesium.com/t/czml-image-material-rendering-bug/3704/1 "2016-02-10T21:28:57Z")

</div>

Hey Cesium Team!

Wonderful job creating the de-facto standard for WebGL Globe in the browser!

I've come across a problem with using image material with some CZML structures.

Here's what the CZML looks like:

{  
&nbsp;&nbsp;"vertexPositions": {  
&nbsp;&nbsp;&nbsp;&nbsp;"cartographicDegrees": [  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-93.119481222109,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;31.105589275293,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;92.941251319833,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-93.119298259793,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;31.105600178176,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;92.942017595284,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-93.11928629073,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;31.105451468683,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;92.940773689188,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-93.119469252763,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;31.105440565818,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;92.940972548909  
&nbsp;&nbsp;&nbsp;&nbsp;]  
&nbsp;&nbsp;},  
&nbsp;&nbsp;"polygon": {  
&nbsp;&nbsp;&nbsp;&nbsp;"height": 92.941251319833,  
&nbsp;&nbsp;&nbsp;&nbsp;"extrudedHeight": 101.94125131983,  
&nbsp;&nbsp;&nbsp;&nbsp;"material": {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"uri": "images/buildingTexture1.jpg"  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"repeat": {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"cartesian2": [  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;}  
}

Here's how it looks:

> **[Screen Shot 2016-02-10 at 4.09.43 PM.png](https://drive.google.com/file/d/0B7nmfQm21PTgeVZQSjMtYlFQU2s/view?usp=sharing)**
>
> Google Drive file.

What's weird is that only the top triangle gets what appears to be the correct render (although appears to be slightly rotated). The rest get the stretched values or the border values of the rendered triangle.

Using Cesium 1.17 on Chrome with an iMac.

Any ideas on why it's being rendered like this?

---

<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:** [February 11, 2016, 5:31pm UTC](https://community.cesium.com/t/czml-image-material-rendering-bug/3704/2 "2016-02-11T17:31:33Z")

</div>

Hello,

This was a bug on our end. I’ve submitted a fix here: [https://github.com/AnalyticalGraphicsInc/cesium/pull/3552](https://github.com/AnalyticalGraphicsInc/cesium/pull/3552)

It should be in for the next release.

Thanks for reporting it!

-Hannah