How to fade the screen (Frame) from left to right

Help and Feedback Scripting Support
#1

Hello, i wan’t to achieve something like a frame fade from left to right, is that possible?
If is it, can you guys show me an example of that?

For an example from valve’s intro https://streamable.com/3z00bl

By the way, i tried to find solutions from the internet, but it not worked.
I’m planning to rotate the frame to do it exactly cross.

1 Like
#2

Well, since this is Roblox and we’re limited in our capabilities here’s what you need:

  1. A PNG image with that (or whatever is desired) fade (transparency is iffy with Roblox, but there’s some articles I can’t recall atm to assist on that)
  2. An ImageLabel
    2a. Set BackgroundTransparency to 1
    2b. Set ImageLabel’s Image Property to your fade Image
    2c. Position as desired
  3. A script to tween the ImageLabel off-screen, thus giving the illusion of whatever is below (ZIndex) the ImageLabel fading in/out

Honestly that’s about it, as simple as I can make it.

3 Likes
#3

That’s really smart idea. Thank’s for the helping, i’m gonna try that.

#4

i think UIGradient can work as well, isn’t?

1 Like
#5

You can use UI Gradient to achieve a similar effect, yes; however if you wish to have a pattern, or uneven fading, it’s no longer applicable.

3 Likes