frrazers
(Frazer)
#1
I rarely ever use icons in my UI, so I tried today and I think it looks pretty nice!
https://cdn.discordapp.com/attachments/882304174056960011/902175662977187870/2021-10-25_13-43-28.mp4
ʸᵉˢ ᵗʰᵉ ᶜᵃˢʰ ᶦᶜᵒⁿ ᵍᵒᵉˢ ʳᵃᶦⁿᵇᵒʷ ʷʰᵉⁿ ᵘ ᵇᵘʸ ˢᵒᵐᵉᵗʰᶦⁿᵍ
The icons are from https://lucide.dev/.
3 Likes
Pretty nice design in my opinion.
2 Likes
How did you make the icons colors change? I tried but it didn’t work for me
1 Like
You must change the ImageColor property
1 Like
Ok thank you for the information.
Also I recommend using Material Symbols and Icons - Google Fonts icon library. But it depends on the game genre.
2 Likes
I use it as well, it has pretty much every icon you need
1 Like
frrazers
(Frazer)
#7
This is the code I used to make it flash, the Purchased event is fired when a player purchases anything.
local Flashing = false
game.ReplicatedStorage.Events.Purchased.OnClientEvent:Connect(function()
if Flashing then return end
Flashing = true
local cols = {
Color3.fromRGB(255, 79, 79),
Color3.fromRGB(247, 255, 89),
Color3.fromRGB(99, 255, 104),
Color3.fromRGB(102, 202, 255),
Color3.fromRGB(166, 131, 255),
Color3.fromRGB(255, 135, 213)
}
while task.wait(1) do
game:GetService("TweenService"):Create(script.Parent.Background.Roya.Image, TweenInfo.new(
1, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {
ImageColor3 = cols[math.random(#cols)]
}):Play()
end
end)
1 Like
frrazers
(Frazer)
#8