Countdown
The Countdown Template allows you to create a Lens which displays a countdown toward a specific date. This template is great for creating a Lens that counts down to a special event, like a birthday party. You can customize the messages the Lens displays before and after the countdown is complete. The template also includes customizable 3D hat and glasses, as well as animations that can be triggered by user interaction.
Tutorial
Guide
Customize the Countdown
To customize the countdown, select the object named Countdown Controller [EDIT_ME]
in the Scene Hierarchy
panel and adjust its settings in the Inspector
panel.
Trigger the Animation
The countdown message is set to animate when the Lens starts and after the user triggers an event, such as tapping or opening their mouth. To change the event that triggers the animation, change the selected event in the Animation Trigger
dropdown menu.
Make sure to change the project info hint after setting the trigger to be the same as the Animation Trigger property. Take a look at the Project Info guide for more information.
Setting the Countdown Date
To set the date that your Lens is counting down to, modify the Month
and Day
properties in the Countdown
property group.
You can set a custom message that follows the day count, by changing the property named Text
in the Countdown Message
property group.
When the date is reached, a different message will be displayed when the animation occurs. This message is called the Reveal Message
. You can edit the message by changing the property named Text in the Reveal Message
property group.
Customize the Hat
You can edit the Hat’s color in the Inspector panel by selecting and editing the Primary Color
, Secondary Color
, Tertiary Color
and Pom Color
option.
You can adjust the hat size using the Hat Size
slider.
Similarly, you can also adjust the hat position
using the Hat Offset
slider.
Removing the Hat
You can remove the Hat from your Lens by deleting the Birthday Hat Anchor object in the Scene Hierarchy
panel under Camera -> Effects -> Head Binding -> Birthday Hat Anchor
.
Customize the Glasses
Like the hat, you can personalize your glasses.
Edit the look of the Sunglasses in the Inspector panel by selecting and editing the Primary Color
, Secondary Color
and Lens Color
.
You can change the frame size of the sunglasses by adjusting the Frame Size
slider.
Similarly, You can also adjust the frame position using the Frame Offset
slide.
You can place an image in the lenses of the Sunglasses by changing the Lens Image
property. Click it, and select a custom texture you’ve imported into Lens Studio. Take a look at the Image guide for more information on adding your own images to Lens Studio.
You can adjust the Lens Image’s opacity by changing the Image Intensity
slider.
You can adjust the custom image's size using the Image Size
slider.
Like the hat, you can remove the Sunglasses from your Lens by deleting the Sunglasses Anchor object in the Scene Hierarchy
panel under Camera > Effects > Head Binding -> Sunglasses Anchor
.
Previewing Your Lens
You’re now ready to preview your Lens. To preview your lens in Snapchat, follow the Pairing to Snapchat guide.