[Plugin] UiAnimate - Create simple ui animations in seconds

Resources Community Resources
#1

A couple of months ago I made a module called UiAnimate:

A few days ago I thought of making a plugin and had the idea of turning this module into a plugin, so I did.

Here is the plugin:

Features

Quick, Simple animations:

This plugin allows you to create simple animations for ui objects in seconds:
https://i.gyazo.com/113749af27929927e0cf7986f6274ead.mp4

Easy to use:

You only need to click a few buttons and boom, you have a simple animation.

Explaination

UiAnimateUiTutorial
UiAnimateUiTutorial596×842 21.8 KB

Here is some explaining:

Action:

The event that will trigger the animation playing, hover will play the animation when a player hovers their mouse over the ui object.

Style:

The animation that will play, grow will make the ui object grow in size

Click Type:

You can’t see the dropdown when the hover action is selected, but if the click action is selected you will chose either left click or right click

Change Amount:

The amount that will change, if grow is selected, the ui object will grow by this amount

Apply Button:

Applies changes

How to use

Step 1:

Change the action style and amount to what you want.

Step 2:

Select the ui object and then click the apply button.

And you are done!

If you want to edit an animation, change what you want on the plugin ui, then select the ui object and click apply.

One thing to keep in mind is that you can’t have multiple objects with the same name.

How it works

How to works:

This is just a screengui with a text label:

1.PNG
1.PNG1620×666 227 KB

When you click apply this will happen:

2.PNG
2.PNG1616×669 229 KB

You can see that a UiAnimator is created.
3

The script contains the module and a folder for the animated objects.

Inside that folder then is a another folder which contains the values which is had.

The script is responsible for making the animations play.

Credits

EgoMoose - Gui Components Library
Spynaz - Simple Module For Creating Draggable GUI Elements

If there are any bugs which I am certain there will be, please tell me.

25 Likes
UiAnimate- Easy and simple way to make animations for Ui objects
#2

It sounds decently useful, but again, it’s still similar to your module - hard to customize.

1 Like
#3

The point of this plugin is to make easy simple animations, not customizability, although I plan to add more animations in to future.

#4

I’d suggest you make a plugin that detects UI element property differences and outputs a plugin code.

#5

What do you mean by that?

I have no idea that Ui element property is

#6 
local Save = UIElement:GetProperties()
local NewSave = UIElement:GetProperties()

local PropertyChanges = {}
for i,v in pairs(Save) do
      if NewSave[i] ~= v then
            PropertyChanges[i] = v
      end
end

local String = [[game:GetService("TweenService"):Create(]] .. UIElement:GetFullName() .. [[, TweenInfo.new(1), {]]
for I,v in pairs(PropertyChanges) do
      String = String .. i .. tostring(v)
end
print(String .. "})")

Note, the code above will not work. It is just a theory

#7

I think you did a thorough job explaining, but it would be helpful for visual learners if there could be a few clips that demonstrate it’s use/in action. Just a suggestion, nice work on the module and the plugin

1 Like
#8

I Install the plugin but nothing happens and doesn’t show up in my plugins it’s broke.

3 Likes
#9

Hello are there any plans on updating or adding more features into the script? like an color or transparency?

#10

Nah, I don’t develop anymore, barely play roblox.

1 Like