R3F doesn't handle transparency correctly.

[deen24id]

I have a 3D model that has transparent vertices. When I use 3D Viewer app in Windows, the model is displayed correctly. As you can see from the image below, the head is transparent with mask on its face:

However, when I try to display it on R3F, the display is kinda broken. As you can see from the image below, many parts are not supposed to be transparent:

Here is a sandbox to reproduce the transparency problem: https://codesandbox.io/p/sandbox/objloader-forked-74fq8g. I also attached the relavant .obj files in the sandbox, so that you can view it in other apps.

Besides, in another web app: https://www.roblox.com/users/84743203/profile?friendshipSourceType=PlayerSearch, if you take a look at the 3D currently viewing section, they do not experience the same transparency issue.

Let me know how to fix this problem . Cheers!😄

[krispya]

Hello! I can see the problem clearly, but I don't think it is something we have control over. This looks to do with how the OBJLoader works with transparent materials. It appears to be setting all materials to transparent! You should take this issue over the Three's Github and ask there.

[deen24id]

Sure, I made another issue in the threejs repo: mrdoob/three.js#30684.