The forum on this site is closed for new comments and posts. Continue the conversation in the new forum, and learn more here.

How to make Alpha Picker/Slider

  • hi Lena

    lets have a look at the UI system

    first to edit an alpha image we need to call an image

    // @input Component.Image image

    second we need the code that change the image alpha

    // @input float alpha = 0.5 ;
    var currColor = script.image.mainPass.baseColor;
    script.image.mainPass.baseColor = new vec4( currColor.r, currColor.g, currColor.b, script.alpha );

    now notice that script.alpha its the value of the alpha that changes and infect the image alpha

    we need to replace script.alpha with a value that's already in the UI system

    there is a variable called ( currentValue ) that detect the value from 0 to 1 depend  on the position of the touch position

    now we need to inject a the code to the UI system in the script ( UIColorPicker )

    it will be like this

    // @input Component.Image image

    var currColor = script.image.mainPass.baseColor;

    script.image.mainPass.baseColor = new vec4( currColor.r, currColor.g, currColor.b, currentValue );

    put it in line number 526

    now every thing is ready to set

    notice in inspector panel a new image need to be selected

    now just select your image and try the UI if its working


    you can download the project from here  to try it on your pc 

    if you need any help just let us know


    Comment actions Permalink
  • Hello, thank you veeery much. It works. You've been very helpful 


    Comment actions Permalink
  • Hey @...

    There are also some tutorials on yt.

    Click Here for the tutorial. And this may also be helpful.




    Comment actions Permalink

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!