User:Novaster/Sandbox
From SpiralKnights
Contents
Projects
Alch Twee
{{#if: {{{name}}} | {{#if: {{{minSize|}}} | {{!}} colspan="1" rowspan="{{{rows|1}}}" align="left" valign="middle" style="width:*; height:*; background:#c7dbea; color:#000000; font-size: normal; padding: 2px 5px 2px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -icab-border-radius: 5px; -o-border-radius: 5px;" {{!}} <span style="float: left; margin: 0px; padding: 0px 5px 0px 0px;">[[Image:Equipment-{{{name}}}_icon.png | {{#ifexpr: {{{rows}}} < 3 | {{#expr: {{{rows}}}*5+15}}px | 40px }} | link={{{name}}}|{{{name}}} ]] </span> <span style="height: {{#expr: {{{rows}}}*3}}em; width: 200em;" >[[{{{name}}}]] </span> | {{SKWindow/Cell|1=[[Image:Equipment-{{{name}}}_icon.png | 40px | link={{{name}}}|{{{name}}} ]] <br> [[{{{name}}}]] | 2=center | 3=middle| 5={{{rows}}} | background=#c7dbea }} }} | {{SKWindow/Cell|5={{{rows}}}|background=#114255| }} }}
Padded Cap Example:
GearLists
Icons:
For the following table, guess what each icon means, then mouseover it for a tooltip, and then read over the Logic section to reveal more logic and explanation.
The goal and purpose of this is to see if we've designed intuitive icons. See this part of forum node 105837 for further details and to discuss. No, you don't have to do ALL of them silly pants. Just a few...the faster you understand it, actually, the better we've made the icons!
Note: Low/Med/High/VH values etc. Have no bearing on the icon's design, just know that these variables can be changed in the tooltip as needed - the icon is merely an indicator, the tooltip serves to clarify things for new users and provide details for new and old users about intensity levels. The levels in these tooltips are for actual items that exist in the game already - for fun, see if you can figure out the actual item(s) each icon could belong to. Some icons are used a lot, others...only once. So far, anyway, with the items currently in-game.
I've uploaded potential icons too, for abils that don't exist yet. See the Wiki Images Category and find the "GearList" section to keep track of 'em, and use them in the future as needed.
Template:Novaster/IconList/Start
|}
Logic
Here's my logic:
Why name the icons this way?
- Following the order of tooltip popupinfo (top to bottom) in-game.
Why Color the icons with these colors?
- Yellow = CTR. So, charge time...the knight focuses inward on the self. It is the most central thing of any combat, I think. For weapon icons, I put it where it made sense, but didn't give it priority. I think. Yellow is the color your knight gets when fully charged, and perks follow this too...
- Red = DMG = threat = be obvious. DMG buffs are red, your knight gets red rings...perks follow this behavior, but it's more firey yellowy/orangey/reddish than RED red. Anyway... DMG power is influenced by how the knight enforces their actions. What part of an item enables a knight to...play the game really? - so it is usually a large area on the outside of the item, or the part that does the pewpew or the boom boom or the slash slash. Also, players seem to care about DMG the most (CTR for bombs, of course).
- Blue = Attack Speed. Perks use blue to indicate speed in general (MS and AS). I figure fighting with "perfect speed" takes some smarts and finesse, so it's closer to the inside, but not as central as CTR since it's used more often and doesn't require as much focus. For weapons, put it on the part that determines AS the most. Handles, or how the weapon is held and used, basically. You can have a fatty hold a thin light sword incorrectly, they'll be as slow with it as they would with a broadsword.
- Orange = Movement Speed. This matches the color you get when you're MSI is boosted (orange thrashing vapor tendril things). It's also the color of the runner guy in the MS icon itself, whether it's a buff or a debuff. Perks don't follow this color...using blue for speed in general I guess.
Why color Weapon (HANDGUN) icons this way?
- Blue = AS = on handle for attack speed (the perfect gun's limit is how fast you click = pull trigger)
- Red = DMG = on the barrel for attack. Barrel gets this color because it's the most aggressive-looking part of a gun. I mean people write songs about staring down the barrel of a gun, and you see it in televised entertainment quite frequently...you get my point.
- Yellow = CT = on the last remaining bit for charging up. Makes sense too, where's that energy gonna balance itself with your knight's focus anyway? Backing up the attack of course! Yellow would work on handle, for sure, but then blue wouldn't make sense anywhere else to me. Maybe barrel...naw. That's too realistic for game logic. I mean barrel even influences range and spread and *rambles on.*
Why color Armor (UNIFORM BONUSES) icons this way?
- Blue = I figure this takes some smarts and finesse, so it's closer to the inside of a knight than the outside, but not as central as CTR since it's used more often (and therefore more "outside" and doesn't require as much focus.
- Red = DMG is influenced by how the knight enforces their actions. what part of an item enables a knight to...play the game really? - so it is usually a large area on the outside of the item. There are two things that matter the most to the general community in sk - how sexy you are, and how much damage you can deal. Another reason large icon parts are red.
- Yellow = CTR...It is the most central thing of most combat, I think. Center center center...self and soul. Focus. And whaddaya know, perks use Focus to mean CTR too. Dat logic.
- Orange = MSI. Picked things on the extremities - aerodynamics like curves and fins and such. You also moves your arms (shoulder area) a lot when you run.
