Progress on new Combat System - 3

Action Menu Icons and Button Layout
I brainstormed about how the battle interface should be like for weeks, I've checked tons of turn based rpg games, mostly mobile, some old browser games and spared some time deciding the design.  Also had some other gamedev friends' thought about it too. In the end I'm very happy with what I've came up with. Because it suits needs the best. Now I will explain why.

I also removed placeholder icons and buttons and replaced them with final icons.  Gave them more of a circular shape, I'm finally satisfied with the looks. Action menu is %99 completed.

This is a screenshot from a Final Fantasy game

This is a good example for a turn based combat interface, a really good amount of Jrpg games like Final Fantasy, Persona etc. use this kind of interfaces. It is nice because it categorizes the actions based on their shared behaviors. Every different attack action is contained inside Attack button and that takes less space in the screen. But we didn't want to go that way because it kinda slowed the tempo for our combat system. It is needed in battle systems with more strategical gameplay. 

This example is from Swords and Sandals

Yeah, good old Swords and Sandals, it is a great example because side-view, 2 character combat with movement included. It's not wrong to say that it is a great inspiration for us because we used to play it a lot back then.  But limited when you want to include lots of skills/abilities, and some actions won't be available in some cases. But we still decided to go that way.

Gave an offset for each quarter of the radial menu so that it would not encapsulate Destor inside and categorize the actions according to their layout. You would't want to see an offensive action like "Normal Attack" on the left side, the offset also ensures they are seperate. Also added animations when button is clicked. I'm planning to improve click animations further.

This is how it looks with the animation.
As stated in the picture, all these images and gifs are work on progress pictures, most of them are placeholders and will be improved later. Check out my posts for further updates about our progress on combat system and new scenes we're adding in Realm of Dominance. See you soon.