Hello, talents!
I’m here to get a help for my project. Currently, I’ve got .obj file format 3D model.
With that model, I need to implement the rendering effect like this:
In my experience, I need to use shaders material to implement the above rendering effect.
Do you have any similar examples or solutions?
meshtransmissionmaterial. maybe meshphysical but i think mtm will get you better looking results.
csg bunny https://codesandbox.io/p/sandbox/csg-bunny-usegroups-mlgzsc?file=%2Fsrc%2FApp.js
router shapes https://codesandbox.io/p/sandbox/router-transitions-4j2q2
geist font https://codesandbox.io/p/sandbox/vercel-sans-geist-5g64ns
generic sandbox that lets you try out all the props https://codesandbox.io/p/sandbox/meshtransmissionmaterial-hmgdjq
Yep, as @drcmda suggests, transmission might be your best choice + some environment mapping. Here is something I made some time ago with transmission:
https://boytchev.github.io/viu/model-cross/index.html?a=27
But you may also look at the official Three.js examples. You can learn a lot from them. Here are a few:
https://threejs.org/examples/#webgl_loader_gltf_transmission
https://threejs.org/examples/#webgl_materials_physical_transmission
https://threejs.org/examples/#webgl_loader_gltf_dispersion
https://threejs.org/examples/#webgl_materials_physical_transmission_alpha
