Difference between revisions of "Item Icons Guide"
From Project: Gorgon Wiki
m (→Uploading New Icons) |
m (→Uploading New Icons) |
||
Line 6: | Line 6: | ||
* In-game icons are 32x32 pixels exact replica from NPC's shop or your inventory. Unequip items to remove the red border! | * In-game icons are 32x32 pixels exact replica from NPC's shop or your inventory. Unequip items to remove the red border! | ||
* File name MUST be in the form <code>Item-icon-xxxxxx.png</code>. For example <code>Item-icon-amethyst.png</code>. | * File name MUST be in the form <code>Item-icon-xxxxxx.png</code>. For example <code>Item-icon-amethyst.png</code>. | ||
− | ** '''Because when you hover over an icon, it will display text, name 2 worded items with | + | ** '''Because when you hover over an icon, it will display text, name 2+ worded items with spaces. Example: crab Meat, not crabmeat. In this example, "crab Meat" will display as "Crab Meat" when you hover over an the icon on the wiki, while "crabmeat" will display as "Crabmeat". I feel it's just annoying to see the words mushed together and not as nice looking. Also, the first letter is always capitalized, but other letters are not, so write accordingly.''' |
* Use a short generic label for generic and common icons. For example: | * Use a short generic label for generic and common icons. For example: | ||
** Use "book" not "Fire Magic: Introductory Research" since most skill teaching books have the same book icon. | ** Use "book" not "Fire Magic: Introductory Research" since most skill teaching books have the same book icon. | ||
** Use "seeds" not "dahliaseeds" since most seeds in-game have the same icon. | ** Use "seeds" not "dahliaseeds" since most seeds in-game have the same icon. | ||
− | *** '''(Possibly a BAD habit to do because item icons may change... just create a new file with the exact name of the item. Example: | + | *** '''(Possibly a BAD habit to do because item icons may change... just create a new file with the exact name of the item. Example: crab Meat, instead of crab)''' |
* In alpha there are no icons that need more than 256 color. Save the SMALLEST file size , 8 bit PNG. | * In alpha there are no icons that need more than 256 color. Save the SMALLEST file size , 8 bit PNG. | ||
* <span style="color:red;">'''Please document any new icons below, otherwise kittens die!!'''</span> | * <span style="color:red;">'''Please document any new icons below, otherwise kittens die!!'''</span> |
Revision as of 08:57, 21 August 2016
As of writing, I recommend to watch this page to notice more easily when other people add new icons.
Uploading New Icons
- In-game icons are 32x32 pixels exact replica from NPC's shop or your inventory. Unequip items to remove the red border!
- File name MUST be in the form
Item-icon-xxxxxx.png
. For exampleItem-icon-amethyst.png
.- Because when you hover over an icon, it will display text, name 2+ worded items with spaces. Example: crab Meat, not crabmeat. In this example, "crab Meat" will display as "Crab Meat" when you hover over an the icon on the wiki, while "crabmeat" will display as "Crabmeat". I feel it's just annoying to see the words mushed together and not as nice looking. Also, the first letter is always capitalized, but other letters are not, so write accordingly.
- Use a short generic label for generic and common icons. For example:
- Use "book" not "Fire Magic: Introductory Research" since most skill teaching books have the same book icon.
- Use "seeds" not "dahliaseeds" since most seeds in-game have the same icon.
- (Possibly a BAD habit to do because item icons may change... just create a new file with the exact name of the item. Example: crab Meat, instead of crab)
- In alpha there are no icons that need more than 256 color. Save the SMALLEST file size , 8 bit PNG.
- Please document any new icons below, otherwise kittens die!!
Usage Notes
Using an icon
Always use the template if possible instead of the mediawiki image code!
{{icon|<icon name>}}
Icon size
Use the size parameter, for example here is Firstaid a 16x16 First Aid Kit.
{{icon|<icon name>|size=16px}}
Other uses
- Item Template Demos for creating item descriptions similar to in-game popups
- Template:Belt for linking to lucky belts
- Template:Quote can feature an icon (nice for books, scrolls)
Existing Icons
In bold below is the icon name to use with Template:vendor table row.
- This table has outdated icons, so I don't know if we should use this
Basic Gear
Common Vendor Utilities
Misc. Potions
Carpentry
Leatherworking
Tanning
Metals
Gardening
Flowers
|
Research Books, Recipes, ...
Instruments & Tools
Art & Antiques
Beast Forms
Miscellaneous
Fruits
Fish
Meat
Ingredients
Fire Magic Research
|
Cooking & Cheesemaking
Metal Slabs
Gemstones
Ilmari Gemstones
ADD MORE HERE
|