Feedback on overhead gui

I made this overhead gui. The gui contains the players username, a thumbnail picture of their head, and their health. In the video, the kill block does 40 damage per touch. Give feedback please,
https://streamable.com/flp2hm

2 Likes

Hey, I really like the design you have going.

However, I would suggest that you make it smaller, as it currently takes up a large portion of the screen above their head. Making it smaller would make it look cleaner and would also make it feel nicer for players!

2 Likes

Tween the bar on health change so it looks smoother, like this:

Disclaimer

This assumes that the bar is declared as “bar” and the humanoid as “Humanoid”

local Tween
local inProgress = false

local function tweenHealth(health, MaxHealth)
        if inProgress then
        Tween:Cancel()
        Tween = nil
        end
        Tween = game.TweeningService:Create(bar, TweenInfo.new(.1), goal = { Size = UDim2.new((health/MaxHealth),0,1,0)})
        inProgress = true
        Tween:Play()
        Tween.Completed:Connect(function()
                  inProgress = false
                  Tween = nil
        end)
end

Humanoid.Changed:Connect(function (property)
           if property == "Health" then
                  tweenHealth(Humanoid.Health, Humanoid.MaxHealth)
           end
end)
1 Like

I was actually working on a tween for the health bar, but thank you for the feedback.

Well, made the work for you, I guess :sweat_smile:

Also you could use gradients to make it look nicer.