In this weeks tutorials I learned how to add UI to my game to show Ruby's health status using images. I created a canvas in my hierarchy then created an image as a child gameobject. I added the health bar background image into the image gameobject's source image. I clicked the 'set native setting'' button so the image would transform into its original size. The image became very big so I resized it to fit into the top left corner of the game scene. I chose the anchor preset in the rect transform section of the inspector so that the anchor would reposition into the top left corner. This makes sure that the UI stays in that corner at al times.
I created a child object to the health bar image and added a Ruby portrait into the source image, then resized it to fit into the circle. I made another child object of the health bar background and called it mask, resized the white box, and adjusted the anchors to each of its corners. I added the blue health bar image and resized it, then applied a mask component and unchecked 'show mask graphic' so that the white box would become hidden. I edited the code so that the bar would reduce when Ruby takes damage.
I added a new character called Jambi as an npc and edited its code so Ruby is able to interact with them. I gave Jambi a dialog box and applied some text that they would say. I then adjusted the code so that the dialog box would appear when Ruby interacts with Jambi.
Comments
Post a Comment