Showing posts with label concept art. Show all posts
Showing posts with label concept art. Show all posts
Update 4.5 : Pre-Match Lobby Concepts.
Tuesday, 14 April 2015
A lot of these are very much identical with only minor variations between them, but I figured I'd post all the iterations the lobby UI underwent before I ultimately returned to my first original design and added scroll buttons.
Sunday, 12 April 2015
First sketch of the pre-match lobby. I have a few concerns with this first initial design.
Design cues were inspired by games like Dota, League, and Fighting games like Street Fighter. I do wish we could fit the 'Huge central CO portrait that scrolls left and right to other COs' like how Dota uses, there's just too much other important information to show at the same time to have your single player portrait take up the center stage.
Not a whole lot of room for Team Chat, as you can see in the bottom left. This stems from the problem that CO. portraits cannot be smaller than those squares, so they take up a large amount of space. While we may only have 4 CO.'s at the moment, I plan on expanding this roster a great deal to the point that if the images are that large, some kind of alternative solution may be necessary as I'm not a huge fan of the scroll-bar. Search is nice to help alleviate that, but only works if you know exactly which CO you plan on being.
Super Combat Squadron will feature a map editor and custom user maps, so knowing the layout of the map you are about to enter is important, so the map preview takes front and center stage. Were this a 1v1 match, the banners on the sides with your teammate's CO portraits would not exist, and it would show you only you and your enemy. Right now the teammate banner colors should reflect their team color, and could use a bit more contrast.
CO powers are snug in the center of the screen. They change to reflect whichever CO you have chosen, and mousing over them/selecting them will bring up a tooltip that will explain precisely what they do.
My biggest concern right now is I don't like windows-looking scroll-bars, but I don't want to split the CO selection menu into another screen or something, so more room for CO's will have to figured out somewhere.
Tuesday, 31 March 2015
The UI is one of the first things I started to work on before Super Combat Squadron even had a name.
The original development title we used internally was simply "Swat Game" despite the fact that the game did not feature Swat teams in any capacity. Even now the folder I keep my development assets in is called "Swat".
The earliest screenshot I can show you. At this point in time, there was no game, there was no code, Super Combat Squadron was nothing but an idea. The idea of hotkeys didn't exist yet, neither did a minimap. The hud was concepted out over top of a screenshot from AW.
In the bottom right you can see a small button for 'Move, Attack, Hold, and Patrol' commands, but this element would be dropped in later versions.
The next version after that. It looks the same over all, but here we've added the idea of a Minimap, the panel readout of information on the unit you are selecting has been expanded to represent the effects of the terrain on its stats, and already the MAHP button is gone, replaced by the Build menu. (now given a B hotkey)
No code existed still as of yet.
Above is the first major milestone in Super Combat Squadron development. AW background was thrown out. The idea of having 'Commanders' was finally given representation, and their ability to have abilities, shown by the atomic bomb with the Q hotkey. I tossed together a quick temp sprite based off of the Fire Emblem sprite heads and for the first time we conceived of having a much larger screen-space as things had started to become very cluttered.
Things moved rapidly at this point. The sprite art was deemed too small and thrown out in favor of the large sprites we'd eventually adopt. Nell from AW was used as a placeholder to judge the size of character sprites, and ideas such as a Day/Night cycle clock were experimented with at the top, and how many powers a CO would have, similar to a hero you would see in a MOBA game like League or Dota.
The Minimap has grown enormously but now we're struggling to find places for all the information that needs to be read out to the player at any given moment.
Starting to look familiar now isn't it? The Temp CO is moved to the right side, the information read-out stays relatively unchanged from this point onward however the Minimap square proves to be too small for practical purposes.
'Experience' points are tested out for the CO. as well as you saw in the previous design. No solid place for these has yet been figured out, and the name plate under the hero is still temp.
And now we've finally reached today. In concept art, we have our own nice font for things but that is as of yet not implemented in-engine. The CO is missing an experience bar, and a plaque with their name on it. The Minimap has grown ever larger. The Build button still exists in the bottom left but as of now it serves no purpose, building is done by clicking on the structure itself.
It's almost due for another strong evaluation again. We want to target both PC and Mobile markets so its important to consider things like 'When you only have a single finger to click, you cant do things like hotkeys, control groups, precise hitboxes for selecting things, or all sorts of fancy controls that the PC can.
Thing's that are unsatisfactory about the current HUD for me:
The original development title we used internally was simply "Swat Game" despite the fact that the game did not feature Swat teams in any capacity. Even now the folder I keep my development assets in is called "Swat".
In the bottom right you can see a small button for 'Move, Attack, Hold, and Patrol' commands, but this element would be dropped in later versions.
No code existed still as of yet.
Above is the first major milestone in Super Combat Squadron development. AW background was thrown out. The idea of having 'Commanders' was finally given representation, and their ability to have abilities, shown by the atomic bomb with the Q hotkey. I tossed together a quick temp sprite based off of the Fire Emblem sprite heads and for the first time we conceived of having a much larger screen-space as things had started to become very cluttered.
The Minimap has grown enormously but now we're struggling to find places for all the information that needs to be read out to the player at any given moment.
'Experience' points are tested out for the CO. as well as you saw in the previous design. No solid place for these has yet been figured out, and the name plate under the hero is still temp.
And now we've finally reached today. In concept art, we have our own nice font for things but that is as of yet not implemented in-engine. The CO is missing an experience bar, and a plaque with their name on it. The Minimap has grown ever larger. The Build button still exists in the bottom left but as of now it serves no purpose, building is done by clicking on the structure itself.
It's almost due for another strong evaluation again. We want to target both PC and Mobile markets so its important to consider things like 'When you only have a single finger to click, you cant do things like hotkeys, control groups, precise hitboxes for selecting things, or all sorts of fancy controls that the PC can.
Thing's that are unsatisfactory about the current HUD for me:
- The CO's name has no place anywhere, and perhaps the CO image is too large as it is now?
- They aren't shown here but I would like to have a bar along the bottom middle showing off the various CO abilities (yet unimplemented) and in the same location will likely be where CO. experience will be shown.
- Just as important as your own CO is the CO's of your enemies and allies. Popular MOBA place thumbnails of them in places like along the top bar or lined up on the left, which are both places to consider.
- In every HUD version but the current, the number and types of units you have fielded show on the left, a feature I'd like to see implemented again, but the code is just not quite there yet. It In the same place should be read-outs on how many flags and building structures you posses as well.
What do you think? The GUI is far from complete or perfect, and every version tweaks it slightly. Perhaps the Minimap will move to the bottom left corner and the info readout will become lengthwise again? Only the future will tell.
Update #3 - Updating Old Assets
Comparisons to AW are inevitable. We understood that from the start. That was partially the point. When your sprites are 16x16, blue, and cute military shapes, there's not a whole lot you can do to shake that comparison.
That being said, as the artist here I put in a great deal of time and effort trying my best to establish our own unique looks and designs for units. A lot of the early alpha artwork hit too close to home for everyone's comfort level, so over the last few days I've been spending my time going back and re-doing early artwork.
Attached bellow is a large pool of how I develop the units for Super Combat Squadron. It may look like from the outside that I just iron out a new unit bam all at once, but it actually takes a great many iterations and trial and error on my part before I stumble into a design I think works.
Top Left: The redesigns for the rocket car and long range Anti Air missle launcher. The originals as mentioned looked far too close to home and needed a complete overhaul.
Top Right: Very early artwork I did for the cars, APCs, and heavy rocket infanty. The nozzle on the gun took many attempts to get a shape I was satisfied with.
Bellow the two of those in the middle are the now outdated AA Machine Gun Tank and Heavy Tank designs, which all iterate too close to AW, and since then I've already designed the Heavy Tank into its new state, seen bellow in the Bottom Right.
The last unit who is going to undergo these changes is the aforementioned AA Machine Gun tank, which will be getting a new look in the coming days.
EDIT: While we're talking about it, I have another nice tidbit for you all. I keep all my work from the earliest designs, I have here the earliest building iterations to show off:
That being said, as the artist here I put in a great deal of time and effort trying my best to establish our own unique looks and designs for units. A lot of the early alpha artwork hit too close to home for everyone's comfort level, so over the last few days I've been spending my time going back and re-doing early artwork.
Attached bellow is a large pool of how I develop the units for Super Combat Squadron. It may look like from the outside that I just iron out a new unit bam all at once, but it actually takes a great many iterations and trial and error on my part before I stumble into a design I think works.
Top Left: The redesigns for the rocket car and long range Anti Air missle launcher. The originals as mentioned looked far too close to home and needed a complete overhaul.
Top Right: Very early artwork I did for the cars, APCs, and heavy rocket infanty. The nozzle on the gun took many attempts to get a shape I was satisfied with.
Bellow the two of those in the middle are the now outdated AA Machine Gun Tank and Heavy Tank designs, which all iterate too close to AW, and since then I've already designed the Heavy Tank into its new state, seen bellow in the Bottom Right.
The last unit who is going to undergo these changes is the aforementioned AA Machine Gun tank, which will be getting a new look in the coming days.
EDIT: While we're talking about it, I have another nice tidbit for you all. I keep all my work from the earliest designs, I have here the earliest building iterations to show off:
Many designs never saw the light of day, or were done simply for fun, like a random fist build. Maybe in the future they'll see use again, but for now they languish on my harddrive.
Subscribe to:
Posts (Atom)