User:VeganCritter/My Sandbox/Character Inventory Image Overlay

Get Critter artists to create the following art

 * 1) the inventory frame, which is either standard to all characters or customized for each player;
 * 2) the undressed character models for each player (like in World of WarCraft);
 * 3) the icons for each item, probably around 50x50px; and
 * 4) the art for each piece that stacks onto the character models.
 * 5) * For example, Vax's equipment might stack, from top layer to bottom layer, as:  hooded cloak; Clarota's helmet; Simon and the blinkback belt (vertically displaced so they don't overlap); Deathwalker's Ward; gloves; bracers; boots of haste; pants.

Create a template from the inventory frame

 * 1) Start with the inventory frame, which is just an image.
 * 2) Create a sub-template that gets used for each icon slot.  Parameters would include the item name (which autoretrieves the image name), the slot number (which autocalculates the margin-left and margin-top negative offsets), and the link (if not already autoretrieved based on the image name).
 * 3) * Maybe another template that stores an item's history with ep refs, and it populates a hovercard.
 * 4) Create a sub-template that gets used for each model slot.  This should be autoinvoked by the icon slot template.  It will autoretrieve the item's model art for the defined character, including size and offset.

Account for other oddities

 * The Bag of Holding and Bag of Colding are clickable to their individual inventories.  Or they are JavaScript popups, like the references popups.  Or they are toggleable, collapsible sections.
 * Can we use a Tabber for Vex/Trinket?
 * In Vex's tab, the inventory frame is a menacing Trinket in the background (to the side).  Vex'ahlia's model is not implemented in the base art of the inventory frame.  If Trinket's armor is defined, then it is applied using a shrink+offset combination, otherwise it is just the base inventory frame art of a naked Trinket.  Then, the model for Vex is placed on the top of the image stack.  Finally, Vex's equipment is stacked on top.
 * In Trinket's tab, the inventory frame shows Vex in the background (to the side).  Trinket's model is not implemented in the base art of the inventory frame.  Vex's armor is applied using a shrink+offset combination, otherwise it is just the base inventory frame art of Vex.  Then, the model for Trinket is placed on top of the image stack.  Finally, Trinket's armor is stacked on top.

Example
This example is merely a matter of seeing how well the image stacking works on Wikia. However, after making this test stack of images in MS Paint, I remembered that Paint doesn't use transparent backgrounds, which are vital to this project. Must replace test images.
 * At least I can see that the canvas size needs reevaluation.



Test images:
 * TEST-Character-Inventory-Overlay.png
 * TEST-Character-Inventory-Overlay-Item-Slot-01.png
 * TEST-Character-Inventory-Overlay-Item-Slot-02.png