Refraction effect for diamond material?

[DuhDamn]

Description

I have been trying to achieve refraction effect on the material for my diamond model and would like your expertise to help me achieve the effect as shown in the following. I would like to stick to modelviewer itself rather than using other libraries.

[elalish]

For this you will need the brand-new glTF_materials_volume and glTF_materials_ior extensions, which are on the verge of ratification. Then we'll need to implement them in Three.js. We're working on it, but it'll take some time to get right. And even then, you will not get a render quite as fancy as you show, since for real time on mobile GPUs we need to make many simplifying approximations.

[elalish]

You can start here: https://www.khronos.org/blog/using-the-new-gltf-extensions-volume-index-of-refraction-and-specular

I believe Blender supports them. You might also want to check out the various presentations Khronos is doing on AWE 2023 in a couple weeks (I'll be speaking on some of these panels). I believe Khronos will be making them available online after the conference as well.

[jaabathebutt]

Hi @elalish Thank you for your support
I'm new to Model Viewer and not even a coder. If I want to master this, please share what skills and languages I need to learn.
Can you help me point in the right direction if I want to create something like a diamond ring customizer that loads GLB models on the go?
I exported a 3D model of a diamond with Glass material and it's not rendering the same in the Model Viewer editor.
Thank you for all the help.
Appreciate it.

[elalish]

Diamond rendering is really hard to do well and MV doesn't have anything special for it. I'd recommend you look at using something designed for the purpose e.g. https://www.pixotronics.com/ijewel.html

[jaabathebutt]

Thank you. I'll check that out.
In the meantime, I was doing some research and found Threekit's Ring Configurator here
Their viewer is also using Khronos assets.
I'm not sure what exactly but it looks and works very well.
Would appreciate if you could share your thoughts on this.
Thanks.

[elalish]

Threekit is great - @bhouston even contributes here from time to time. I didn't know they had a ring product, but I trust them to do a good job.

[ChrizTV]

Tips for ModelViewer Refraction Effect on Natural Diamond

Tweak material properties like refractive indices.
Use ModelViewer's tools, avoiding extra libraries.
Optimize lighting for better results.
Test and adjust settings iteratively.
Seek community feedback for insights.