Diablo 3 UI Tutorial

version 3.0

People have seen other submissions of maps that have a diablo 3 ui with the health and mana orbs moving. But they don't include how to do this, I have created a test map that shows you how to do it enjoy.

must have the unit attached have an energy value for this to work or you will get a divide by zero issue.

The file attached is a zip which includes the images for the ui screenshotted from diablo 3 and the orbs where modeled by me.

Notable things to remember:

  1. There is some data edits for the orbs
    1. new behavior to damage unit over time as poison which subsequently has a damage effect
    2. custom light so the orbs look proper and no shadows are covering them
    3. custom model for each orbs as they are now 3d models: Poison, Health, Mana
  2. Trigger changes - could be some unused triggers in there or some non enhanced code comment if there are any

    version 2.0
    version 2.1 Version 3.0
    Post some suggestions and bugs here.

You must login to post a comment. Don't have an account? Register to get one!

  • Avatar of xXdRaGoNrIdDeRXx xXdRaGoNrIdDeRXx Apr 25, 2015 at 17:13 UTC - 0 likes

    @camella78: Go

    thanks I'm glad you liked it. It was fairly simple to do with the assets of Diablo 3 to help with the 3d modeling

  • Avatar of xXdRaGoNrIdDeRXx xXdRaGoNrIdDeRXx Feb 21, 2013 at 01:24 UTC - 0 likes

    New update yet again found a more compressed way of doing it instead of using multiple pictures so i made a spinning 3d model and I also added a poison orb that triggers when you hit f1 which adds a custom behavior to the infestor that damages it over time the new edits are in the data editor list of data edits:

    - behavior - effect - models - lights

  • Avatar of JacktheArcher JacktheArcher Feb 16, 2013 at 02:38 UTC - 0 likes

    @xXdRaGoNrIdDeRXx: Go

    Nahh they look much cleaner and have more pop to them. I will probably be using this in my medieval map. Thanks

    Want to use Render To Texture in your cutscenes? Try This
    Looking for some new models check Here!

  • Avatar of xXdRaGoNrIdDeRXx xXdRaGoNrIdDeRXx Feb 16, 2013 at 00:20 UTC - 0 likes

    Thanks JacktheArcher! I have uploaded a new version that is alittle bit cleaner just need to wait for it to be approved the new look is posted in the description comment on some bugs and suggest some changes to the orbs if you don't like the way they look

  • Avatar of JacktheArcher JacktheArcher Feb 15, 2013 at 19:22 UTC - 0 likes

    Wow I never saw this before this is beautiful.

  • Avatar of xXdRaGoNrIdDeRXx xXdRaGoNrIdDeRXx Feb 14, 2013 at 06:26 UTC - 0 likes

    Updated to version 2.0 now has swirling animation in orbs like in diablo 3 also changed the bar to the retail version of diablo 3

  • Avatar of xXdRaGoNrIdDeRXx xXdRaGoNrIdDeRXx May 30, 2012 at 13:05 UTC - 0 likes

    well normally if you use this ui the minimap is hidden this just shows that it can be done im going to make it more d3 friendly by have the different orbs im currently working on it

  • Avatar of nephilimrock nephilimrock May 30, 2012 at 09:16 UTC - 0 likes

    Your Custom UI seems to cover the minimap (you could move it a little to the right side, or create an additional UI for the one @ the back replacing it completely) And uhm, another UI on top of another doesn't look very good but gj nonetheless

  • Avatar of xXdRaGoNrIdDeRXx xXdRaGoNrIdDeRXx Dec 14, 2011 at 15:48 UTC - 0 likes

    ok ill look into it might just be the way you linked them, pm me that map i can also have a look at it

    Last edited Dec 14, 2011 by xXdRaGoNrIdDeRXx
  • Avatar of threeleven threeleven Dec 14, 2011 at 07:48 UTC - 0 likes

    I know this is old but, when I add my own unit the health/mana orbs dont work anymore. they just stay full HP. I did change the 4 actions that are linked to infestor to my unit, and the set hero variable but nothing seems to happen with my health/mana orbs


Date created
Oct 05, 2011
Last update
Feb 21, 2013
Development stage
  • enUS
Public Domain
Recent files