# Face Effect Overlay

**URL:** <https://forum.8thwall.com/t/face-effect-overlay/2878>\
**Category:** Technical Support\
**Tags:** face-effects\
**Created:** [September 23, 2024, 12:35am UTC](https://forum.8thwall.com/t/face-effect-overlay/2878 "2024-09-23T00:35:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Israel\_Alvarez](https://avatars.discourse-cdn.com/v4/letter/i/71c47a/32.png) [@Israel\_Alvarez](https://forum.8thwall.com/u/Israel_Alvarez)\
**Post date:** [September 23, 2024, 12:35am UTC](https://forum.8thwall.com/t/face-effect-overlay/2878/1 "2024-09-23T00:35:32Z")

</div>

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](https://www.8thwall.com/arlo/bonescoffeefallout/project)

Thanks

Additional note: the A-Frame Face Effects sample project at [A-Frame: Face Effects | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/face-effects-aframe) doesn’t appear to be working any more (doesn’t switch to front camera)

---

<div class="post-metadata">

**Author:** ![Evan](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/evan/32/431_2.png) [@Evan](https://forum.8thwall.com/u/Evan)\
**Post date:** [September 23, 2024, 8:10pm UTC](https://forum.8thwall.com/t/face-effect-overlay/2878/2 "2024-09-23T20:10:22Z")

</div>

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:

> **[A-Frame: Photo Frame | 8th Wall Playground | 8th Wall](https://www.8thwall.com/playground/photo-frame)**
>
> This project demonstrates how to add a photo frame to photo/video capture using the foregroundCanvas parameter

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!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/9/9212a857458f1b03a6accb129e0f8cbea408e3e5.png) [@system](https://forum.8thwall.com/u/system)\
**Post date:** [October 23, 2024, 10:53am UTC](https://forum.8thwall.com/t/face-effect-overlay/2878/3 "2024-10-23T10:53:48Z")

</div>

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