Change mesh or sprite object with code

Hi Vincent,

For your first question, here's how you can change the mesh asset of a MeshVisual:

//@input Component.MeshVisual meshVisual
//@input Asset.RenderMesh renderMesh

script.meshVisual.mesh = script.renderMesh;

And here's how to change the texture of a SpriteVisual:

//@input Component.SpriteVisual spriteVisual
//@input Asset.Texture texture

script.spriteVisual.mainPass.baseTex = script.texture;

About your second question, I'm a little confused about what your goal is in the Lens? Is there a button for each part of the face? Does each button change all the other parts of the face, or only some of them?

I can give you some general tips in the meantime, like having a central script that is notified by all the button scripts. There's a lot of ways to do it, but here's a really straightforward way using global functions:

// Controller.js (put under Initialized, only one of this script is needed)
global.onLeftEarButtonTapped = function() {
    print("left ear button was tapped");
    // do whatever you need to do here
}
global.onRightEarButtonTapped = function() {
    print("right ear button was tapped");
    // do whatever you need to do here
}

// Left_Ear_Button.js (put this on the ear object under Tapped event)
global.onLeftEarButtonTapped();

// Right_Ear_Button.js (put this on the ear object under Tapped event)
global.onRightEarButtonTapped();

And continue doing this for all 9 buttons. 

Note that there's cleaner ways of doing this where you don't have to write a separate script for each button. You can have a single button script that does something like this:

// Button.js (put this under Tapped event)
if (script.api.onTapped) {
    script.api.onTapped();
}

And then have your controller reference those buttons like:

// Controller.js (put under Initialized, you only need one of these)
// @input Component.ScriptComponent leftEarButton

script.leftEarButton.api.onTapped = function() {
    print("left ear button tapped!");
}

But it's really up to you, and your organization preferences.

Hope this has helped! If you need more guidance with this, please give some further description of your lens and I'll try to assist you on it.

Thanks,
Jacob

Hi Vincent,

It looks like the javascript file is being opened up by Windows Script Host, an external program. When you double click a javascript file in Lens Studio, it opens that file through your operating system, which will use whatever program is associated with .js file extensions. You can ignore that "script is undefined" error message in this case, since it's coming from an external program that doesn't know how to handle scripts meant for Lens Studio.

If you want, you can change your default program for ".js" files to your text editor of choice, like Visual Studio Code or Sublime Text. That way, double clicking on script files will open them in a text editor instead of trying to execute them. Here's a guide for doing that on Windows (step 4 is the relevant part): https://support.microsoft.com/en-us/help/4028161/windows-10-change-default-programs 

If you don't want to change the default program for .js, you can safely ignore this error. Just keep in mind that double clicking on script files will always try to open that file through your operating system.