Face Effect Overlay

Having a bit of an issue - I cloned the “Samurai Mask” project and added my own assets, which work fine. However, I want to overlay a banner which would show on when the user triggers a selfie. In the past (using a face mesh) I was able to accomplish this by embedding a textured plane in the camera. When I try this with this project, the plane shows behind the mask, which doesn’t make sense to me. I also tried using an absolutely positioned div with a z-index of 10 outside the element, but this simply doesn’t appear at all.

Can you tell me what I’m doing wrong here? The project is at 8th Wall

Thanks

Additional note: the A-Frame Face Effects sample project at A-Frame: Face Effects | 8th Wall | 8th Wall doesn’t appear to be working any more (doesn’t switch to front camera)

Can you provide a little more information on what you’re trying to achieve? Do you want the banner to be included in the captured media? If so, you can check out this sample project:

Regarding the A-Frame sample project, it looks like xrface was mistakenly set to use the front camera recently: xrface="cameraDirection: front"

I have updated the cameraDirection from back to front, so it should be working as expected again. Thanks for the note!

2 Likes

This topic was automatically closed 4 days after the last reply. New replies are no longer allowed.