ezVisualz
UIGradient and UIStroke effects made easy!
Install with Wally:
About
ezVisualz is a powerful library designed to enhance the animation of UI elements using UIGradients. It provides a wide range of presets out of the box and offers an easy-to-use experience for creating captivating visual effects.
With ezVisualz, you can effortlessly animate UI elements and strokes by modifying UIGradients, which smoothly transition between multiple colors. This allows you to achieve eye-catching visual effects without having to manually configure the gradients themselves.
Features
-
Type safe
Strictly typed. -
Optimized
Don’t worry about your Founders Edition RTX 4070 Ti overheating. -
Customizable animations
There are customizable animations for Strokes, Gradients and Drop shadows! -
Easy
VERY easy to setup and mix with your own game! -
17+ Presets
There’s 17+ presets available for both regular Gradients and Strokes. (soon more)
Usage/API
How to use the main Effect class:
-- uiObject: GuiObject, presetName: string, time: number, size: number
-- Initializing an effect on an object
local Label = ...
local Effect = EasyVisuals.new(Label, "RainbowStroke", 0.01, 6)
-- Destroying the Effect
Effect:Destroy()
-- Pausing
Effect:Pause()
-- Resuming
Effect:Resume()
How to use the Gradient class:
Open
local EasyVisuals = require(...)
local Gradient = EasyVisuals.Gradient.new(instance, color, transparency);
-- Then we can use the gradient to apply it to an object
Gradient:SetOffsetSpeed(number)
Gradient:SetTransparencyOffsetSpeed(number)
Gradient:SetColor(color)
Gradient:SetTransparencySequence(number or NumberSequence, acceleration)
Gradient:SetRotation(number, acceleration)
Gradient:SetRotationSpeed(number, acceleration)
How to use the Stroke class:
Open
local EasyVisuals = require(...)
local Stroke = EasyVisuals.Stroke.new(instance, size);
-- Then we can use the stroke to apply it to an object
local StrokeGradient = EasyVisuals.Gradient.new(Stroke.Instance, color, transparency);
StrokeGradient:SetOffsetSpeed(number)
StrokeGradient:SetTransparencyOffsetSpeed(number)
StrokeGradient:SetTransparency(number, acceleration)
StrokeGradient:SetSize(number, acceleration)
StrokeGradient:SetColor(color, acceleration)
Examples
Here's examples of it setup with different objects and different presets.
Known issues
There is no known issues. (Will update if there is)
Conclusion
That's all there really is! I really hope you find some cool uses for this library, and do make sure to send examples of what you've managed to make out of it.
Credits
Brought to you by @RhodesDigital and @Arxk
- @RhodesDigital - Originally designing the library and his creative efforts for the presets.
- @Proxus - Helping with typing/optimizations.
— Made with by The Wizards
*Would
- Yea I think it’s cool!
- Eh. Probably not
0 voters