Jump to content

April 2017 »

232425262728 29
- - - - -

Evolution of Icons

4: Adsense

One of the things we're working on finalizing right now on Empyrios: Prophecy of Flame is the HUD for selecting unit abilities. Our artist Jove is working on upgrading and polishing the final artwork for the icons, and we also need to make one other small change that I've meant to for about a year but haven't had a chance.

What is the ability bar? It's the UI component used when you have a unit selected which enables you to quickly swap between the various abilities (and movement) resulting in the available tiles being highlighted. The example below shows the priest unit selected and in this case the ability bar would have the movement icon selected:

Posted Image

While getting some of the latest assets in the build I thought it would be fun to show how our ability bar has progressed throughout development.

Initial Prototype
We put together a rough working version of the ability bar in order to test out our ideas and gameplay. This actually lasted for a few weeks of hackery while we tested how everything was going to work and as we solidified the core game rules. Every ability had an unseen power cost and damage as we played around with things, and so this initial working version was quickly upgraded.

Posted Image

Second Prototype
As the prototype was progressing we needed to actually be able to see the changes to abilities without having a spreadsheet open. With the previous version we were mainly testing animation and UI so this wasn't an issue, but once we really started concentrating on the unit abilities themselves we started loading the icons and descriptions from unit files.

Posted Image

Alpha Production
The ability ideas were solidified at this point and so our artist Jove set out on creating the actual icons, and we started to give more informative descriptions. The build was fully playable and as the ability descriptions and types are pulled from the unit files at runtime it was now simple to start tweaking abilities and balancing units.

Posted Image

Beta Production
This is our current phase and there is still a little bit of work left but we're finally nearing completion. The icons themselves are being upgraded to the same quality and style that we use in the mastery tree and other areas of the UI, the ability names are almost complete, and descriptions still need a little work but they're getting there. There is still one core change that we're making in the HUD and that is with the power cost (i.e. the 16 in brackets) which I've meant to have swapped out since the very beginning but just haven't had the time. Our final version is going to have a small lightning bolt icon that we use elsewhere to denote power, and then have the cost beside it. The design on that is still being finalized but it'll both look much better, as well as provide actual information to the player rather than just a random number.

Posted Image

I'm really happy with how the ability bar turned out in the end and I personally love it for gameplay, especially in comparison to digging through menus or other UI components.

If you haven't checked out the upcoming game this UI belongs to, check us out: Empyrios Announced!

Follow us on our blog, Facebook, or Twitter to get future updates and take part in upcoming contests we'll be running.

Creoterra | Facebook | Twitter | Google+

Jul 17 2014 10:07 AM

Happy to see another developer that reviews the progress of their game's elements.

It is fun and I think rewarding to see the path different items took to become what is finally delivered to the player.

Keep up the great work!

Jul 17 2014 10:42 AM

Yeah it's fun looking back at how it evolved :) I can hardly wait to finalize the last step with the power cost and have it stamped out for good!

Jul 17 2014 07:11 PM

You can even see the progression of the balancing (Power).

Note: GameDev.net moderates comments.