I tried for a long time but failed to render a diamond model as real. Here is the model I used huatou.gltf (1.3 MB) Here are the results I hope to achieve demo I think I need your help. Can someone provide some suggestions or demos? Thank you very much

Thank you for reply.I have seen the content here before, but it still hasn’t achieved the desired effect

[image] Diamond refraction - CodeSandbox Diamon refraction material [image] Diamond ring - CodeSandbox Diamond ring by drcmda using @react-three/drei, @react-three/fiber, @react-three/postprocessing, @types/three, lamina, react, react-colorful, re…

Thank you for reply.These demos are implemented on the basis of React, what I need is a demo that is only implemented on JavaScript

The shader is glsl, it is unrelated to react or even threejs. In vanilla nothing is easily reusable, but you can pull out the source, adapt it to your purposes. Btw, there is a vanilla project GitHub - N8python/diamonds but the drei source is more up to date and contains multiple bug fixes, it is m…

you can tried it with glsl. 1.make axies vec2 uv = fragCoord/iResolution.xy; uv = (uv - .5) * 2.; uv.x *= iResolution.x / iResolution.y; draw 2d y axies void main() { vec2 uv = gl_FragCoord/u_resolution.xy; vec2 uv2 = gl_FragCoord/u_resolution.xy; uv = (uv -…

Thank you for reply.I am trying to overcome this problem

Thank you for reply.I will try this method

How to use JavaScript to render a diamond more realistic

Questions

Harold June 23, 2023, 6:44am 2

There was a topic about this last year: How to make diamond looks real?

1 Like

Topic		Replies	Views
How to make diamond looks real? Questions materials , shaders	38	9422	March 31, 2024
How to render a diamond properly with three js Questions refraction	9	7211	June 7, 2019
ThreeJS diamond reflection and refraction Questions textures , materials , shaders , refraction , threejs	7	10401	May 22, 2021
About Diamond Shader issues Questions	2	126	October 13, 2025
Real Time Diamond Rendering Showcase	14	13283	January 14, 2026

How to use JavaScript to render a diamond more realistic

Related topics