Is there a way to place 2D animations with alpha channels in layers along the Z-axis to create depth?
When using alpha videos, the animations placed in the back are also masked.
Make sure your material has transparent: true
Or you may also need to set depthTest: false on your entity.
Please reference the A-frame materials documentation here:
You may also need to move the entity either higher up or lower in your DOM as A-frame renders from top to bottom.
Thank you. Is this the same when using video file like mp4 ? can’t use PNG sequences, right?
If you want to use a .mp4 file you can try using a green screen like this sample project
What I’m asking is whether there is a way to layer 2D animations on the same axis, like in this video.With the green screen video method, the overlapping parts are not displayed.
