How to slowly enable a texture

loupis1

Snap Lens Network Member Lens Studio Team

October 16, 2019 18:26

I'm using a behavior script to enable a face mask on touch.

I would like the face mask to be enabled slowly, over a second or two, instead of instantly.

Anyone know if this is possible?

loupis1
Snap Lens Network Member Lens Studio Team

October 18, 2019 13:49
The Marker template comes with a script called MeshFadeController.

Is there anyone familiar with this template that can tell me if i can alter this script so I can fade into the FaceMask instead of the mesh its made for?

Description of MeshFadeController is below

// MeshFadeController.js

// Version: 0.0.1

// Event: Lens Initialized

// Description: Fade in and out the 3D meshes using fizzle.

// @input bool fadeEffect = false

// @input string fadeType = "startFadeIn" {"widget":"combobox", "values":[{"label":"Fade In", "value":"startFadeIn"}, {"label":"Fade Out", "value":"startFadeOut"}], "showIf": "fadeEffect"}

// @input float fadingDuration = 1.0 {"widget":"slider", "min":0.1, "max":5.0, "step":0.01 , "showIf": "fadeEffect"}

// @input Asset.Material[] fadeMaterials {"showIf": "fadeEffect"}
Comment actions Permalink
Jonathan Solichin
Snap Lens Network Member Lens Studio Team

October 19, 2019 00:09
Hi Loupis1!

You can use the TweenManager helper script to help with this.

First add the Tween Manager

Then select your Face Mask in the Objects panel. In the Inspector panel, at the bottom choose Add Component and add the Tween -> TweenTypes -> Tween Alpha script in the file selection window.

Now you can control how your mask fades in with the TweenAlpha script!

Cheers,

Jonathan
Comment actions Permalink
loupis1
Snap Lens Network Member Lens Studio Team

October 20, 2019 00:04
Thanks Jonathan!

Follow up question. TweenAlpha is allowing me to fade the FaceMask in but there's a problem.

I'm using the Full Screen template that allows me to switch through different face masks on tap.

When I add TweenAlpha to the facemask object it causes the face mask to fade in after i tap BUT the facemask is fully visible for a flash of a second before the fade begins.

Can i fix that? Sorry if its confusing.
Comment actions Permalink
loupis1
Snap Lens Network Member Lens Studio Team

October 27, 2019 00:07
bump
Comment actions Permalink

Olha

Snap Lens Network Member Lens Studio Team

November 01, 2019 00:03
Edited

Hi, loupis1!

There are several ways

1. You can set your face mask alpha to 0 at the beginning

2. Use a behavior script (set color alpha to zero):

3. Or via code:

//@input Component.FaceMaskVisual faceMask

function setAlpha(value){

    var color = script.faceMask.mainMaterial.mainPass.baseColor;

    color.a = value;

    script.faceMask.mainMaterial.mainPass.baseColor = color;

}


setAlpha(0); //call this when you need to reset

How to slowly enable a texture

We're here to help! We just need a little bit of information...

What system do you run Lens Studio on?

Follow the next steps to help us solve your issue:

Thanks for submitting this issue.

We'll try to resolve this issue as soon as possible. Thanks for letting us know about it!