1. Post #1
    PhantomServer's Avatar
    May 2016
    166 Posts
    This is the current HUD so far, still give tips and things to make it better, or let me know if it is done!
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  2. Post #2
    Zufeng's Avatar
    February 2015
    849 Posts
    For me,maybe try adding clock that based on your pc clock.
    Some player often forget the times.
    Also,throw in some effect (ex:when your health reach critical level,the HUD start to periodically flash red,while heartbeat can be heard)
    Add some glow to the healthbar (be it energy shield,enemy health) to make it attractive
    Reply With Quote Edit / Delete Windows 7 Firefox Indonesia Show Events Dumb Dumb x 1 (list)

  3. Post #3
    dannyf127's Avatar
    October 2015
    275 Posts
    To be honest what I usually do for huds, I just look up "garrys mod hud" on google images, search until I find a few that I like, take something from all of them and make them into something of my own.

    Edited:

    Also adding some materials like icons to health/armor/money/xp or whatever
    Reply With Quote Edit / Delete Windows 7 Chrome Show Events

  4. Post #4
    PhantomServer's Avatar
    May 2016
    166 Posts
    I know this might be a dumb question, but how do I put silk icons on my hud
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  5. Post #5
    dannyf127's Avatar
    October 2015
    275 Posts
    I know this might be a dumb question, but how do I put silk icons on my hud
    Code:
    local SilkIconHeart= Material("whateverthedirectoryisforthesilkicon")
    
    hook.Add("HUDPaint", "SilkIconTest", function()
    	surface.SetMaterial(SilkIconHeart)
            surface.SetDrawColor(color_white)
    	surface.DrawTexturedRect( 40, y - 180, 140,140)
    
    end)
    Reply With Quote Edit / Delete Windows 7 Chrome Show Events Lua Helper Lua Helper x 1 (list)

  6. Post #6
    PhantomServer's Avatar
    May 2016
    166 Posts
    thanks
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  7. Post #7
    dannyf127's Avatar
    October 2015
    275 Posts
    By the way, that same thing works for any image you can find on the internet. You can draw a giant picture of a penis across your screen if you really wanted to.
    Reply With Quote Edit / Delete Windows 7 Chrome Show Events

  8. Post #8
    PhantomServer's Avatar
    May 2016
    166 Posts
    Progress:

    Some things I Still Need Help With
    - Better Icon Pack
    - How to a clock based on the pc's local time
    - Again, improvements that would make it appealing
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  9. Post #9
    Padle's Avatar
    December 2015
    111 Posts
    I think that the heatlh/hunger/armor indicators should be rounded boxes, not just boxes
    Reply With Quote Edit / Delete Windows 7 Chrome Russian Federation Show Events

  10. Post #10
    PhantomServer's Avatar
    May 2016
    166 Posts
    Like this? I mean, it isn't too rounded, but just a little to make the bar look better
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  11. Post #11
    Don't PM me about moderation - PM any of the mods.
    Robotboy655's Avatar
    May 2008
    15,868 Posts
    Please do not use photobucket for your image hosting, I'd recommend Imgur, it doesn't re scale your images into tiny pictures.

    As for your HUD, here are my suggestions:
    1) Do not show the selected weapon name, there's no need for that, you can tell what weapon you have by looking at the view model, or just by remembering what weapon you selected.
    2) Move the boxes away from the corners, add some minor spacing between the edge of the screen/game and the HUD boxes
    3) Don't show the ammo HUD if there's nothing to display, i.e. the weapon has no ammo, etc.
    4) Align your text evenly. "Thirst:" "Hunger" etc should be aligned as it is, "72", "81.5", "100" should be aligned on its own column. money level and xp should be more centered. Do not display decimals.
    5) I dunno, the whole gray boxes with a dark gray outline looks very bland and unappealing, you should try to do something more original/creative/less bland. Don't be afraid to experiment. Google around, look at other games, other HUDs for inspiration.
    6) I am not sure how much of a purpose those icons have considering you already have the text spelling out which bar is which.
    Reply With Quote Edit / Delete Windows 10 Chrome Estonia Show Events Agree Agree x 1Lua Helper Lua Helper x 1 (list)

  12. Post #12
    PhantomServer's Avatar
    May 2016
    166 Posts
    I might try to make a variation of this from dayz


    Edited:

    Also, anyone know a good icon pack to match some of the icons?
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  13. Post #13
    dannyf127's Avatar
    October 2015
    275 Posts

    Also, anyone know a good icon pack to match some of the icons?
    Flaticon is probably good for what you're looking for.
    Reply With Quote Edit / Delete Windows 7 Chrome Show Events

  14. Post #14
    PhantomServer's Avatar
    May 2016
    166 Posts
    thanks
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  15. Post #15
    thatcatmeme's Avatar
    June 2016
    6 Posts
    Like this? I mean, it isn't too rounded, but just a little to make the bar look better
    It looks ok, but it is very bland
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  16. Post #16
    PhantomServer's Avatar
    May 2016
    166 Posts
    Ok, here is my current hud now, if you are very thirsty, hurt, or hunger the icon is red, if you are slightly hurt, thirsty, or hungry, the icon becomes green, if it is fine/perfect, it stays gray
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  17. Post #17
    dannyf127's Avatar
    October 2015
    275 Posts
    Ok, here is my current hud now, if you are very thirsty, hurt, or hunger the icon is red, if you are slightly hurt, thirsty, or hungry, the icon becomes green, if it is fine/perfect, it stays gray
    You could make a background textured rect, and then draw a colored one over it, as the health goes down, the vertical rect goes down, leaving some of the background to show along with the remaining health. (if you were using a healthicon of some sort)
    Reply With Quote Edit / Delete Windows 7 Chrome Show Events

  18. Post #18
    PhantomServer's Avatar
    May 2016
    166 Posts
    I don't know how I would make that work out because it would just make the icon smaller
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  19. Post #19
    dannyf127's Avatar
    October 2015
    275 Posts
    I don't know how I would make that work out because it would just make the icon smaller
    Oh, yeah, you're right. Maybe someone else could help us? I would like to know how to do that as well.
    Reply With Quote Edit / Delete Windows 7 Chrome Show Events

  20. Post #20
    MPan1's Avatar
    March 2015
    3,581 Posts
    I don't know how I would make that work out because it would just make the icon smaller
    If you mean what I think you do, you might find render.SetScissorRect useful

    Just draw a bit of the icon without the rect, then a bit with it enabled (remember to turn it off afterward)
    Reply With Quote Edit / Delete Windows 7 Chrome Australia Show Events

  21. Post #21
    PhantomServer's Avatar
    May 2016
    166 Posts
    I don't know, I think it is pretty cool only knowing if you are slightly, critical, or normal with thirst, health, and hunger. And it is perfect for my gamemode(Just need to show xp, money, ect), should I really have to go any further?
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events

  22. Post #22
    Zufeng's Avatar
    February 2015
    849 Posts
    You probably want to make the HUD a little bit opaque
    because its troublesome if its manage to blend with surrounding
    Reply With Quote Edit / Delete Windows 7 Firefox Indonesia Show Events

  23. Post #23
    Kemerd's Avatar
    September 2013
    525 Posts
    A better font and some whitespace will do a lot. Try making concepts in Paint.NET-- see what looks good.

    Also, get rid of the transparent box behind it. Unnecessary and splotchy.
    Reply With Quote Edit / Delete Windows 10 Chrome United States Show Events

  24. Post #24
    PhantomServer's Avatar
    May 2016
    166 Posts
    A better font and some whitespace will do a lot. Try making concepts in Paint.NET-- see what looks good.

    Also, get rid of the transparent box behind it. Unnecessary and splotchy.
    Without the box, it is pretty hard to see the icons, im currently trying my best to make it as transparent as possible but enough to see the icons
    If you are looking at the one with the health bars, armor bars, ect, that is my old hud
    Reply With Quote Edit / Delete Windows 10 Chrome Show Events