# Iridescence + Transmission

**URL:** <https://forum.babylonjs.com/t/iridescence-transmission/52804>\
**Category:** Bugs\
**Created:** [August 14, 2024, 5:01pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804 "2024-08-14T17:01:51Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![echadwick-artist](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/echadwick-artist/32/41009_2.png) [@echadwick-artist](https://forum.babylonjs.com/u/echadwick-artist)\
**Post date:** [August 14, 2024, 5:01pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804/1 "2024-08-14T17:01:51Z")

</div>

![2024-08-14 12_41_52](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/4/4/4485905f27e008356969ceb91fc0f1a8008c73d4.jpeg)

Babylon.js Sandbox seems to be inverting the colors of Transmission when there is also Iridescence in use.

Iridescent coatings are used on mirrored sunglasses, which are partially transparent. A real-world photo of the effect:

 ![2024-08-14 12_49_24-Taylor+Davis+V+Shades+Sunglasses+Boss+Oversized+Shield+Fashion+Model+Festival+1.](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/4/8/48f1eeef5424527d7676e9b9f9e8b75876421681.jpeg)

A sample glTF asset using KHR\_materials\_transmission with KHR\_materials\_iridescence:  
[SunglassesDGG\_GLB.zip](https://forum.babylonjs.com/uploads/short-url/bZAKCQlXgWIjjpRBW0CxNQVLU71.zip) (230.4 KB)

The material for the outside surface of the lenses:

 ![2024-08-14 12_52_05-SunglassesDGG.gltf - Visual Studio Code](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/7/27d3d9c472672f70e46f02ea6325566cece3eed1.jpeg)

---

<div class="post-metadata">

**Author:** ![echadwick-artist](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/echadwick-artist/32/41009_2.png) [@echadwick-artist](https://forum.babylonjs.com/u/echadwick-artist)\
**Post date:** [August 14, 2024, 5:03pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804/2 "2024-08-14T17:03:10Z")

</div>

Comparing the asset in different glTF renderers:

 ![2024-08-14 12_41_25-three.js editor](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/c/dc6a7296ee5c1f732a13e1ea1df94455d7fc4233.jpeg)

glTF Sample Viewer also seems to be incorrect, a separate issue has been reported there:

> <https://github.com/KhronosGroup/glTF-Sample-Viewer/issues/567>
>
> !\[2024-08-14 12\_41\_52-three js editor\](https://github.com/user-attachments/asset…s/17d26e26-0e44-4745-9af5-3315231ae346)
> KHR\_materials\_iridescence does not seem to be rendering correctly in the glTF Sample Viewer.
> 
> Iridescent coatings are used on mirrored sunglasses, which are partially transparent. A real-world photo of the effect:
> !\[2024-08-14 12\_49\_24-Taylor+Davis+V+Shades+Sunglasses+Boss+Oversized+Shield+Fashion+Model+Festival+1\](https://github.com/user-attachments/assets/813b606b-481f-471c-bf20-d56086a0a48b)
> 
> A sample glTF asset using KHR\_materials\_transmission with KHR\_materials\_iridescence:
> \[SunglassesDGG\_GLB.zip\](https://github.com/user-attachments/files/16616389/SunglassesDGG\_GLB.zip)
> 
> The material for the outside surface of the lenses:
> !\[2024-08-14 12\_52\_05-SunglassesDGG gltf - Visual Studio Code\](https://github.com/user-attachments/assets/2f762122-c2a4-4cc3-b50f-af170f48b17c)

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [August 14, 2024, 5:14pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804/3 "2024-08-14T17:14:57Z")

</div>

What should the behavior be, not sure to understand the issue, sorry @echadwick-artist, would be great if you could describe a bit more ?

---

<div class="post-metadata">

**Author:** ![echadwick-artist](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/echadwick-artist/32/41009_2.png) [@echadwick-artist](https://forum.babylonjs.com/u/echadwick-artist)\
**Post date:** [August 14, 2024, 5:40pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804/4 "2024-08-14T17:40:37Z")

</div>

The skybox should not appear green behind the glass. The iridescence is pink, so the inverse is green.

Three.js Editor is rendering it correctly, the skybox through the glass is not showing inverted pink (green).

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [August 14, 2024, 6:22pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804/5 "2024-08-14T18:22:47Z")

</div>



---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [February 27, 2025, 9:23pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804/6 "2025-02-27T21:23:22Z")

</div>

This will be fixed by:

> <https://github.com/BabylonJS/Babylon.js/pull/16229>
>
> This will fix the problem with iridescence for some models.

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [February 27, 2025, 9:23pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804/7 "2025-02-27T21:23:26Z")

</div>



---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [February 27, 2025, 10:28pm UTC](https://forum.babylonjs.com/t/iridescence-transmission/52804/8 "2025-02-27T22:28:23Z")

</div>

Thanks a ton @Evgeni_Popov and sorry @echadwick-artist completely skipped it until the other transmission issue made me think back to it…
