Creating a Script to play different animations based on what user selects

Hey Chris,

Jonathan helped out another community question with a similar question a couple months ago here. Does this post help you achieve the effect you were hoping for?

Cheers,
Kaitlyn

Yes this helps. I've actually been able to figure out how to do it using the Soundboard Template. Would you also be able to answer a question I have, I am looking to track the person's face to a video animation, is this doable in Lens Studio?

Sure, happy to help here. Can you explain a bit more the effect you're hoping to achieve though?

Hi Kaitlyn,

I am looking to create a Lens where the user can select between 6 different buttons, giving them a specific animation of someone dancing and the face is cut out so the user can have their face in there. Right now when I try and add the face inset it is being applied below the billboard (video). Hope this explains it well enough. 

Thanks,

Chris

Another issue, probably really easy on our end just I have no idea how to make my billboard object disappear from the start. Basically what I have now are two buttons that trigger different animations which is what I want. The problem is, that when I preview on my device, the animation is already playing from the start without pressing the buttons. How do I fade in or just pop in the animation so its not just idling on the screen at the start?

Would be a huge help. Much appreciated!!!

Hey Chris,

To hide a object on the start you can simply disable the object. Like this:

For the animation you can use the Animation Mixer API page to pause the animation on initialize of the lens:

https://lensstudio.snapchat.com/api/classes/AnimationMixer/

// PlayAnimation.js
// Version: 0.0.3
// Event: Lens Turned On
// Description: Plays a single animation on an animated mesh. If an AnimationMixer is not set, the script will attempt to find one on the SceneObject.
//    @input Component.AnimationMixer animationMixer
//    @input string animationLayerName = "BaseLayer"
//    @input float animationWeight = 1.0 {"widget":"slider", "min": 0, "max": 1, "step": 0.01}
//    @input float animationStartOffset = 0.0
//    @input int numberOfLoops = -1
if(!script.animationMixer)
{
    script.animationMixer = script.getSceneObject().getFirstComponent("Component.AnimationMixer");
}
if(script.animationMixer)
{
    script.animationMixer.setWeight(script.animationLayerName, script.animationWeight);
    script.animationMixer.start(script.animationLayerName, script.animationStartOffset, script.numberOfLoops);
}

the script above will play animation automatically and you can use the script and replace the start() with pause().

Please refer to API page to learn more about AnimationMixer component.

Best,

Amir.