How to make a Ui Splash Effect

How can I make a Ui Splash Effect like this? Are there any modules I can use to replicate this effect?

I don’t know of any modules, so if you find one please let me know, but heres how you’d go about making this:

when the player clicks, get the location of the click and clone a few imageLabels, then tween their position, transparency, size, etc all around the click location

heres some code:

code
local TweenService = game:GetService("TweenService")
local button = script.Parent
local particleImage = 12231981629
player = game.Players.LocalPlayer
local mouse = player:GetMouse()

function clickEffect()

   local count = 10

   --must account for the topbar

   local mouseX = mouse.X
   local mouseY = mouse.Y + 36

   for i=0,count,1 do
      local particle = Instance.new("ImageLabel")
      particle.Image = "rbxassetid://"..particleImage
      particle.BackgroundTransparency = 1
      particle.Parent = script.Parent.Parent
      particle.Position = UDim2.new(0,mouseX,0,mouseY)
      local size = math.random(15,20)
      particle.Size = UDim2.new(0,size,0,size)
      particle.ZIndex = 10

      local goal = {}
      goal.Position = UDim2.new(0,particle.Position.X.Offset+(math.random(-50,50)),0,particle.Position.Y.Offset+(math.random(-50,50)))
      goal.Transparency = 1
      goal.ImageTransparency = 1

      local info = TweenInfo.new(1,Enum.EasingStyle.Quart)
      local tween = TweenService:Create(particle,info,goal)
      tween:Play()
      tween.Completed:Connect(function()
         particle:Remove()
      end)
   end
end

button.MouseButton1Click:Connect(clickEffect)
7 Likes