pixiv/three-vrm

Transparency issues with materials

ButzYung opened this issue · 4 comments

The material.transparent property is sometimes wrongly set to false when such material contains transparent texture that should be set to true instead. Below is an example with the official Alicia VRM model.

As you can see, the lines between the eye and eyebrow have some weird green see-through.
_00

If I set that material.transparent to true on console, the problem is gone, but then it creates some render order issues among materials.
_01

A similar issue can be reproduced in the drag-n-drop exmaple of three-vrm. Those lines are surrounded by some weird white pixels.
_02

Obviously, this is not the only VRM model affected. Some are less noticeable, while some are very notcieable.
ButzYung/SystemAnimatorOnline#22

If my memory is right, I think this problem didn't exist before the v1.0 of three-vrm (though unfortunately I can't test it on my app with that version anymore)

PS: Changing .alphaTest or .alphaToCoverage (for MSAA) make the see-through issue less noticeable, though obviously this is not the best solution.

Thank you for addressing this! I eagerly await an update. Love the software so far!

Thanks for the report!

Fixed in #1272.

Thanks for fixing this. I hope to see this fix on the next version of three-vrm soon.

0b5vr commented

@ButzYung We've just released the patched version v2.0.3 . Thank you for the report again!