Jump to content

Mii Studio (nintendo.com): Difference between revisions

From Mii Technical Wiki
m Jo moved page Mii Studio to Mii Studio (nintendo.com): disputed name
Rendering: correction
Line 16: Line 16:


=== Rendering ===
=== Rendering ===
Mii Studio appears to render Mii data through layering. It uses WebGL to draw onto a canvas, and then does a series of draw calls with transformations.
Mii Studio appears to render Mii data through layering. It uses the [https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API Canvas API] to make a series of texture drawings calls with transformations.
[[File:Mii Studio WebGL Debugging.png|alt=A screenshot of Safari's developer tools, showing the steps taken in drawing a Mii head.|left|thumb|432x432px|Debugging Mii Studio's WebGL rendering with Safari]]
[[File:Mii Studio WebGL Debugging.png|alt=A screenshot of Safari's developer tools, showing the steps taken in drawing a Mii head.|left|thumb|432x432px|Debugging Mii Studio's canvas rendering with Safari]]
[[Category:Mii editing software]]
[[Category:Mii editing software]]

Revision as of 22:53, 4 August 2025

Editing a Mii in Mii Studio
Editing a Mii in Mii Studio

Accessed at https://studio.mii.nintendo.com, Mii Studio is a web app for any Nintendo account user to edit their associated Miis.

Implementation

Through "reverse engineering" (lol) we have found out this information about Mii Studio:

Storage Format

Miis are stored in Mii Studio using the browser's local storage. They are encoded in base64.

Here is a Kaitai Struct definition:

foo
bar
bar
foo

Rendering

Mii Studio appears to render Mii data through layering. It uses the Canvas API to make a series of texture drawings calls with transformations.

A screenshot of Safari's developer tools, showing the steps taken in drawing a Mii head.
Debugging Mii Studio's canvas rendering with Safari