Can't make it render correctly while stacking multiple bitmaps with alpha channel

Hello, everyone! I’m trying to make an arrow with multiple images with alpha channel, while these images stacking together, wired thing happens:

image

Live demo there: https://codesandbox.io/s/arrow-demo-7czvc?file=/src/Arrow.ts

I have no idea what happened to it, Is it possible to fix the glitch?

adding
depthWrite: false
to your MeshBasicMaterial seems to work ok.

2 Likes

Ohhhhhh!!! It works!!! Thank you!!!