Jump to content

Mii Studio (nintendo.com): Difference between revisions

From Mii Technical Wiki
← Older edit
VisualWikitext
m add kaitai
m spelling heroic name
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[File:Mii Studio Screenshot.png|alt=Editing a Mii in Mii Studio|Editing a [[Mii]] in Mii Studio|thumb|358x358px]]
[[File:Mii Studio Screenshot.png|alt=Editing a Mii in Mii Studio|Editing a [[Mii]] in Mii Studio|thumb|358x358px]]
Accessed at https://studio.mii.nintendo.com, Mii Studio is a web app for any Nintendo account user to edit their associated Miis.
Mii Studio (Accessed at https://studio.mii.nintendo.com, requires Nintendo Account account session) is a web app for any Nintendo account user to edit their associated Miis. it was released on May 24, 2018<ref>https://mynintendonews.com/2018/05/24/mii-studio-now-available-in-your-web-browser/</ref>.


== Implementation ==
== Mii data ==
Through "reverse engineering" (lol) we have found out this information about Mii Studio:
''There is an article on Studio's Mii data: [[Mii Studio Local Storage]]''


=== Storage Format ===
[[Mii]]<nowiki/>s are stored in Mii Studio using the browser's local storage. They are encoded in base64. Mii data can be extracted and loaded from this tool using [https://mii.tools/studioloader/ Mii Studio Loader] by HEYimHeroic.
[[Mii]]<nowiki/>s are stored in Mii Studio using the browser's local storage. They are encoded in base64.
 
Here is a [[Kaitai Struct]] definition:<syntaxhighlight line="1">
foo
bar
bar
foo
</syntaxhighlight>


=== 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.<gallery>
[[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 Canvas Debugging.png|Debugging Mii Studio's canvas rendering with Safari
</gallery>
[[Category:Mii editing software]]
== References ==
<references />
{{Software-Navbox}}

Latest revision as of 14:38, 24 September 2025

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

Mii Studio (Accessed at https://studio.mii.nintendo.com, requires Nintendo Account account session) is a web app for any Nintendo account user to edit their associated Miis. it was released on May 24, 2018[1].

Mii data

[edit | edit source]

There is an article on Studio's Mii data: Mii Studio Local Storage

Miis are stored in Mii Studio using the browser's local storage. They are encoded in base64. Mii data can be extracted and loaded from this tool using Mii Studio Loader by HEYimHeroic.

Rendering

[edit | edit source]

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

  • Debugging Mii Studio's canvas rendering with Safari
    Debugging Mii Studio's canvas rendering with Safari

References

[edit | edit source]
  1. ↑ https://mynintendonews.com/2018/05/24/mii-studio-now-available-in-your-web-browser/
Retrieved from "https://mii.j0.lol/index.php?title=Mii_Studio_(nintendo.com)&oldid=469"