Realistic diamonds from Blender (GLB/GLTF) to Threejs.

[hazy viper]

Hi all,

We are currently looking into a proof of concept for a client, who wants to display jewellery in real-time, photorealistic.
Displaying a ring works perfectly but the shaders on the diamond just won't render in ThreeJS.
These guys seem to have figured it out: https://www.pixotronics.com/ijewel.html, but buying a solution just to display diamond is our last solution.

Anyone any advice on this? We also came across this: https://codesandbox.io/s/diamond-refraction-zqrreo?file=/src/App.js
But the diamond isn't loading at all...?

Thanks!

[scenic willow]

https://github.com/pmndrs/drei-vanilla#meshtransmissionmaterial may be what you're looking for

(has also r3f equivalents - https://github.com/pmndrs/drei#meshrefractionmaterial which you linked , and https://github.com/pmndrs/drei#meshtransmissionmaterial)

[hazy viper]

I already found that, and that links to the codesandbox.io example, that's broken 🙂

[scenic willow]

it's not broken - did you wait for the scene to load?

or are there any errors in the console?

(works just fine when run on Mac M1)

[hazy viper]

stood open for hours already

[scenic willow]

yes - there's an error there

but it's hard to help without knowing on what / with what you're running the code

[hazy viper]

upgraded my chrome and it worked

[winter spade]

The error is because your device doesn't have varyings to compile the material. I fixed that recently in https://github.com/pmndrs/drei/pull/1303, so try force refreshing or updating Drei in the sandbox.

[royal sapphire]

youre the best @winter spade !