Difference between revisions of "Item Icons Guide"
From Project: Gorgon Wiki
m (→Uploading New Icons) |
(→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 | + | ** '''Because when you hover over an icon, it will display the name of the picture's file, items with more than 1 word get mushed together (ex. crabmeat.png -> shows up as Crabmeat when hovered over). A way to fix this is to give it a <span style="color:red;">label tag</span>: "icon|crabmeat|label=Crab Meat" -> {{icon|crabmeat|label=Crab Meat}} <span style="color:red;">NOT</span> {{icon|crabmeat|}} |
* 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. | + | *** '''(Possibly a <span style="color:red;">BAD</span> habit to do because item icons may change... just create a new file with the exact name of the item. In the above example, [[Dahlia Seeds]] have a different icon than [[Bluebell Seeds]]; probably changed since the above was written, which proves my point.''' |
* 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 12:42, 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
. - 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. In the above example, Dahlia Seeds have a different icon than Bluebell Seeds; probably changed since the above was written, which proves my point.
- 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
|