Manipulate Alpha via Code

  • 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;


    Comment actions Permalink
  • Hey Jhonnel Pica

    Maybe some of the following liks can help you :D

    Alpha 1

    Alpha 2

    Alpha 3

    Alpha 4




    Comment actions Permalink
  • Thank you so much Michael French & SirQu3ntin

    Comment actions Permalink
  • 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,


    Comment actions Permalink
Have a comment?

Please sign in to leave a comment.

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

What system are you using?

Have you downloaded the latest version of Lens Studio?

Please download the latest version of Lens Studio. If you still run into this issue, please come back and report it!

Is this issue causing Lens Studio to crash?

What system do you run Lens Studio on?



Follow the next steps to help us solve your issue:

  • Copy and paste this text into your TerminalCommand Window
    open ~/Library/Preferences/Snap/Lens\ Studio/ %LOCALAPPDATA%\Snap\Lens Studio Copy Text
  • Press ReturnEnter to run the command. The Lens Studio folder will automatically open
  • Prepare to upload your files: zip the "Log" Folder by right-clicking and choosing "compress."
    Locate the Log.txt file right above it.

    Attach a screenshot of the issue:



What is this most relevant to?

Please enter a brief description of your issue:

Thanks for submitting this issue.

Unfortunately, it's likely due to the operating system or hardware you're using – since they don't meet the system requirements for Lens Studio.

Still, we hear you loud and clear, and are logging the issue in case there's ever a workaround we can provide!

Minimum Requirements

Operating System: Windows 10 (64 bit); MacOS 10.11+

Hardware: Minimum of Intel Core i3 2.5Ghz or AMD Phenom II 2.6Ghz with 4 GB RAM; Intel HD Graphics 4000 / Nvidia GeForce 710 / AMD Radeon HD 6450 or better; screen resolution of 1280x768 or higher

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

Keep an eye out for a followup email from us. We may have a couple more questions for you, or we might already have a solution to offer.

Happy creating!