Skip to main content
TikTok Effect House Platform Logo
Latest
Download
Log in
Getting Started

Getting Started With Effect House

Effect House is a platform that can be used to create augmented reality effects. You can combine different assets and interactions to build virtual elements that are applied onto a user’s face, body, and environment.

After creating your AR effects, feel free to publish and share them to the world on TikTok for people to experience.

Interface

When you first open Effect House, there are some built-in templates to help you create effects without having to start from scratch.

Note
Note

You can find the corresponding tutorial for each template here.

When you open a template or create a new project, you’ll be able to see Effect House’s interface.

On the top left is the Hierarchy panel. The Hierarchy panel shows the objects you added to the effect and the layers of objects in the scene. You can also add built-in functional objects by clicking + Add object.

Below the Hierarchy panel is the Assets panel. The Assets panel is the library for all your imported assets. You can simply drag assets into the panel or click + Add asset and select Import to add specific assets like Texture Sequence and 3D face binding mesh.

In the center is the 3D workspace reflecting your effect. You can zoom, pan, and rotate the 3D view of your project. You can also select the object and use the gizmo to manipulate the transform of object. The view can be switched between 3D and 2D scenes if you add 2D objects.

Next is the Preview panel which shows your effect work in progress. There are a few built-in videos to test your effect in different environments. You can also open the webcam to test your effect on yourself or a variety of skin tones to ensure your effect is inclusive and looks good on everyone on TikTok.

On the far right is the Inspector panel where you can see each object in the Hierarchy panel is broken down into multiple components. Each component can be changed by modifying their properties.

For example, when you click the lighting object in the Hierarchy panel, it will show the lighting components with the properties assigned to it. Feel free to tweak the color or the other properties and see how it will reflect on the preview.

And finally, on the bottom is the Visual Scripting panel. You can implement interactions on an effect by simply connecting nodes together instead of writing any code in this panel.

Features

Next, let’s take a look at some features in Effect House.

AR Tracking

If you go to the Hierarchy panel and click Add Object > AR Tracking, you can select Head Tracker, Body Avatar Drive, Hand Tracker, as well as AR Camera that enables device tracking.

The Hand Tracker allows you to track the hands that are in the camera’s view. You can attach 3D objects, special effects, and even triggers to each hand.

unaligned-image-0

The Body Avatar Drive functionality allows you to track the position and rotation of joints on the body in 3D. You can track one full-body as well as partial bodies.

unaligned-image-0

With Head Tracker, you can attach 3D objects to follow the head and face in the environment.

The Device Tracker component is used to place and track objects in the real world. You can create AR environment experiences like placing a 3D character or object on the ground, putting a drone to make it fly in the air, etc.

Face Effects

Additionally, we support multiple face effects to meet your imagination. You can find the Face Effects by going to the Hierarchy panel and clicking + Add object > Face Effects.

With 3D Face, you can create a dynamic 3D face mask that follows face motions or the face morph effect. Learn more about 3D Face and 3D face mask.

unaligned-image-0
unaligned-image-1

Add a Face Mask and Eye Color to create 2D face makeup effects. Learn more about Face Mask and Eye Color.

unaligned-image-0
unaligned-image-1

When using Face Stretch, you can easily customize the face shape by manipulating key points. Learn more about Face Stretch.

Face Inset will cut out parts of the face elements. You can tweak the transform and apply color to it. Learn more about Face Inset.

Face Sticker makes it easier to attach a 2D image to a specific face anchor, while Face Liquify helps to magnify the face in humorous ways. Learn more about Face Sticker and Face Liquify.

unaligned-image-0
unaligned-image-1

Visual Scripting

Visual Scripting allows you to create interactive effects without worrying about writing text-based code. This means that you can easily add complex logic and see the flow of logic by using nodes and variables. Click the third icon on top left panel to control the visibility of the Visual Scripting panel.

Note
Note

Learn more about Visual Scripting.

Preview and Submit

Click Restart to refresh your effect. To test and preview your effect, click Preview in TikTok to generate a QR code. Then use your mobile device to open TikTok and scan the QR code.

Note
Note

Learn more about how to preview in Effect House and preview in TikTok.

Note
Note

Once you are satisfied with your effect, read Technical Optimization to optimize your effect before submitting it. Following these guidelines will help your effect get approved.

And when you feel ready to publish, click Submit and follow the instructions to publish. After completing the required steps, wait a few days to receive a status update on your effect.

Note
Note

Learn more about thumbnail creation and how to submit your effect.