Tuesday 19 April 2016

Overall Thoughts about the environment - James McAndrew Environment

Over the project we have had some ups and down and a lot of changing ideas and designs. This did some what pay off as the first level layout we had, there would have been no way that i could have done all of that as the solo environment artist. The overall quality of the models and textures that i have made are pretty good but i think that i could have done more and made the lower poly versions a little higher poly so the meshes fitted together better.



This version of the low poly walls as a test i carried out after i had made all the current versions and works a lot better than i was expecting, the way that this was made was something i was unsure of but worked better than u was expecting. The topology is horrible and i think it was because of this that i avoided this.

The first iteration of the level was originally more than just the dungeon and was therefore a lot small than is now. However as previously discussed there was simply too much work for a solo environment to do.



This other iteration that was done by Matt after a rocky moment in the team and was quickly brushed off as it wasn't what we were looking for. It was more of a maze but the AI was having trouble moving around and everything seems to be a little too cramped and close quarters.


The final level layout we went for and the design we have now has more open rooms, so the AI has space to move and the player has space to attack and dodge around the enemy.


Overall i am happy with the outcome but i think that me and us as a team could have done a lot better job in communicating and talking as a team so that we don't get bottled necked by things or have to do and redo things over and over again. As a result of redo doing designs and layout and all such, i haven't really had time to do things that i really wanted to do and use things like Ewans shader to texture the environment and mess around with the environmental effects a lot more. Such as having dust particles floating everywhere. 

I also kinda of took lead of the modelers and kept track of what was being made by who. I made a spreadsheet sort of thing which was constantly updated when something new was added or there needed to something new added. The colours for the meshes is an indication of the texture map that the objects will be assigned to. The fog that is in the level ended up haveing no maps, just a particle material, this is why it is black.   


overall i think i have done well keeping track of what all the modelers were doing and have found this spreadsheet format to work pretty effectively. The only areas i would improve on is to cut the textures down a little more, this is because there are some areas such as the cage and stocks for example that could be optimized and combined with other maps. Although this isn't a massive problem as we ended up below the texture limit it would become a problem when working to tighter constraints. 


----------------------------------------------------------------------------------------------------------------------------------    

Building the Golem - Tom Luxon


In this project I wanted to try something new, on a personal level. I had already done level design and coding in the previous year and in the first term project, I was the environment modeler. For this project I specifically wanted to take a step back from any design and focus on character modelling. I wanted to try and replicate the scenario I would face in a real studio as closely as possible if I were tasked to doing a character model. I weighed in with a few conceptual ideas at the beginning of the planning phase, but wanted to see if I could create a model from purely the concept artists and the lead designers wishes without influencing the design too much.

I really wanted to do lead character as I wanted to get some human figure modeling practice done for a project but I was also happy to do the enemies as well, as they were likely to be interesting shapes. Initially there were going to be 3 separate enemy models but I was tasked with completing the biggest and most important first to see how much time we had left. I found out that it was supposed to be a level ending mini-boss, standing around 20 feet tall and be the 'hulking brute' archetype enemy. It was to be made of a dark polished stone/glass like material with coloured lights emitting from many of the cracks. First designs had the appearance of a spectral mist with floating armour on top with the innards just as a pulsing light. I was moderately happy to give it a go but we ended up opting out of that design because it would be a far stretch of my talents having never learned any VFX before. It would probably had to have been mostly particle effects rather than a model. After a few design variations the concept artist and designer agreed on the following model, and I was given the model sheet below to work from.


For this project I wanted to use a zBrush workflow for the majority, and only use Maya to create the low-poly version. I started with zSpheres to get the initial basic mesh shape completed, always using symmetry to keep the mesh creation time as low as possible. Working from the left side of the concept image I created the mesh from the zSpheres. At this stage my main goal was to get the outline of the base mesh done as quickly as possible so the animator could start rigging it.


I created the overall shape of the mesh with the Move and Clay Buildup brushes and smoothed it out a bit. I used DynaMesh for this process to work quickly to create the necessary shape. I then used zRemesher to lower the poly-count a bit to export the OBJ to hand to the animator.




The animator then told me that in order for him to rig it properly he would need me to put it in the usual T-pose, extending the arms and the fingers. I did so by masking off areas and using Transpose tools on the limbs and fingers to straighten it all out for export again. This newly positioned model would end up being the base mesh.


With the base mesh in the animators hands I could then start working on the high-poly version fully. At this juncture I was doing a lot of thinking about the best way to go about creating the different sections of the model. My first instinct was to create a smooth under-mesh which would act as the emissive part, then I would make separate stone armour pieces on top. I decided against this method in the end because it was possible that polygons may be at a premium near the end of the project and this method would essentially create too much unnecessary mesh. The other reason was that the concept didn't have too many emissive parts overall so would have probably been a waste to create that much underneath. I looked up many tutorials and speed sculpts of how other, more experienced modelers created sectioned armour pieces. The two popular methods were extraction and panel loops from poly-grouping.

I decided to experiment and try the panel loop option as it did look very clean on high resolution meshes. I subdivided the mesh a number of times and used the Slice Curve tool to create the different poly-groups in the areas where the armour panels were. I did the lengthy and pain-staking process of hiding poly-groups then using the Slice Curve tool on the remaining visible ones until all the panels were the sizes and shapes I needed them. At the end I used the 'Mirror and Weld' function to make it symmetrical once again. This took a long time for an experiment. I was hoping it would work out alright, otherwise it was a lot of effort wasted.




After that it was time to see if the effort had paid off and started to panel-loop the mesh. It took a few trials to get the settings correct to get the lines to look like the divides were small and detailed enough. In one of the video tutorials I had seen one person add extra loops in when panel-looping the mesh, then using the 'Mask by Poly-Groups' option he used the Move brush to pull out the panels to create the chunky panel look. This was the method I wanted to go for, so following that method I started to pull out the panels. I noticed while pulling the panels out that the mesh was less smooth that I wanted, but had also learned about hard surface brushes such as Flatten and hPolish which I could use later to make it smooth again.


The panel-looping process came out ok - good enough to continue, but probably not the most efficient way of going about it. I continued pulling out all the armour pieces until I had the look that seemed closest to the concepts.



At this stage I was worried about being able to easily modify the separate armour pieces as it was all still part of one mesh. I decided to go through the different similar poly-groups and start grouping them together to create manageable pieces.



 After all the big pieces were separated into different Poly-Groups, I used 'Groups Split' to separate them into different sub-tools. It was around this time when I noticed what a mess the panel-looping made to the edges of the mesh. I realised I would have to be very careful about moving things and reshaping the now separated sub-tools too much to avoid creating gaps between the sections.

I then went on to smoothing the chunky armour parts of the mesh with primarily the hPolish brush. This is where I found my second problem with panel-loops. When pulling the panels out, it leaves very low resolution edges and so cannot be easily sculpted without modification. So I went through another very pain-staking process here. I selected each of the extruded armour sub-tools and using the zModeler brush, I creased each edge to keep the corners and edges as sharp as I needed them. I then added multiple edge loops down the sides of each armour piece to add the necessary resolution before sub-dividing. This took AGES, but was a completely necessary step in order to flatten and smooth the armour pieces, otherwise they wouldn't subdivide with sharp edges and have weird crinkles along the sides when polishing.

After this lengthy step was done, I polished all the pieces to take out all the obvious bobbles. I also did some shaping to the face and spike areas on the back to make them hard-surface looking.



Next I created the faces for the shoulder pads using the concept image to get the shape as close as I could. To do them symmetrical I had to create a separate sub-tool and then re-position them later. I used the same technique as before, with panel-loops for the emissive areas, but this time I pushed them in slightly instead of pulling them out. This was a much safer and less time consuming process for these shoulder pads compared to the main body. I shaped the faces on the shoulder with the Flatten brush and used hPolish to make them look like they were roughly carved from stone.


I positioned the shoulder pad and then used Mirror and Weld. I then used the Topology brush and drew out basic rectangles on the legs to create the shape of where the skirt should be. This creates a very low poly block attached to the geometry it was drawn on. I separated it from the legs and used the Move brush to carefully ease it away from the main mesh into the position it was supposed to be in. I creased the correct edges and then subdivided many times and finally gave it a slight polish. 


Next I created a sphere and I subdivided them many times. I activated radial symmetry and increased the count to a large amount. I then used the Dam_Standard brush to cut in, and also pop out a few parts of the eye to give it more detail. I then positioned it correctly in the eye socket and mirrored it. I knew the eyes of the Golem didn't need to move or be animated so I could just place them into position into the head. I tried to inset them just enough to recreate the slightly unnerving stare that the concept had.


I then started to add more detail to the model which would be seen on the final details in the Normal map. I again used the combination of poly-grouping, panel-looping and insetting certain details which the concept had to try and keep these parts as accurate as possible.


At this point I had some concerns over the shape and material of the skirt. I thought that if it was made of hard stone like the rest of the Golem, it would certainly be in the way when it came to animating the model. Either it would bend and look strange, or we would have to separate it and have it move as a separate entity which would create more work for the animator. I asked the lead designer and concept artist which direction they wanted to take it, and they agreed that the skirt should stay, but I should create slats in it so it wouldn't look so strange if it moved along with the model. Additionally due to the shape of the knee we added simple knee pads to detract from the possible warping of the emissive areas on the front of the knee.

I added some large asymmetrical damage in the armour, such as a big chip out of one arm plate, as well as chipping off the end of the nose of one of the shoulder pads. I did this detail at this stage so I could add them to the actual geometry when creating the low-poly, which was the next step.



I grouped the sub-tools together so they were just a few large sub-tools. The shoulders were one, the torso and arms another, the head another, the skirt, the knee pads and legs all separate. I then went about using the Decimation Master ready to export into Maya to create the low-poly.

In Maya I imported all the decimated pieces and started Quad-drawing. I had never done this process all the way through before so wasn't sure how it would turn out. I tried to keep to the accepted torso topology one would expect from a humanoid shaped model, but as I had imported it as a singular mesh, I had to account for the armour shapes. I ran into a hugely time consuming problem. The parts of the mesh which would be emissive on the final low-poly model would need to be outlined with Quad-draw. They were mostly inset and this made the whole process VERY fiddly. I don't know how long Quad-draw is supposed to take usually to get a neat low-poly model, but this took me a good few days of full time work to complete. Much longer than I anticipated, and much longer than I expected even after I had started. This fiddly problem combined with the fact the model has many parts that require geometry instead of just detail that could be contained in the Normal map, this was a huge time-sink. 



I then tried to keep as normal face topology as I could, an due to the smoothness and simplicity of the face, and the fact it wouldn't need to be animated, it barely took any time at all.


I did the same process for one shoulder pad, the knee pads and the whole skirt, which wasn't symmetrical. I then duplicated each of the pieces of geometry and mirrored them across -X and combined. I then selected all the vertices which should be in the centre line and scaled them together and welded them for all half-pieces. 

So with a full low-poly mesh completed, it was time to map out the UV's. The environment modeler had all the map limits planned, and so to allow the 5 maps I needed (Albedo, Metallic, AO, Normal and Emissive) I would need to fit the whole unwrapped Golem into a single 0-1 space.

With the symmetry tool active, I cut along non-intrusive edges and tried to separate all the UV's into manageable chunks while also attempting to keep distortion to a minimum. 


To fit all the pieces into one texture sheet, I had to make compromises in terms of which areas needed the most resolution. I decided the main chest area would probably be the most visible to the player and gave them the largest areas. I then prioritised all the other areas to how visible they would be to the player and arranged them as efficiently as I could in the 0-1 space.



After that was finished I went back to zBrush to finish the high resolution detail. I used the MAH-Cut brush with a long lazy mouse setting to create similar grooves in the panels to those shown in the concept, along with some others to create interest on plainer areas.


I then needed to create the colourID map for baking so I filled all the sub-tools with the necessary colours. I then hand-painted the more fiddly emissive areas, many I did roughly (especially the small detail areas) which I would clean up in Photoshop before texturing. 


I then did many, many bakes. Most were tests at 2048 to try and get the cleanest results. Going back and forth from low-poly, softening and hardening edges to see which came out best in the final bakes. The final maps are at 4k however due to being restricted map quantity. 

When I was happy with the overall maps, I cleaned up the small imperfections in the normal map and ambient occlusion map. I then also went through and used the magnetic lasso tool to sharpen all the yellow areas in the colourID map to make it all as clean as possible. I combined all the separate bakes into one file in Photoshop and created an Emissive map alpha from the colourID map by using the yellow parts as a base. I then used layer styles within Photoshop to give the edges a slight fade on the emissive areas so when they light shines through in engine, it will be brighter in the middle than the edges.

I created a quick Unity test project to assemble the maps together with the model to do a final check to make sure it was all satisfactory. The colourID as albedo, AO, Normal and to test the emissive map was working correctly.




Next was to set up the QuixelSuite project. I imported everything and set it to a Unity 5 PBR metallic/roughness workflow. I added a light scratch pattern all over in nDo first, and converted it to normals so the stone texture wouldn't look completely smooth. Then in dDo, for the materials, I already knew the armour parts had to be a very dark and very reflective polished stone. I knew also that instead of black, the designer wanted a deep purple instead as it's a more 'magical' look. None of the presets were very good for what I was looking for, however in the legacy presets there was a glass preset I could use. I modified it enough to make it look more like a stone than a glass, testing a lot of different lighting conditions to ensure the reflectivity was ok. 

For the connecting areas in between the emissive strips and the stone armour slabs I went with a concrete looking material to continue the magical rock Golem look. I modified the texture so it looked less dirty and had purple reflective tints instead. Below is the image from the 3Do renderer.


Next was time to export it all and do a final test in Unity once again. I read from the Unity tutorials that emissive textures can only emit actual light when the object is static, so I set up a simple scene, set the Golem to static, and set the emissive light colour to try to get a good idea of what it might look like in a more dimly lit area.




It looked great, but obviously the Golem wouldn't be a static object so I set up a quick demo scene with low intensity point lights around the Golem so it could appear like it emitted light in real time. The cool thing about this method was that when the point lights were positioned just slightly away from the model, the light reflects back off the stone surface and makes it look more authentic.


After this I sent the finished model and all maps for them to import and attach the rig to. Maybe we'll able to set up the actual Golem in the final game this way for the final build. It may not be possible as they have coded the lights to change colour with different stages of health that the Golem is at so it may be easier for gameplay reasons if the lights are positioned differently or are much brighter.

I learned a fair amount while doing this project, especially regarding hard surfaces on characters and the time-intensity of some of the stages. I learned lots of little tips and tricks, and the pros and cons of certain techniques. Techniques like organising a mesh through poly-grouping with Slice Curve, and things like panel-looping. Many tools which I hadn't used before this, especially brushes I have now gotten used to, like MAH-Cut, Flatten, Trim Dynamic and hPolish. I learned how to use Quad-draw fairly well, and by the end I was more efficient with it than I was at the beginning at least. I learned a fair amount about how to UV more efficiently with this model too. The limitations of only being allowed one texture sheet helped me in this case to optimise space as well as I could. It still isn't anywhere near optimal as there are small gaps around but better than I had done previously.

I have a couple of regrets from this project however. I felt a bit bad as I said I would help with environment modeling after I had completed the Golem but I barely helped my team out afterwards due to barely having any time and other projects still to complete before end of term. I have the problem still where if any part of the model isn't of a high standard I transfix on it until it is done properly and this costs me so much time. I need to learn to recognise when it is an ok time to leave something and that it won't even be noticed in-game. Examples of this for this project is the panel-loop restructuring and the Quad-drawing. For the former I could have easily just left it as it was, as most of the areas will barely be visible from afar when the player character is from a 3rd person camera. Like-wise for the Quad-draw, I think I made it far too high-poly for what it needed to be. Also all the intricate and fiddly areas that took so long to get right didn't need to be anywhere near perfect as they wouldn't be pretty much never be seen. They look great now, but probably at the cost of other areas. Luckily the team narrowed the games overall scope to be only one enemy and smaller level so it gave us modelers all less work to do. I'm not sure how I would ever had got it finished if I did have to make another enemy type as well.

I learned a fair amount about keeping animators in mind when making this whole model. I had never made a biological shape that was going to be animated before, and so I found myself thinking of the best way to make something so an animator could use it ok. Things like the joints and the skirt, shoulder pads etc. I made a lot of mistakes and I think if I was working with an experienced animator they may have given me much more rigid instructions prior to creation on how to make certain things properly. In the end I combined it all as one mesh as that is what our animator wanted. Others may have wanted it in lots of different smaller meshes so the armour could bob independently on top for example.

Following on from that, I think if I were to make this model again I would make it multiple meshes instead. I would have a base mesh like I had originally planned and create the armour on top of that as different meshes. There is a few different reasons for this. One would be that it would probably save me time (although at the beginning I suspected it would take longer). Quad-drawing over a simple organic shape would be much quicker, then I could perhaps even just use zRemesher to do the armour slabs and save a load of time. I could also just make the hidden mesh under the armour much lower resolution and would probably barely take any time to make the low-poly. Also, I wouldn't have the long process of cleaning up messy edges from extruding from panel-looping. I would probably just use the mask/extract technique to make the armour slabs and then manually polish them to make the hard edges. I would still use panel-loops but just to add details that show on normal maps, not to modify in anyway afterwards. Another benefit to making the slabs separate meshes would be that an animator could easily take the armour and animate them separately as well as the fact they wouldn't bend and warp when the models limbs moved.

Again another project has finished where I have felt like I wasted huge amounts of time by doing overly complicated techniques that could have put other areas of the game in jeopardy. Luckily it wasn't the case as almost everyone over-estimated what was possible within the time frame, not only myself. Having said all that, I know that I would do many things much differently if I were to make a similar model next time so it was still a valuable learning experience. I learned a lot of techniques (some I spent so long doing that I'm fairly proficient at now) and completed the workflow all the way through for the first time and it (mostly) went as planned. I now know how the whole process can go for future characters and have a much better idea of how each stage will go when planning the initial high-poly model.

Monday 18 April 2016

Crystal Lighting - James McAndrew Environment

The final stage of lighting the environment was to light the room with the crystal in. I wanted to keep this subtle with a slight purple twang to the colouring on the walls. The torches were kept the same throughout the level and again in this room the torches are as seem in the rest of the level. I added a spotlight and reflection probe to the crystal to bring it out a little more but what really made the crystal pop was to change the shadrer to a FX glass shader, upping the distortion made this mesh a little bit see-through and more crystal like.        


The reflection probe really was a pain to get working but when it was, it added a purple look to everything that it touched, which i think work quite well. This is a magical powerful glowing crystal and the lighting shows this. Although everything is a little dark i think this doesn't that anything away from it.

--------------------------------------------------------------------------------------------------------------------------------- 

Game Development

Game Development
Intro
The development of the game and of any game I imagine begins with knowing the capabilities of the team. A team of eight was a rather large team in comparison to others and so gave us a desire to be ambitious. Once figuring out every ones preferred role and desired specialities it would give us an Idea of what we could realistically achieve. The roles decided upon were as followed :
Adon: Game Designer, concept artist and gui artist.
John: Game Designer, concept artist, coder
Alessio: Lead Coder
Matt: Lead Concept Artist
James: Lead Environment artist
Alex:  Character Artist, Environment Artist
Tom: Character Artist
Jack: Animator
 Roles were divided up in a way as to create an efficient work flow. Initially Matt was the only one to step forward as a concept artist however, in order to facilitate the 3 modellers concepts would need to be produced quicker than one person could do. To solve this Matt would be the lead Concept Artist governing myself and John as we assisted in doing concepts for environment and character. With 3 people working on concept art we aimed at giving the modellers references to work from as early as possible so that time was not wasted and they had sufficient time to model. With multiple character and environment artists it gave us the hope of creating something of a large scale and scope.
When it came to actually thinking about what it is we wanted to make a game centred around magic or a magic user was the initial line of thought. It is something that we all discussed as a team and contributed to. As we discussed it more we developed ideas of possible characters and narrative. We wanted our character to be a morally conflicted anti-hero type character. We came up with the idea that he had been locked away for war crimes or for become a threat to his superiors. After discussing it for a while we decided upon a base idea that you played a combat orientated mage who had been locked away by his own people out of fear of him. The prison in which the player would be kept and start the game in would stop you from using your powers. Your powers would be sealed away and the main objective would be to break out and unlock them in order to fight your former masters. With this rather vague idea in mind we looked at other already existing games that might have similar mechanics, story or characters that we might use for inspiration.
God of War
This game had a similar type of character design and feel to what we had discussed. The strong brutish type of male character that is seen in the God of war series was one of the many inspirations for the character. 
Elements of the story and the general aesthetic provided a lot of direction and inspiration as to what could be achieved. 









We looked at smite mainly from a game play point of view rather than aesthetic reason.To get an idea of what kind of spells and camera movement worked this was a good game to look at due to its third person view and variety of spells and abilities with in the game.  




Dark Souls




We looked at dark souls for inspiration in game play and way obstacles and enemies are placed in order to give a challenging experience.


Initial level design after discussions with team members and researching the layout of other similar games and after talking about the story of the game.

This is a basis of some of the elements that the game level can have but we will see how much we can get down. 




The story and game centres around a battle mage a mage trained for the purpose of war. Working for a guild of these warrior mages they would use any means to gain strength including dark forces that most other magic uses deem too unsafe to use. This Guild run power elder mages has its own agenda to take over the land and kingdom that employ them. They plan on doing this by using soul magic and binding souls of humans to golem like creatures they can control. The main character also seeks out his own agenda too, to get stronger than his superiors by using a dark power he had discovered and kept from them in fear of his increasing power guild intervened and locked him up as they continued with their plan of making these artificial golem warriors.


We decided that we wanted to give him a monk type look but to keep at strong brute appearance as well. These are some of the characters we looked at. Most of these characters use physical attacks in combat. We had already decided to use magic and ranged combat however these characters gave us the idea to use martial art like movements in the spell casting process. Looking at the animations these characters had gave us a foundation and idea of where to start with animating the character.


Initial character designs started off by listing the attributes we wanted him to have and the kind of background he might have. When talking about the story we toyed with the idea that he was a war criminal and magic user trained to fight in war like scenarios.  He would be a combat veteran and would portray the rough, battle hardened demeanour you might expect. Unlike a lot of magic users in game we did not want him to be a frail old wizard like character but to be capable physically as well.
Some of the Characteristics and elements that we thought that he should have that would comply with these ideas is battle scars, an aged look due to being in prison, some sort of branding or runes that would mark him as a prisoner or a magic user.






The kind of spells we want our character to use would be those meant for combat. Some of the ideas that we discussed in meetings was the different types or classes of spell he might use. Three types we established as a base. Offensive, Defensive and Mobility spells. These would be divided into 3 separate trees that the player would have to unlock as they progressed though the level. Offensive would be spells to damage the enemies like a fire ball or lightning type spell. Defensive would be to protect you from incoming attack like a stone wall or ice armour etc. And mobility would help you get around the map and avoid damage as well as place you in a position to do more damage. 


As he is locked in prison his clothing will be minimal. He will be chained up to restrict his physical movement but also to restrict his magical powers and this will be the basis of the progression system in the game to begin with. The bracers on the character’s arms will restrict his magical powers and will be powered by crystals found throughout prison that will unlock spells as you find them and break them. The collar on the neck will show the players health and will be a way of integrating ui elements with the player model. The bracers will have runes engraved in them that will glow and indicate the spells blocked. As you destroy the crystals around the level your bracers will change to indicate a new spell is available for use. Hopefully this will be possible and minimize the use of ui elements like in games such as dead space that uses the back of the suit to display health 



Further design of the bracer and some of the elements it should include. The initial idea is that this flat image would be the ui representation of when you unlock however this might be ambitious and will be subject to change. The different runes will each represent a spell or ability. For purposes of the slice of game produced there will be minimal skills unlocked but enough to demonstrate the progression feature of the game. 






Runes from the elder scrolls game series I looked at in order to get some ideas of what the runes on the bracers could look like. 








Rune designs done in photoshop ready to be used as alphas in zbrush to do details on the bracers and neck brace of the character. Each design will have a unique symbol that will correspond to a spell or ability.





Character Concept




Using all the different aspects and inspirations it was time to do a final design for the character so it could be modelled. 






Simple design of the character in proportion. This is the design of the body mainly and clothes the bracers would be designed more in depth as the ui develops and gets finilized






Colored design of the character. It follows the themes that were agreed open and reflects some of the narrative choices made.



Basic Model sheet of the body sizes and shape to be modeled








Large model sheet of the heard to get a better idea of the shape and details that might go on it.










Furthter GameDevelopment


Alot of the ideas from the initial one sheet have been changed due to rethinking what was possible and what time would allow. Alot of the problems arose from working in a large group and having communication issues between the different members. Tasks were set but the follow up was lacking and if i was to restart i would be more consistent with following up on individuals task instead of giving them a rough dead line. Alot of the time issues were due to deadlines not being specific enough or enforced enough.














UI Development

Some changes have been made from the initial ideas about ui and it is now necessary to display the health and the cooldowns for the spells you can use. In order to do this I will create simple health bars and cooldown icons in photoshop. The design will be simple and will match the runes that are on the back of the characters collar as originally these would indicate health.











A lot of games when it came to ui had standard health bars. A green bar used to show the value of the players health that would decrease when hit. I wanted to follow this simple model but to integrate the rune designs as started before. In order to do this I will make a bar that would represent the actual health and a border to contain it in to show where health use to be. 



The health bar will run vertically to match the pattern on the players prison shackles over 3 runes as the player is damaged the green in the health bar will  decrease. This is done by using a fill image and decreasing the value of the fill as damage is applied









As well as decreasing the health bar will change color to a red to indicate the players health is critically low. The code has been kept simple as it will need to be integrated into the main scene and character code later in this demo there is an automatic damage function that will decrease the health on the start of the scene to show the health bar working that will need to be removed as well.



The menus would be of simple design as well using the rune like shapes to form boarders and buttons to match the theme that the ui is taking. The buttons on the actual menu would be limited to continue which would take you to your last save point, new game start from the cut scene to the start of the level, controls explaining the movement and spells and exit to exit the game. The In game menu would be slightly different but basically the same.                                                  





The title screen would consist of the main menu and an image of the character that would fade in as you start. To give the title screen added effect i added a particle system in front of the canvas. The smokey particle effect gives an increase in atmosphere as well as the music found on freesound.org then edited to suit the theme of the game more.




Using unity 5's button system of using booleans to turn objects on and off it was just a matter of connecting the right buttons to turning on and off the right game objects.








In game look at all the different ui elements coming together. Health on the left and cooldowns for the 2 spells you start off with on the right. Ui development changed from initial designs due to many reason but i think this final look still complies with the minimalist design that we set out to achieve.





This is the image that will appear once you have died made from images similar to the main menu.