Skip to main content
TikTok Effect House Platform Logo
Download
Giriş Yap
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 cool features in Effect House.

AR Tracking

If you go the Hierarchy panel and click Add Object > AR tracking, you will see that we support 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 face morph effect. You can check out our guides 3D Face and 3D face mask.

unaligned-image-0
unaligned-image-1

And when you add a Face Mask and Eye Color, it will help to create 2D face makeup effects. You can check out guides Face Mask and Eye Color.

unaligned-image-0
unaligned-image-1

For Face Stretch, you can easily customize the face shape by manipulating key points. You can check out our Face Stretch guide.

Face Inset will cut out part of the face elements. Feel free to tweak the transform, and apply some color to it. You can check out our Face Inset guide.

Face Sticker will make it easier to attach a 2d image to a specific face anchor, while Face Liquify will help to magnify the face in hilarious ways. You can check out our Face Sticker and Face Liquify guides.

unaligned-image-0
unaligned-image-1

Visual Scripting

Visual Scripting lets you 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

Please refer to our Visual Scripting overview guide for more information.

Preview & Submit

When we finish the effect, press Restart to refresh your effect. If you want to test and preview your effect, press Preview in TikTok to generate a QR code. Use your mobile device to open TikTok and scan the QR code to preview your effect.

Note
Note

Please refer to Preview in Effect House and Preview in TikTok for previewing details.

Note
Note

After you are satisfied with your effect please remember read our Technical Optimization guide to optimize your effect before submit. Following these guidelines will help lower the risk of your effect getting rejected.

And when you feel ready to publish, click Submit and follow the instructions to publish. After finishing all the steps, please wait for a few days for your effect to get approval.

Note
Note

Please refer to Thumbnail creation and Submit your effect for more details on submission requirements.