Libmii/Rendering Miis

This page is for describing how to use libmii to draw your Miis. The goal will be to eventually have instructions and directions for use with each of the popular graphics library and a raw example not requiring a library.

I'll also post the standard basic arrangement of each sprite so that users can easily create the commands for the graphics library of choice.

Body Parts

The following discusses each of the body parts and how to arrange each sprite as far as location, size, and rotation and where the anchor fix for each sprite should be in order to scale and rotate around the correct coordinates. The sprite files can be found (insert sprite link here)

Face Shape

• Image File(s): mii_heads.png (contains the 8 different face shapes)
  • Image Size: 480x240
  • Tile Size: 8 tiles of 120x120
  • Tile Anchor Point: 0,0 (no special anchor point required)
• Variable(s) from libmii:

Variable	Possible Values	Notes
mii.faceShape	0 - 7	values correspond with order of tiles

• Notes:

Hair

• Image File(s): mii_hairs1.png, mii_hairs2.png (contains the parts for the 72 different hair styles)
  • Image Size: 2 files of 960x840
  • Tile Size: 56 tiles of 120x120
  • Tile Anchor Point: 60,0 (allows for easy horizontal flip for reverse part)
• Variable(s) from libmii:

Variable	Possible Values	Notes
mii.hairType	0 - 71	values DO NOT align with order of tiles (see note below)
mii.hairColor	0 - 7	see COLORS section below to get translation
mii.hairPart	0 or 1	0 is normal part, 1 is reversed

• Notes: two arrays have been created called hairbg[72] and hairfg[72]. See the ARRAYS section below for description of how these work.

Eye Brows

• Image File(s): mii_eyebrows.png (contains the parts for the 24 different eyebrows)
  • Image Size: 324x324
  • Tile Size: 48 tiles of 36x54 (a tile for each eyebrow left and right)
  • Tile Anchor Point: 0,54 (for right eyebrow) 36,54 (for left eyebrow)
• Variable(s) from libmii:

Variable	Possible Values	Notes
mii.eyebrowType	0 - 23	values DO NOT align with order of tiles (see note below)
mii.eyebrowRotation	0 - 11	each rotation value equates to 11.25 degrees
mii.eyebrowColor	0 - 7	see COLORS section below to get translation
mii.eyebrowSize	0 - 8	translates from 30% to 110% scale in increments of 10%
mii.eyebrowVertPos	3 - 18	each step is worth 2.8 pixels
mii.eyebrowHorizSpacing	0 - 12	each step is worth 2.6 pixels

• Notes: an array has been created called eyebrows[24]. See the ARRAYS section below for description of how this works.

Eyes

• Image File(s): mii_eyes1.png, mii_eyes2.png, mii_eyes3.png (contains the parts for the 48 different eye types)
  • Image Size: 324x864
  • Tile Size: 96 tiles of 54x54 (a tile for each eye left and right)
  • Tile Anchor Point: 18,36 (for right eyebrow) 36,36 (for left eyebrow)
• Variable(s) from libmii:

Variable	Possible Values	Notes
mii.eyeType	0 - 47	values DO NOT align with order of tiles (see note below)
mii.eyeRotation	0 - 7	each rotation value equates to 11.25 degrees
mii.eyeColor	0 - 5	see COLORS section below to get translation
mii.eyeSize	0 - 7	translates from 30% to 100% scale in increments of 10%
mii.eyeVertPos	0 - 18	each step is worth 2.8 pixels
mii.eyeHorizSpacing	0 - 12	each step is worth 2.6 pixels

• Notes: an array has been created called eyes[48]. See the ARRAYS section below for description of how this works.

Noses

• Image File(s): mii_noses.png (contains the 12 different nose types)
  • Image Size: 300x100
  • Tile Size: 12 tiles of 50x50
  • Tile Anchor Point: 25,30 (for scaling)
• Variable(s) from libmii:

Variable	Possible Values	Notes
mii.noseType	0 - 11	values DO NOT align with order of tiles (see note below)
mii.noseSize	0 - 8	translates from 20% to 100% scale in increments of 10%
mii.noseVertPos	0 - 18	each step is worth 2.6 pixels

• Notes: an array has been created called noses[12]. See the ARRAYS section below for description of how this works.

Mouth

• Image File(s): mii_lips.png (contains the 24 different mouth types)
  • Image Size: 300x300
  • Tile Size: 24 tiles of 60x60
  • Tile Anchor Point: 30,30 (for scaling)
• Variable(s) from libmii:

Variable	Possible Values	Notes
mii.lipType	0 - 23	values DO NOT align with order of tiles (see note below)
mii.lipColor	0 - 2	see COLORS section below to get translation
mii.lipSize	0 - 8	translates from 20% to 100% scale in increments of 10%
mii.lipVertPos	0 - 18	each step is worth 2.6 pixels

• Notes: an array has been created called lips[24]. See the ARRAYS section below for description of how this works.

Beard

• Image File(s): mii_beards.png (contains the 3 different beard types)
  • Image Size: 960x420
  • Tile Size: 24 tiles of 120x140 (each beard type on each face shape)
  • Tile Anchor Point: 0,0 (no special anchor point required)
• Variable(s) from libmii:

Variable	Possible Values	Notes
mii.beardType	0 - 3	0 for no beard, 1-3 corresponds to beard tiles.
mii.facialHairColor	0 - 7	see COLORS section below to get translation

• Notes: beard tiles are done for each face shape to align beard with bottom of face.