{"id":10019,"date":"2026-09-14T19:48:42","date_gmt":"2026-09-14T10:48:42","guid":{"rendered":"https:\/\/salgudiy.com\/js\/rpg-maker-mz-%ec%8b%a4%ec%8b%9c%ea%b0%84-%ea%b2%8c%ec%9d%b4%ec%a7%80%eb%a5%bc-%ea%b2%8c%ec%9e%84-%ed%99%94%eb%a9%b4%ec%97%90-%ed%95%ad%ec%83%81-%ed%91%9c%ec%8b%9c%ed%95%98%eb%8a%94-%eb%b0%a9\/"},"modified":"2026-09-14T21:37:45","modified_gmt":"2026-09-14T12:37:45","slug":"rpg-maker-mz-how-to-keep-a-real-time-gauge-always-visible-on-the-game-screen","status":"publish","type":"js","link":"https:\/\/salgudiy.com\/en\/js\/rpg-maker-mz-how-to-keep-a-real-time-gauge-always-visible-on-the-game-screen\/","title":{"rendered":"[RPG MAKER MZ] How to Keep a Real-Time Gauge Always Visible on the Game Screen"},"content":{"rendered":"

Previous Post<\/h2><\/div>
<\/i><\/span><\/div>

Creating a Gauge that Fills from Bottom to Top<\/h2><\/a><\/div>
<\/div>
\n

In RPG Maker MZ, you can create a rising gauge effect using showPicture and movePicture. By calculating the rate as done \/ goal and adjusting scaleY and the Y position, the gauge smoothly fills from bottom to top.<\/p>\n<\/div>

<\/div>Read More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>

In the previous post, we explored how to create a gauge that fills upward from the bottom.
\nToday, let\u2019s take it a step further and learn how to keep that gauge always visible on the game screen. This way, players can easily track their progress at a glance, no matter where they are in the game. Shall we pin the gauge to the screen and make it a part of the user interface?<\/p>\n<\/div>

<\/div><\/div>

1. Creating a Common Event: Displaying the Gauge Image on the Screen<\/h2><\/div>

The first thing we need to do is create a Common Event that displays the gauge image on the game screen. This event will be set up to remain visible even when the player moves between maps.<\/p>\n<\/div>

Here\u2019s how you can set it up:<\/p>\n<\/div>

<\/i><\/span>Setting Up Common Event 1<\/span><\/div><\/div>
  • <\/i><\/span>
    Name: Display Gauge Bar<\/div><\/li>
  • <\/i><\/span>
    Trigger: None<\/p>\n

    (We\u2019ll call this common event from a map event set to autorun.)<\/div><\/li>

  • <\/i><\/span>
    Contents : Event Commands > Script…<\/div><\/li><\/ul>