Object Emitted from Mouth Help

Hi Sava,

Yep this is possible!

Animate Object Where Mouth Opened

Since we want to detach the object from head movement once it's started, what we can do is just copy the rotation and position of the head binding and apply it to a non head binded object. 

To have better control of where our animation will be placed, we can create a placeholder under our Head Binding object that we can use as reference for the position and rotation. 

Next we will create a new object with a script triggered on Mouth Opened that will apply the position/rotation of our placeholder to our animation. We'll start by creating an input to get references to our placeholder and animation object. 

// -----JS CODE-----
// @input SceneObject animation
// @input SceneObject placeholder

Then from the placeholder, let's grab it's position  and rotation

var currentPlaceholderPosition = script.placeholder.getTransform().getWorldPosition();
var currentPlaceholderRotation = script.placeholder.getTransform().getWorldRotation();

Then we can apply it to the animation: 

script.animation.getTransform().setWorldPosition(currentPlaceholderPosition);
script.animation.getTransform().setWorldRotation(currentPlaceholderRotation);

Finally we'll play the animation:

var am = script.animation.getFirstComponent("Component.AnimationMixer");
am.setWeight("BaseLayer", 1);
am.start("BaseLayer", 0, 1);

Having Multiple Animations

To have objects generated when mouth is opened, we can use "copyWholeHiearchy" http://lensstudio.snapchat.com/api/classes/SceneObject/. 

Instead of modifying script.placeholder directly, we will apply it to a new copy of the animation object. Above where we setWorldPosition, we will create an object. Then we will set the transform from this new object. 

var so = global.scene.createSceneObject("newAnimation");
so.copyWholeHierarchy(script.animation);

so.getTransform().setWorldPosition(currentPlaceholderPosition);
so.getTransform().setWorldRotation(currentPlaceholderRotation);

Since we're now copying our animation object, we can disable our original animation since we only want the instances to show up, not itself.

Now we just need to turn on our animation instance. Notably, when we use copyWholeHierarchy, the object we copied is actually it's child. 

var newAnimation = so.getChild(0);
newAnimation.enabled = true;

Then, we need to point our animation mixer variable to the one on this newAnimation object

var am = newAnimation.getFirstComponent("Component.AnimationMixer");

Finally, when this animation ends, we want our copy destroyed. So we use startWithCallback instead of start. Note that we destroy the original object (so), not the newAnimation.

am.startWithCallback("BaseLayer", 0, 1, function () {
 so.destroy();
});

Now, when you open your mouth you should have a new object be created, starting where the mouth was, but detached from it!

Our final code:

// -----JS CODE-----
// @input SceneObject animation
// @input SceneObject placeholder

var currentPlaceholderPosition = script.placeholder.getTransform().getWorldPosition();
var currentPlaceholderRotation = script.placeholder.getTransform().getWorldRotation();

var so = global.scene.createSceneObject("newAnimation");
so.copyWholeHierarchy(script.animation);
so.getTransform().setWorldPosition(currentPlaceholderPosition);
so.getTransform().setWorldRotation(currentPlaceholderRotation);

var newAnimation = so.getChild(0);
newAnimation.enabled = true;
var am = newAnimation.getFirstComponent("Component.AnimationMixer");
am.setWeight("BaseLayer", 1);
am.startWithCallback("BaseLayer", 0, 1, function () {
 so.destroy();
});

Can't wait to see what you create with this :) Don't forget to share.

Cheers,

Jon