Skip to main content
Version: 4.55.1

Soundboard

The Soundboard Template allows you to create your very own soundboard Lenses! This Lens template features a set of buttons that each trigger a different sound and popup graphic. The buttons in Soundboard Template Lenses will show during recording allowing the user to press them but won't be rendered in the final Snap. It does this by using a unique Capture Target and Live Target. Refer to the Camera and Layers guide for more information on showing things during recording but not having them be in the final Snap.

Guide

Exploring The Template

Once you have the project open, you’ll see a set of buttons in the Preview panel. Try clicking on these buttons in the Preview panel to see what they do.

You should see that each button triggers a different sound and kitty visual.

The Soundboard Keys

The sounds and visuals triggered by the buttons are controlled by a group of SceneObjects. You can see them in the Objects panel, named with the prefix “SoundboardKey_”.

The Trigger Visuals

The Kitty visuals you see popping in after each button press are also SceneObjects, named with the prefix “TriggerVisual_”.

Adding Custom Sounds

To edit the sound played by a button, start by selecting its corresponding “SoundboardKey_” object in the Objects panel.

The selected object has a SoundboardKey script. You can change the sound it plays by editing the Audio Track property on that script component.

To bring in your own audio track, in the Resources panel, select Add New -> Import Files.

Adding Custom Visuals

To replace the image displayed on one of the popup visuals, start by selecting its corresponding “TriggerVisual_” object in the Objects panel.

The selected object has a Sprite component. You can change its image by editing the BaseTex property on the Sprite Component.

To bring in your own image, in the Resources panel, select Add New -> Import Files.

Updating The Motion

Each of the TriggerVisual objects has its own predefined tweens for entering and exiting the frame. You can adjust these settings by editing the TweenBillboard script components attached to the “TriggerVisual_” objects.

To edit the visual’s start position, edit the Start property on the Tween named “show”, and edit the End property on the Tween named “hide.” Also, be sure to set the Sprite Aligner’s Binding Position property to match this value.

To edit the visual’s end position, edit the End property on the Tween named “show”, and edit the Start property on the Tween named “hide.”

To learn more about how the Tween system works, visit our documentation on Tweening.

Editing The Buttons

You can change the appearance of the buttons by editing the button’s Material, which you can find in the Resources panel under “Materials.”

You’ll likely only want to adjust the Base Color and Base Texture properties.

Submitting Your Lens

You’re now ready to submit your Lens! Follow the guides below:

Was this page helpful?
Yes
No