Improve images and icons in game scheme editor

9 replies [Last post]
Wuzzy
Wuzzy's picture
User offline. Last seen 25 weeks 2 days ago. Offline
Joined: 2012-06-20
Posts: 1304

The game scheme editor needs some clean-up. The icons and images are not really helpful and they are chaotic. I suggest a 3-step plan to clean up the game scheme editor to make it more pleasant to look at and hopefully more usable. Many images have been drawn already (but I am not the best artist, beware!).

First step:
Redo the game modificator buttons in the game scheme. Most buttons are not really well made, because they are not really "iconic" nor do they speak for themselves.

I want to have more expressive icons for those buttons of the game modificators (also known as “game flags”). I already have redrawn the majority of them, but not all. I could really use some help from other people. Smile

List of game flags and comments (image numbers refer to number in screenshot, counting starts with 1 at top left image):

  • Fort mode: keep old image
  • Hogs start on opposite terrain sides: See image #2
  • Indestructible terrain: WANTED: Comic steel tile
  • Border: See image #4
  • Low gravity: keep
  • Laser sight: Crosshair, or sniper scope pointing to a hedgehog. See image #6 (sadly, it looks bad with the "disable" overlay)
  • Invulnerability: One big hedgehog with an invulnerability shield. See image #7
  • Heal hogs at round start: See image #8
  • Vampirism: keep
  • Karma: Ying and Yang. See image #10
  • Artillery: Anchor. See image #11 (can somebody please get rid of the rope?)
  • Random hog order: keep
  • King mode: Crown or crown symbol. See image #13 (could be better)
  • Place hogs at start: Maybe keep current, but could look better IMO
  • Clans share weapons: See image #15
  • No girders: I want to “invert” this button, see post #3.
  • No land objects: I want to “invert” this button, see post #3.
  • Revive AI: WANTED: Maybe a robot hedgehog hand coming out of the earth (like in zombie movies, haha) (DONE. I made a different image instead)
  • Infinite attacks: see image #19
  • Reset weapons each round: see image #20
  • Each hog has its own weapons: see image #21
  • No wind: WANTED: A flaccid wind sack
  • Wind influences almost everything: WANTED: Flying grenades and other stuff (DONE, I made a nice tornado)
  • Clans share turn time: see image #24
  • Bottom border: See image #25

The screenshot:

Imgur album

Second step:
Reorder the icons.
In my opinion the big buttons are aligned very chaotically. I suggest this new ordering which makes much more sense in my opinion:

Line 1 (terrain):

  • Fort mode
  • No girders
  • No land objects
  • Border
  • Bottom border

Line 2 (environment):

  • Indestructible terrainö
  • Low gravity
  • No wind
  • Wind influences almost everything
  • Artillery

Line 3 (health)

  • Vampirism
  • Karma
  • Heal hogs at round start
  • Revive AI
  • Invulnerability

Line 4 (weapons):

  • Each hog has its own weapons
  • Clans share weapons
  • Reset weapons each round
  • Infinite attacks
  • Laser sight

Line 5 (start positions and gameplay):

  • Random hog order
  • Place hogs at start
  • Teams start on opposite terrain sides
  • Clans share turn time
  • King mode

Third step:
New icons for the basic settings (damage percentage, mine time, etc.). The mine icons are outdated and a couple of icons are bad or just repeated. Here are some new icons:

Imgur album

1: (unrelated)
2: dud mine percentage
3, 4: Barrels
5: health crate percentage
6: number of mines
7: mine timer
8, 9: script parameter
10: Sudden Death time
11: water rise in Sudden Death

PS: Sorry for the chaotic uploads so far, I was lazy, and the images are more intended like previews. I should just zip all those images later.

PPS: If you have better drawing skills, please help out! Smile

Hi, I am a Hedgewars developer. Smile

h3oCharles
h3oCharles's picture
User offline. Last seen 4 weeks 3 days ago. Offline
Joined: 2012-10-19
Posts: 140

For king mode you should use crown hat

Place hogs at start could be Teleportation at cursor

---

I have suggestion for different names:

Line 1 (terrain):
Fort mode
No girders
No land objects
Indestructible Border
Indestructible Bottom Border

Line 2 (environment):
Solid Terrain (Because Indestructible land is done through land flag lfIndestructible)
Low gravity
No wind
More Wind
Artillery

Line 3 (health):
Vampirism
Karma
Health Reset
AI Survival
Invulnerability

Line 4 (weapons):
Per-Hog Ammo
Shared Ammo
Weapon Reset
Unlimited Attacks
Laser Sight

Line 5 (start positions and gameplay):
Random Order (Not hog, because then first turn would start like 6th hog)
Place Hogs at Start
Divide Teams
Tag Team
King mode

---

Color-wise, green should be as teal, because in default color set, teal is 3rd, green is 6th

oh hi

Wuzzy
Wuzzy's picture
User offline. Last seen 25 weeks 2 days ago. Offline
Joined: 2012-06-20
Posts: 1304

The “names” in my post were just ad-hoc descriptions so you know what I'm talking about. They were not suggestions on their own and those are also not the “official” descriptions. The menu already shows a short description when you hover the icon; I don't think a change is needed here.

Quote:
Color-wise, green should be as teal, because in default color set, teal is 3rd, green is 6th

I don't think this matters too much, but feel free to draw it if you insist. Fun fact: The icon for “random hog order” also uses green. xD

Quote:
For king mode you should use crown hat

I had this idea, too. But the crown hat is too small for my taste. The hat alone would look worse than our current King Mode icon (which is just a hog with a crown). If the crown hat had an SVG file, that would be great.

Quote:
Place hogs at start could be Teleportation at cursor

Uhhhm, that's what the current icon is showing, right? lol

Hi, I am a Hedgewars developer. Smile

Wuzzy
Wuzzy's picture
User offline. Last seen 25 weeks 2 days ago. Offline
Joined: 2012-06-20
Posts: 1304

I have drawn new icons.

Updated icons:

  • indestructible land
  • Revive AI
  • No wind (an empty wind bar; I don't like double negation. But actually I would a flaccid wind sack more.)
  • Wind influence almost everything
  • low gravity (removed orange corners)
  • place hogs at start (removed land from image)

Current proposed icons:

For comparison, here's what 0.9.21 looks like:

You can find the SVG file of the tornado on Open Clipart: https://openclipart.org/detail/224193/simple-cartoon-tornado

I am not so sure about the indestructible terrain icon, so I have created some variant images. Tell me which you like most or suggest something else or draw a good image by yourselves. My originaly idea was some comic steel tile texture, but I just suck at drawing. I would be glad if someone else could draw it (unless one of my proposed drawings is OK).







Alternative icons for the “wind influences everything” setting:

(compare with the original)

The only icons which I now don't really like now are the “no girders” and “no land objects” icons. This is because I don't like the double negation (the “no land objects” icon is crossed out twice when disabled). While this is perfectly logical, it is bad usability and doesn't look so great.

Maybe this menu could somehow “inverse” those two buttons; so the buttons are in the “on” state when internally the game flag is disabled.

I already have drawn those icons for the hypothetical “inverse” buttons:

Landscape girders activated:

Land objects activated:

Please tell me how well you like the icons and the ideas!

Icons I would like to see but I am to stupid to draw:

  • Better crown for King Mode
  • Flaccid windsock for disabled wind
  • Anchor without the rope for Artillery Mode

Lastly, I also have created a review requests on Google Code for the small icons (third step in first post):

https://code.google.com/p/hedgewars/issues/detail?id=953&can=1&sort=-id

Hi, I am a Hedgewars developer. Smile

MK
MK's picture
User offline. Last seen 7 weeks 4 days ago. Offline
Joined: 2012-01-20
Posts: 100

Star and Moon
Star and Moon's picture
User offline. Last seen 5 days 18 hours ago. Offline
Joined: 2010-04-03
Posts: 720

To be honest Wuzzy, your new icons are a lot more confusing than the old ones. The only one I like better than what's already in Hedgewars is the AI respawn.

For example, your new "Wind affects everything" icon looks nice, but easily from a glance I can tell the old one is wind related, where as with yours somebody could easily interpret it as a "tornado" option, which doesn't exist.

Wuzzy
Wuzzy's picture
User offline. Last seen 25 weeks 2 days ago. Offline
Joined: 2012-06-20
Posts: 1304

Star and Moon, you are not really helpful. You could have written more.

Okay, the icons aren't not really supposed to be *understood* from the very first glance (although that would be the optimal solution, of course) from people who never played the game before. I doubt this is even possible.
But my main goal is to create icons which are unique and can be quickly recognized again. The main issue I have with the old icons is that I kept “hunting” and “hovering” around even after using Hedgewars for quite a long time now.

The main problem I have with the most original icons is that many of them …
a) don't stand out
b) look similar to each other (I don't know how MANY freaking times I had to hunt for one particular button)
c) the information they carry is not really great transportded
d) are usually too detailed
e) many icons look like screenshots

My general ideas to fix things:

  • Use bigger styles
  • Simplify, simplify, simplify
  • No overly detailed screenshots
  • For tricky concepts, I use symbolism, but in very big

I agree that the tornado is not the optimal solution, but I had no better idea for a metaphor for “wind”. (and I am bad at drawing stormy clouds and stuff).

But I think your “tornado option” argument is poor. It should become clear very soon that Hedgewars does not actually have tornados and I doubt it will be mistaken for this the second or third time.

But like MK's approach; I am not quite happy about the flag, however (because it is a land object, actually).

Let me walk through the problems of the original icons all one by one:

  • Fort mode: OK.
  • Hogs start on opposite terrain sides: Too small. Doesn't carry the 2 clan limit. But otherwise okayish.
  • Indestructible terrain: Too vague, suggests fire.
  • Border: The border is too vague and WAY too small. Could also imply indestructible terrain (because it borders terrain). Also note there is also a border at the bottom, which is not the case in the actual game. I can absolutely not understand why you think this icon is even better than my proposed one.
  • Laser sight: Actually, this one is not really bad, but as most icons, it is too small
  • Invulnerability: Quite OK, but could be bigger, so I had made exactly this and made it more look like a symbol. What's wrong with my proposed icon?
  • Heal hogs at round start: A very poor job of transporting the message, I had to hover this 1000 times.
  • Vampirism: OK
  • Karma: Poor job of transporting the message. Also, are those health tags or damage indicators?
  • Artillery: A shooting hedgehog can basically mean anything.
  • Random hog order: OK
  • King mode: This is quite okay, but too small
  • Place hogs at start: More or less OK, the land should be removed. (done by me)
  • Clans share weapons: The health tags and the crate add to the confusion
  • No girders: Double negation.
  • No land objects: Double negation.
  • Revive AI: No revival is seen.
  • Infinite attacks: Now this is quite okayish; maybe you can convince me to even keep it. The issues I have is that it does not stand out against the rest and it too small. Maybe I should have included the symbol of infinity in my proposed icon?
  • Reset weapons each round: Does not carry at all a metaphor for “reset”
  • Each hog has its own weapons: The crate adds to the confusion, also why do two hogs have weapons selected at the same time? Wink Smiley
  • No wind: the arrows are in the wrong direction, and double negation. There are also way better metahpors for “no wind”
  • Wind influences almost everything: the arrows point in the wrong direction, the icon looks more like “more wind” from the first quess. And the second, and third. Also it is not really unique.
  • Clans share turn time: Now this is just plain random, the crator really had no idea what to do.
  • Bottom border: The border in the screenshot does not stand out. You have to specifically look at this icon to make it out. I really don't understand why you consider this image to be better than my proposed one.


Now I give my comments to MK's icons:

First of all, thanks for your work. But I think your icons are a bit too “stylized”. And some of them use gradients, which is a mortal sin in Hedgewars style. xD

Now let me go throgh your icons:

The 2 border icons are very well made. Good job at adapting my basic idea. I am not sure if changing the border colors to something other than in-game is a good idea, however ...
The laser sight icon is weird. The hedgehog is pointed at, which implies it is another hedgehog's turn. So why the hell is the hedgehog holding a hammer?
The invulnerability icon is just bad and makes me more think about the castle theme.
The king icon: Way to styilized The crown silhouette is too subtle, the entire silouhett needs some time to be recognized. Maybe its not a good idea to use a silhouette at all, just a colorful crown symbol makes the icon 1000% more recognizable IMO.
The icons for “reset weapons” and “reset health” don't transport the message of “resetting” or repetition at all. Stars in a circle could mean anything.
The teleport icon is too detailed; esp. the teleporters blend into the background. I like the original idea of one single big teleporter more.
I don't know why you remade the vampirism icon, the current icon is perfect.
I like how you remade the no girder/no land object icons. Still the problem of double negation remains, of course.
The artillery icon is an interesting idea, but the anchos is WAY too big, also it looks like a normal land objects (because it actually is). It took me a while to see that the hedgehog is in the rope ... lol
The two new wind icons are interesting, but the fact that the flag is part of the Golf theme makes me think (I am also guilty of this :/). Also the “wind influences almost everything” icon should primarily show items not normally influenced by wind. The drill rocket is always influenced by wind. At the very least, a grenade should be shown, because this is the stereotypical weapon of not being influenced by wind.
Karma is also interestingly made, too bad the tags don't look at all like in-game.
Random hog order: That was unexpected. Kinda remembers me of Simon Says. I object however of including words into the image, remember that images can't be translated, so it have the English word “random” in all languages of the game. Also, I think the original icon is perfect already; no change is needed. I never need to hunt down or hover this icon, I was able to easily and early memorize this one.
The ammo per hog concept is an interesting, but I object to the gradient.
Tag team and clan ammo don't carry along the clans at all, they allude more to the individual hedgehogs.
Indestructible terrain: Looks much more cleaner and easier to recognize. Now this needs to be redone in a less “sylized” way so that it looks like an actual Hedgewars terrain. Wink Smiley

Hi, I am a Hedgewars developer. Smile

Wuzzy
Wuzzy's picture
User offline. Last seen 25 weeks 2 days ago. Offline
Joined: 2012-06-20
Posts: 1304

Okay, here are some variant images:

For laser sight:

What might be actually a good icon for laser sight would be something like the in-game icon of laser sight, just in bigger.

Some crappy alternative attempts for “wind affects almost everything”:

I know, the first icon looks like shit, but I hope you get the general idea. Maybe someone with more artistic skill can do it better.

I also have now uploaded all the big icons here:
http://playmaniax.free.fr/games/hedgewars/images/GameFlagButtons/

You can also find a few XCF files (for GIMP). The “alternate” directory contains the variant images (and some additional XCF files).

Hi, I am a Hedgewars developer. Smile

MK
MK's picture
User offline. Last seen 7 weeks 4 days ago. Offline
Joined: 2012-01-20
Posts: 100

Quote:
many icons look like screenshots

Quote:
new style not need

Quote:
gradient not need

lol, only simple color, only sprites? it will be look like screenshots.
Quote:
the flag is part of the Golf theme

your anchor is also part of "underwater theme".
anyway goodluck Smile

Star and Moon
Star and Moon's picture
User offline. Last seen 5 days 18 hours ago. Offline
Joined: 2010-04-03
Posts: 720

OK, I think I get it better now. Thanks for elaborating, Wuzzy.

User login

Copyright © 2004-2024 Hedgewars Project. All rights reserved. [ contact ]