Rotation

Value Type: float

Description:

The Rotation determines the clockwise rotation in degrees of the UIGradient starting from left to right. The beginning and end control points snap to the edges of the parent GuiObject, but maintain the provided rotation.

An animation of a UIGradient's Rotation being animated from 0 to 360

The animation above shows the snapping behavior of the gradient control points. The red indicates the start point, and the blue indicates the end. Although the control points do not move at a constant pace, the angle between them changes at a constant pace.

Code Samples

UIGradient.Rotation Animation

This code sample demonstrates a simple animation of the UIGradient/Rotation|Rotation of a UIGradient. Using RunService/RenderStepped, it tweens the property value from 0 to 360 using the deltaTime parameter from the event. This causes the gradient to spin around in a circle.

The animation to the right shows the code sample running on a UIGradient within an ImageLabel.

				
					UIGradient.Rotation Animation
				
					Expected Output
				
					Expand
					
			local ROTATE_SPEED = 90 -- degrees per second
local uiGradient = script.Parent
local RunService = game:GetService("RunService")
 
local function onRenderStep(deltaTime)
    local currentRotation = uiGradient.Rotation
    uiGradient.Rotation = (currentRotation + ROTATE_SPEED * deltaTime) % 360
end
RunService.RenderStepped:Connect(onRenderStep)
		
				Copy Code
			
				Light Theme

Rotation

See Also

Code Samples

UIGradient.Rotation Animation