# How Can I use the "Makeup Try-On Module" in my Niantic Studio project?

**URL:** <https://forum.8thwall.com/t/how-can-i-use-the-makeup-try-on-module-in-my-niantic-studio-project/2759>\
**Category:** Technical Support\
**Tags:** face-effects, makeup, a-frame, studio\
**Created:** [September 13, 2024, 7:49am UTC](https://forum.8thwall.com/t/how-can-i-use-the-makeup-try-on-module-in-my-niantic-studio-project/2759 "2024-09-13T07:49:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gabriel\_Magalhaes](https://avatars.discourse-cdn.com/v4/letter/g/b19c9b/32.png) [@Gabriel\_Magalhaes](https://forum.8thwall.com/u/Gabriel_Magalhaes)\
**Post date:** [September 13, 2024, 7:49am UTC](https://forum.8thwall.com/t/how-can-i-use-the-makeup-try-on-module-in-my-niantic-studio-project/2759/1 "2024-09-13T07:49:45Z")

</div>

I’m using the Niantic Studio, I don’t have the Pro Plan.  
So I just created a new Project in the Studio, cloning the (Basic) Face Effects Project the (Stere Glasses one).

I imported the “Makeup Try-On Module” into my project, created all the files as it says. And when I try to build I kept getting: _Uncaught ReferenceError: AFRAME is not defined_.

What it might be missing? How can I import the AFRAME properly in the Studio?

[https://www.8thwall.com/theelectricfactory/modules/makeup-module](https://www.8thwall.com/theelectricfactory/modules/makeup-module)

---

<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 13, 2024, 7:38pm UTC](https://forum.8thwall.com/t/how-can-i-use-the-makeup-try-on-module-in-my-niantic-studio-project/2759/2 "2024-09-13T19:38:08Z")

</div>

Hi @Gabriel_Magalhaes -

This module was built by [The Electric Factory](https://www.8thwall.com/theelectricfactory) for projects built using [A-Frame](https://aframe.io/).

Niantic Studio uses a visual editor along with the [8th Wall ECS API](https://www.8thwall.com/docs/studio/api/ecs/), which is separate from A-Frame.

To develop experiences with third-party 3D frameworks like A-Frame, you will need to [upgrade to the Pro Plan](https://www.8thwall.com/pricing) and develop projects in the Cloud Editor.

---

<div class="post-metadata">

**Author:** ![Gabriel\_Magalhaes](https://avatars.discourse-cdn.com/v4/letter/g/b19c9b/32.png) [@Gabriel\_Magalhaes](https://forum.8thwall.com/u/Gabriel_Magalhaes)\
**Post date:** [September 13, 2024, 9:21pm UTC](https://forum.8thwall.com/t/how-can-i-use-the-makeup-try-on-module-in-my-niantic-studio-project/2759/3 "2024-09-13T21:21:00Z")

</div>

Hi @Evan, I’m first trying to understand the tool before putting any money on it. But it seems pretty hard (not so flexible) to develop in the free plan. Or it might be just the documentation that seems to lack basic information. But now that you told me, I got it about the AFRAME thing.

So, I also tried creating using only the tools that I have available on Niantic Studio, without AFRAME. Using the face mesh and face effects project template!

Considering this is a project where I’m using the “Template” that comes in the Studio, can you help me with the following question??

> [@How to make a lips image (.png) follow the mouth of the Face Mesh?](https://forum.8thwall.com/t/how-to-make-a-lips-image-png-follow-the-mouth-of-the-face-mesh/2758):
>
> How to make a lips image (.png) follow the mouth of the Face Mesh? I’m using the Studio, I don’t have the pro plan. So I just created a new Project in the Studio, cloning the (Basic) Face Effects Project that comes with the Stereo Glasses as a .glb. and it has a .png in the Face Mesh. I changed the Face Mesh texture to my own image, that has a mouth on it. Since it is linked straight to the Face Mesh I though it would automatically start to follow the Face’s mouth. But it didn’t. What is mis…

---

<div class="post-metadata">

**Author:** ![Gabriel\_Magalhaes](https://avatars.discourse-cdn.com/v4/letter/g/b19c9b/32.png) [@Gabriel\_Magalhaes](https://forum.8thwall.com/u/Gabriel_Magalhaes)\
**Post date:** [September 18, 2024, 11:45pm UTC](https://forum.8thwall.com/t/how-can-i-use-the-makeup-try-on-module-in-my-niantic-studio-project/2759/4 "2024-09-18T23:45:56Z")

</div>

Is it possible ? To link the face mesh of the Basic Plan to the user face expressions ? I meant the whole mesh not just “parenting” this. I meant when the users talk the mesh should follows according to it. When the user blinks the mesh should “blinks” as well. Is it possible to achieve using the basic plan? How? I can’t find no info about it nowhere, even in the [8th Wall ECS API] link that you sent.

---

<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 20, 2024, 6:19am UTC](https://forum.8thwall.com/t/how-can-i-use-the-makeup-try-on-module-in-my-niantic-studio-project/2759/5 "2024-09-20T06:19:05Z")

</div>

Hi @Gabriel_Magalhaes - yes, I have replied in the other thread. Let’s continue the conversation there. Thank you again for your patience!

---

<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:** [September 24, 2024, 6:19am UTC](https://forum.8thwall.com/t/how-can-i-use-the-makeup-try-on-module-in-my-niantic-studio-project/2759/6 "2024-09-24T06:19:15Z")

</div>

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