Apeirophobia UI Tweens

Hi Devs!

What do you want to achieve? Keep it simple and clear!

I want achieve this effects/tweens/hover effects inside the rectangle for my upcoming game!

What solutions have you tried so far? Did you look for solutions on the Developer Hub?
I am working with tweens for one month but i cant figure out how i can make something similiar to this i have no idea so i want ask if this is possible to make

2 Likes

local StaticLoop = false

while StaticLoop == true then  -- only if this Boolvalue is true ( that means, the player is hovering over a frame

-- here, it will loop the 'animation or whatever you wish to animate for any frame you wish''

-- repeat the thing

   if StaticLoop = false then
   -- break the loop here, since somehow the player is not hovering the mouse on frame
   end

end


Frame.MouseEnter:Connect(function()	
StaticLoop = true
-- Using Tween Service to animate the background of the frame -- or do some tweening once

must be inside of this ''function''

end)

Frame.MouseLeave:Connect(function()	
-- StaticLoop = false -- automatically will break the while true loop above


end)

Frame.InputBegan:Connect(function(input) 			
  print"Click on the Frame"
		
   if (input.UserInputType == Enum.UserInputType.MouseButton1) then	-- M1 detected
      -- insert some tween animation (clicked animation)
   end

end)
 

this relies more on animations than scripting itself, i actually made some stuff with it, it’s not too complex if you ask, but takes time

additional info:

he animated the UISTROKE, Color of it
quite sure he animated the ‘‘Transparency of it’’ that’s why you see in the animation
‘‘flashing’’

aand about the Static thing, insert some ImageLabel, insert some ID for the image on it, and just tween the Size of it

But make sure to place the ImageLabel Inside the Frame

Frame
->ImageLabel

now you can enable ClippingDescendants = true on the [Frame]

after that you can resize the imagelabel to create some effect, without going out of the frame itself
that’s what he did on this gif

the hardest scenario is, creating alot of ‘‘Images’’ and switching IDS (of the image)
creating, sequence of pixelated Statics, but this case is kinda time-killer so i don’t recomend

the best would be just tweening the SIZE of ImageLabel to different angles or whatever

1 Like

So basically he everything he done is just changing the transparency of the frame and behind the frame is spritesheet with this gif it sounds really simple :heart:

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.