Jump to content

Mii Studio (nintendo.com): Difference between revisions

From Mii Technical Wiki
m add kaitai
add category
Line 18: Line 18:
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 WebGL to draw onto a canvas, and then does a series of draw 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 WebGL rendering with Safari]]
[[Category:Mii editing software]]

Revision as of 21:24, 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 WebGL to draw onto a canvas, and then does a series of draw calls with transformations.

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