{"id":1131,"date":"2025-05-15T12:20:16","date_gmt":"2025-05-15T12:20:16","guid":{"rendered":"https:\/\/sites.wsagames.com\/aa14g23\/?p=1131"},"modified":"2025-05-15T12:21:20","modified_gmt":"2025-05-15T12:21:20","slug":"hud-p2-coding-redesign","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/aa14g23\/2025\/05\/15\/hud-p2-coding-redesign\/","title":{"rendered":"HUD P2 [Coding + Redesign]"},"content":{"rendered":"\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

After the second playtest, I knew I had to finish up on the HUD and get it condensed but fully functional. This gave me a list of things to do.<\/p>\n\n\n\n

    \n
  • Add the dash cooldown code<\/li>\n\n\n\n
  • Add terrashard counter and icon<\/li>\n\n\n\n
  • Update heart icons + add key icon for E-Jay as he asked for it<\/li>\n\n\n\n
  • condense HUD for more screen space<\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \n\n\n\n

    Research<\/strong><\/p>\n\n\n\n

    By this point in time, I’ve become experienced with Unity from all my other problems and just understanding the different coding calls, therefore I don’t require a tutorial to aid me on this one.<\/p>\n\n\n\n

    \n\n\n\n

    Coding<\/strong><\/p>\n\n\n\n

    Before going to work on the new HUD assets, I decided to code the terrashard counter and dash cooldown first to get that out of the way. This would be the longest thing to do in the process.<\/p>\n\n\n\n

    \n
    \n

    Dash Code + Setup<\/strong><\/p>\n<\/div>\n\n\n\n

    \n

    Counter Code + Setup<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

    I started with the dash cooldown script first. I made variables and a field to implement the dash icon within, so it knows what to show when active. It utilises the fill feature in the inspector, where it fills the empty space with the icon when active, therefore, the start method included the fill amount being 0, so that it doesn’t show at the beginning. Within the update method, I made it so that when the cooldown bool from the player movement script is called and explored. If the cooldown timer is less than or equal to 0, then it sets the cooldown to false and makes it invisible. However, when the dash key is pressed and the coolingdown bool is set to false, then the method TriggerCooldown will occur. This method makes the cooldown timer begin and fills the image up with the icon matching the speed of the current dash cooldown speed from another script.<\/p>\n\n\n\n

    The terrashard counter shares information with the player inventory script that E-Jay began on. I linked my terrashard counter script to his using a public int and called it in his script as well, and dropped my script in the inspector too. For my code, I referenced the text mesh and E-Jays code at the beginning to set up. There was no need for a starting method, so I just went straight to the Update method. In there, I made the text equal to the current player inventory terrashard count and made it a string, so it would update the text with the number.<\/p>\n\n\n\n

    \n\n\n\n

    Updating HUD Assets<\/strong><\/p>\n\n\n\n

    \n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

    I started by creating an actual icon for the dash and made it pixelated. Then I condensed the HUD as much as I possibly could without losing the integrity of the design. I then made the terrashard icon, utilising the placeholder I used before. I also repurposed the key skill tree icon for the UI Key to keep everything consistent. I then made the heart icons include more pixels, which allowed for more detail; this would then match the new detail of the HUD.<\/p>\n\n\n\n

    \n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    I asked for opinions from my teammates after I completed it, for their opinion, to see if I needed to do any final tweaks.<\/p>\n\n\n\n

    \n\n\n\n

    Personal Review<\/strong><\/p>\n\n\n\n

    I liked how the HUD turned out, and I am really proud of it. The others loved it too, and I feel as though it matches its purpose perfectly whilst also doing even more past that. This has given me a love for UI, and I want to explore this more in the future.<\/p>\n","protected":false},"excerpt":{"rendered":"

    After the second playtest, I knew I had to finish up on the HUD and get it condensed but fully functional. This gave me a list of things to do. Research By this point in time, I’ve become experienced with Unity from all my other problems and just understanding the different coding calls, therefore I […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1131","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/posts\/1131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/comments?post=1131"}],"version-history":[{"count":6,"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/posts\/1131\/revisions"}],"predecessor-version":[{"id":1155,"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/posts\/1131\/revisions\/1155"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/media?parent=1131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/categories?post=1131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/aa14g23\/wp-json\/wp\/v2\/tags?post=1131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}