Manipulate Alpha via Code

Jhonnel Pica

Snap Lens Network Member Lens Studio Team

September 30, 2020 13:57
Edited

Hi, just a question, How to set the alpha value via script?

This is my script but gives me error
script.thisImage.getComponent("Component.Image").mainPass.alpha = 0;

Michael French

Snap Lens Network Member Lens Studio Team

September 30, 2020 16:43
Edited

Maybe try something like:

//@input Component.Image img

var currentColor = script.img.mainPass.baseColor;
var newAlpha = .5;
var newColor = new vec4(currentColor.r, currentColor.g, currentColor.b, newAlpha);
script.img.mainPass.baseColor = newColor;

SirQu3ntin
Snap Lens Network Member Lens Studio Team

September 30, 2020 19:05
Hey Jhonnel Pica

Maybe some of the following liks can help you :D

Alpha 1

Alpha 2

Alpha 3

Alpha 4

Cheers,

SirQu3ntin
Comment actions Permalink
Jhonnel Pica
Snap Lens Network Member Lens Studio Team

October 01, 2020 06:24
Thank you so much Michael French & SirQu3ntin
Comment actions Permalink
Noah Lupowitz
Snap Lens Network Member Lens Studio Team

October 01, 2020 19:08
Hey this is very possible with no programming, by just using Tweens. I'll walk you through exactly how to do this with your image object.

First, click the plus arrow on top of the objects panel go to helper scripts, and click "Tween Manager." Then, uncheck the "Examples [REMOVE_ME]" object under the Tween Manager and drag it to the top of the objects panel so it renders first. After you have the Tween Manager in the objects panel, click on the image object, and in the inspector panel, click add component and then select "script." Then, click on "add script" and choose "TweenAlpha" under the Tween, tween types folder.

Once you have the script added, you can move the "start" and "end" lever to wherever you want the movement to start and stop. If you want it to happen multiple times, you can adjust the "loop type" to whatever you like the best. Also, if you only want this to happen after the user does something, click on "initialized" and change it to whatever you want.

I've also made you an example project, to demonstrate how to do this tween movement. You can download and test it out by clicking here.

If you have any more questions, feel free to comment on this or dm me on snap @NoahLupowitz!

Take care,

Noah
Comment actions Permalink

Manipulate Alpha via Code

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!