How to loop gradients like this

Help and Feedback Scripting Support
#1


example provided in video. (shifting gradient loop)

2 Likes
#2
1 Like
#3

how do I make it shift tho, like the gradient will go from right to left then loop again

1 Like
#4 
local UIGradient = --Your gradient here

while true do
task.wait()
UIGradient.Color = ColorSequence.new({
    ColorSequenceKeypoint.new(0, Color3.new(1,0,0)),
    ColorSequenceKeypoint.new(0.5, Color3.new(0,1,0)),
    ColorSequenceKeypoint.new(1, Color3.new(0,0,1))
})
end
1 Like
#5

I dont understand how to change the color (like two colors and tri colors, also rainbow)

#6

UI gradients use color sequences for their color (basically multiple keypoints, where you can decide the number of keypoints and their color).

#7

Would’nt this make it the same gradient every time the loop runs?

#8

his message prob tell me to make the colorsequence updating system myself

#9

Based off the type of animation, it looks like it was setup with something like this:

image
image1606×481 97.3 KB

Then I had a script to move the color frame from one end to another in a loop:

example.rbxm (6.3 KB)

#10

is it possible to do it without canvasgroup? its because that much canvasgroup might lag the client I think? :thinking:, and how to use it for tri colors

#11

you could do it through interpolation, using the Lerp function you can lerp keypoints in a color gradient

#12

Dunno much about canvasgroups, but I’m pretty sure you could add as many colors as you want to the same frame? To achieve the tri color thing

#13

You can use a Frame if you don’t mind not having the UICorners. Otherwise, it’s likely possible but requires writing your own function to calculate keypoints at a certain alpha.

#14

it seem like the color duration for reversing is too long :rofl:

#15

Had the same problem a while back:

#16

feeling dizzy reading the code lmao