- KHR_materials_transmission
- KHR_materials_volume
- KHR_materials_iridescence
Wayfair Lamp model using transmission, volume, and KHR_materials_iridescence.
- Display in SampleViewer
- Download GLB
- Model Directory
(above) glTF Sample Viewer screenshot, with the Footprint Court IBL.
This model represents the real Wayfair product Bonsell 19" Table Lamp which has iridescent finishes.
The use of real-world photographic reference is meant to help glTF developers with calibrating material features and renderer behavior, to more accurately represent e-commerce products. Additional photo reference is available on the Wayfair website.
(above) Photos of the real product.
The glass material uses KHR_materials_transmission and KHR_materials_volume for transmission and refraction, along with KHR_materials_iridescence for iridescence.
The colors are caused by a type of glaze called carnival glass. On the real product the glaze is applied to the inside of the glass cover rather than the outside. However because most rasterizers render only a single layer of transmission, the iridescent colors were applied to both inside and outside of the cover rather than only on the inside.
The glass uses partial Metalness to improve the iridescent response, because the glaze on carnival glass is partially metallic. If it were fully metallic, the glass would become entirely opaque.
The iridescence on the glass uses a thickness range from 395 to 405 nanometers and a thickness texture for surface variation, which seems to match the iridescent colors in the reference photography.
The inner surface of the lamp shade uses a fully-metallic material with iridescence. On the real product this surface is a partially-transmissive metal foil; however to optimize the rendering in glTF this material has been simplified to not utilize transmission.
The iridescence on the lamp shade uses a thickness range from 485 to 515 nanometers and a thickness texture for surface variation, which seems to match the iridescent colors in the reference photography.
(above) Material ingredients for the model. Top row: occlusion, roughness, metalness. Bottom row: base color, iridescence, iridescence thickness.
The asset was created using 3ds Max, exported to glTF using Max2Babylon, and materials were edited in Visual Studio Code with glTF Tools.
© 2022, Wayfair, LLC. CC BY 4.0 International
- Eric Chadwick for Everything