{"id":1199,"date":"2020-05-17T09:06:30","date_gmt":"2020-05-17T09:06:30","guid":{"rendered":"http:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/assets-and-art-creation\/hud-and-bars"},"modified":"2022-03-13T17:08:04","modified_gmt":"2022-03-13T17:08:04","slug":"hud-and-bars","status":"publish","type":"docs","link":"https:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/assets-and-art-creation\/hud-and-bars","title":{"rendered":"HUD and bars"},"content":{"rendered":"<h3>WHAT ITS FOR<\/h3>\n<p>Gauge, chain timer, and enemy HP bar are important for gameplay.<br \/>\nFor more information, you can read the <a href=\"http:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/editors\/gameplay-editor\">Gameplay editor<\/a> section and the <a href=\"http:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/editors\/hud-editor\">HUD editor<\/a> section.<\/p>\n<h3>HOW THAT WORK<\/h3>\n<p>The empty bar picture name should end with &#8220;_back&#8221;. This is what is always displayed on the screen, often with an empty box where the bar goes.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1206\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2020\/05\/gauge_back.png\" alt=\"\" width=\"256\" height=\"64\" \/><\/p>\n<p>The bar itself is optional, but you can design your own. The picture name should end with &#8220;_front&#8221;. It will be colored by the game engine.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1212\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2020\/05\/gauge_front.png\" alt=\"\" width=\"256\" height=\"64\" \/><\/p>\n<p>You can also add a ready picture, which is displayed when the gauge is full. The picture name should end with &#8220;_ready&#8221;.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1208\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2020\/05\/gauge_ready.png\" alt=\"\" width=\"256\" height=\"64\" \/><\/p>\n<p>So, for example:<br \/>\nMyGauge_back.png,<br \/>\nMyGauge_front.png<br \/>\nMyGauge_ready.png.<\/p>\n<p>A good file format is .png or .tga with an alpha channel.<\/p>\n<p>End results:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1210\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2020\/05\/gauge_half.png\" alt=\"\" width=\"256\" height=\"64\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1209\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2020\/05\/gauge_full.png\" alt=\"\" width=\"256\" height=\"64\" \/><\/p>\n","protected":false},"featured_media":0,"parent":139,"menu_order":8,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1199","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/1199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1199"}],"version-history":[{"count":6,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/1199\/revisions"}],"predecessor-version":[{"id":1718,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/1199\/revisions\/1718"}],"up":[{"embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/139"}],"prev":[{"title":"Importing a text and scores font","link":"https:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/assets-and-art-creation\/importing-a-font","href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/1128"}],"wp:attachment":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1199"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=1199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}