HUD Maker – MV Plugin

      41 Comments on HUD Maker – MV Plugin

This plugin allows developers to create their own map-based HUD through an in-game GUI window!

Look at the code or download the Plugin:

HUD Maker

This plugin allows developers to create their own map-based HUD through
an in-game GUI window!

Image Installation

All HUD images must be placed in:


They need to be segmented into four folders:
– pictures
– numbers
– gauge_images
– gauge_backs

Each folder will be used to hold images for the corresponding pieces:
– Picture
– Image Numbers
– Image Gauge


41 thoughts on “HUD Maker – MV Plugin

    1. Veno

      Hudmaker elements are Not clickable.
      It is compatible with yanfly picture common events, in a sense that both plugins can be used together.
      However I’ll note that hudmaker elements are separate and do not act as ‘photos’, therefore cannot be clicked via the yanfly plugin.

      Hudmaker elements will always hover over top of ‘show picture’ events. They will not interfere with any photos that are clickable by way of the yanfly plugin. If you’re looking for a trick to get around this, you can do ‘show picture’ events of transparent/blank pictures, and place them in the same locations as the hudmaker element you wish to be clickable.

    1. WhiteRice369

      I just figured this out, it seems to be different for text or for gauge. I did this for a gauge, and used: $gameVariables.value(25) where 25 was the variable displayed. I previously used this in text, but it was slightly different. I beleve it was this: ${$gameVariables.value(25)}, but I could be wrong.

  1. Chromosome Thief

    This plugin looks really cool and the UI is really nice to use but none of the assets I put in show in-game once I click ‘return to main’, I’ve tried in both 1.5.0 and 1.6.1; also I’m using the plugin version 1.5 since 1.42 doesn’t even put assets in and only has half the available options (I’ve also tried this in both versions)
    There doesn’t seem to be a fix anywhere online either, so if any help would be greatly appreciated
    (Even when the only plugins I have are this and the STE it still doesn’t work)

  2. Arche

    Seems a majority of my options for elements aren’t showing up. ie: pictures EX, actor face
    also, pictures are failing to function as well.
    Is there anything doing this to the plugin that I’m not aware of?

  3. Chris

    I have this problem when i walk on a event grid the hud gets darker. whilst it retain its orignal color when i stop or pass the grid.

  4. Salo Ch

    It’s not working completely for me. On the Playtest it works just fine, but as soon as I export it it doesn’t even appear. And yes, I did put “true” in Map Global Condition. I’ll put the testpage on on the “Website” field, it’s in spanish, but you as soon as the game starts there should be some HUD.

  5. Diluiksapu

    Hi ! It doesn’t work for me, maybe something wrong or idk, but i try to make a EXP Gauge on HUD,
    So :
    Current Value : $gameParty.members()[1].currentLevelExp()
    Max value : $gameParty.members()[1].nextLevelExp()

    I’ve try almost everything i know about Script but nothing work for me, can anyone help me ?

    1. Ritter

      I assume you’ve probably solved this by now but if not or if anyone else is curious this is what i use for this.

      Current Value: (($$ + 1) – $$ – $

      Max Value: ($$ + 1) – $$

      is there a better way? maybe? does this work? yep lol.

  6. Multimoon

    Hi, I would like to add a clock image in my hud whose hands would change according to the current time.
    For the time system, I used variables (variable 1 for minutes, variable 2 for hours, etc.)
    So I have 24 images of the clock at different times.
    But I don’t know how to change the image depending on the time of day. Ideas ?
    (I’m French and so I certainly made mistakes, sorry)

  7. suba suba

    eua9kb I was suggested this website by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my difficulty. You are incredible! Thanks!

  8. Alex_C4

    Hey there, can I use this HUD maker to display actor’s class? What should I type for Actor ID? Cheers!

    1. Ritter

      i would just use something like this in your value. this should return your class name to your hud.

      Current Class: ${$dataClasses[$].name}

      where $ is the actors ID from the database.

  9. Michael

    Hello 🙂 First of all, thanks for this amaizing feature! I managed to do a very pretty hud thanks to it <3
    I only have a huge issue that i can't find find a solution for. really, i completely searched the whole internet (twice) and still have no solution:
    How can i display the ATB Gauge from yanfly. I entered several values like:
    $gameParty.leader().atb or
    $gameParty.leader().agi etc, but i never managed to get a working display of the ATB-Gauge.
    Any support is highly appreciated. Please help me, I'm stuck 🙁
    Thanks in advance and kind regards

    1. Ritter

      i’ve never used this plugin before and don’t really want to set up a test project but i’ve looked at the code and it seems the answer is likely within this function Window_Base.prototype.drawActorAtbGauge on line 2259. I would try using $gameParty.battleMembers()[1].atbRate() and/or $gameParty.battleMembers()[1].atbChargeRate()

      if i had to throw a guess out there it seems like the max rate is 1 and one of those two values may be your current atb rate (a number between 0 and 1).
      maybe its something like
      Current Value: $gameParty.battleMembers()[1].atbRate()
      Max Value: 1
      [1] would be your first actor, [2] your second etc etc.

      or maybe use $gameParty.battleMembers()[1].atbChargeRate() as current value i’m really not sure without seeing the values in console during a battle. if you go into a battle and your basic default ATB gauge is 30% full and one of those values shows in console as something like 0.3 you likely found your answer for current value.

      The answer seems to be somewhere between lines 2259 and 2291 in the plugin file. If this doesn’t work hopefully someone who knows the plugin better than my few minutes of skimming through the code shows up with a correct answer 😀

      1. Ritter

        Alright so i had some time and did some testing so this was what i came up with. I used 3 gauges for each actor. One correction from earlier is [1] would actually be the 2nd member in your party (indexing) [0] is your first actor in your party [1] is 2nd, [2] is 3rd, [3] is 4th. Anywho this is what i did.

        Gauge 1 of party member [0]:
        Current Value: $gameParty.battleMembers()[0].atbRate()
        Max Value: 1
        Condition: $gameParty.battleMembers()[0].atbRate() 0

        this may not be 100% perfect but its really close. You just need to stack those 3 gauges on top of each other and do a set of those for each actor in your party. the gauges will hide and show depending on the conditions so it’ll appear as one gauge at all times but really its 3 for each part of the atb system, atbRate, atbChargeRate, and one for when your atbRate is at max to signal the player they can attack, this one (Gauge #2) should be a different color or glowy/shiny whatever you want. Hope this helps 😀

        ps: depending on what your gauges will look like in the end you can probably get away with showing Gauge #2 while Gauge #3 is filling, just have a transparent background on Gauge #3 and put Gauge #3 on a higher layer so that it simulates whats shown in the default gauges (red filling up the gauge over the yellow effect)

        1. Ritter

          I dont know why these got cut out from this last reply but here are Gauges #2 and Gauges #3 lol.

          Gauge 2 of party member [0]:
          Current Value: $gameParty.battleMembers()[0].atbRate()
          Max Value: 1
          Condition: $gameParty.battleMembers()[0].atbRate() == 1 && $gameParty.battleMembers()[0].atbChargeRate() == 0

          Gauge 3 of party member [0]:
          Current Value: $gameParty.battleMembers()[0].atbChargeRate()
          Max Value: 1
          Condition: $gameParty.battleMembers()[0].atbChargeRate() > 0

          1. Ritter

            When i had this post typed up there were no errors after i clicked post comment the post changed lmao. Not sure whats up with that.

            Gauge 1:
            Current: $gameParty.battleMembers()[0].atbRate()
            Max: 1
            Condition: $gameParty.battleMembers()[0].atbRate() < 1

  10. Andrew

    I love the plugin but when porting to my iOS device, the hud simply doesnt exist. Is there something I’m doing wrong?

  11. Shinguccci

    How do you make it so the HUD doesn’t dim when talking to someone?

    Also, could it be possible to display what ost track is playing on the HUD?

  12. Ghett

    Is there a way to toggle enable/disable, the hud? , thats a very bad limitation, the hud doesnt let me make cutscenes….

    1. Altano

      you have to make the condition for each Hud element a switch of your choice and turn in on and off, Sumrndmdde has a tutorial series on it

  13. Altano

    I dont know why but I have lost the ability to edit my HUD, F12 just opens a different window called developer tools

  14. WerdelSnerf

    Hi, m wondering if theres a way to make the battle HUD’s for actors who arent in the party to disappear and also to make the main bid disappear at certain points

  15. Kevin Frost

    I tried deploying an Android/iOS build of a game with this plugin, but when I build and install the APK then run the app the HUD doesn’t seem to want to show. I wanted to make sure it wasn’t just showing on test play, so I deployed a Windows build and ran the game, and the HUD shows just fine. Is there something special I need to do to make this plugin compatible with Android devices and have it show while playing?
    For the record, yes I have made sure all the needed images are there, no there are no conditions to hide the HUD elements, and yes it shows on play test and in the windows version of the game, just not mobile.

    Thank you!

    1. Kevin Frost

      I found a solution to my own problem ‍♂️

      In the SRD_HUDMaker.js file, edit line 443 to be the following, and it will start working on mobile:
      if (Utils.isNwjs()) { DataManager._testExceptions.push(_.mapFile, _.battleFile); }

  16. Nikos P

    One question please!
    Is there a way to display big variables like 5300 with a dot grouping the thousands?
    Example = 5.300
    Is the digit grouping possible?

  17. steve

    Hi, i have two questions. One what formula do I need in the Value Box to display “Health percentage’
    and two. When used with Chrono Engine, and an attack is made, the HUD will turn invisible or transparent during
    the attack. I think because its “processing an event” during that time, is there a way around that? I want it to disappear normally but not during attacks.

  18. Sietaha

    How can I show varius other stats… Like agility / strength and what not for example? Each method I’m trying shows undefined.

    1. Sietaha

      Also, I seen a code when scrolling up for displaying an actors weapon, is there anyway to use that as members instead of actors so I can use multiple characters in the party and it will still work?

  19. Anda

    Got a problem in there.
    The HUD is showing up in the game .exe but not on web.
    Any idea how to pass the menu config to any domain ?


    I do not see the “SumRndmDde” file in the images file. I have been looking for a while and have no idea why I cannot see it.


Leave a Reply

Your email address will not be published. Required fields are marked *