I am trying a render a diamond with three js. I tried using refraction envMap but the result is not so good. I tried using the texture of the diamond itself. But it looks more like a glass in diamond shape. i also tried the fresnel shader but the result is not even near what i expect Can anyone sug…

Unfortunately, the code is not open source.

Maybe this official example is a good starting point: https://threejs.org/examples/webgl_materials_reflectivity.html

I tried it but it’s more like the glass efect and i’m trying with refraction : https://threejs.org/examples/webgl_materials_cubemap_refraction.html

Sorry for the absense, I got the perfect effect of diamond on a three js example with TorusKnotBufferGeometry. when i put the refraction envMap and a map with same texture of diamond… i uploaded it to a github repo - [image] twlick/diamond_three Contribute to twlick/diamond_three deve…

diamond.obj does not have any texture coordinates so using it with textures does not work. diamond2.obj defines texture coordinates but all uv pairs have the same value 0.000000 1.000000. Texture mapping won’t work with these vertex data, too.

Then how can i construct a model with the properties it needed to put texture map corrcetyly?

You should author the 3D model in a tool like Blender and ensure that the texture is correctly projected onto the geometry. There are many existing tutorials that explain the process of uv-editing. Just give Google a try :wink:

I will try it now, diamond2.obj i took from another site but diamond.obj i made in blender. i just took a cylinder then sub part it. The problem might occur when i added glass bswf material on it. then i exported it. i don’t have idea on uv editing, but i’ll search that. Thank you

How to render a diamond properly with three js

Questions

prisoner849 June 3, 2019, 1:13pm 2

Hi!
Reminded me about this showcase: Real Time Diamond Rendering

Topic		Replies	Views
ThreeJS diamond reflection and refraction Questions textures , materials , shaders , refraction , threejs	7	10549	May 22, 2021
How to use JavaScript to render a diamond more realistic Questions textures , materials , shaders , gltf-loader	8	2978	June 24, 2023
How to make diamond looks real? Questions materials , shaders	39	10104	July 17, 2026
MeshRefractionMaterial for Three.js Questions textures , materials , geometry , shaders	3	1315	December 13, 2025
How to recreate texture envMap functionallty in scene Questions editor , textures	2	792	December 4, 2022

How to render a diamond properly with three js

Related topics