Mii Studio (nintendo.com) - Revision history

Arian: spelling heroic name

2025-09-24T14:38:53Z

spelling heroic name

← Older revision		Revision as of 14:38, 24 September 2025
Line 5:		Line 5:
	''There is an article on Studio's Mii data: [[Mii Studio Local Storage]]''		''There is an article on Studio's Mii data: [[Mii Studio Local Storage]]''

	[[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. Mii data can be extracted and loaded from this tool using [https://mii.tools/studioloader/ Mii Studio Loader] by HEYimHeroic.

	=== Rendering ===		=== Rendering ===

Jo at 11:10, 24 September 2025

2025-09-24T11:10:17Z

← Older revision		Revision as of 11:10, 24 September 2025
Line 7:		Line 7:
	[[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. Mii data can be extracted and loaded from this tool using [https://mii.tools/studioloader/ Mii Studio Loader] by HeyImHeroic.

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

	~~=== Rendering ===~~
	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 canvas rendering with Safari]]
	~~[[Category:Mii editing software]]~~
	{{Software-Navbox}}		{{Software-Navbox}}

Jo at 11:03, 24 September 2025

2025-09-24T11:03:55Z

← Older revision		Revision as of 11:03, 24 September 2025
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">~~		== References ==
	~~foo~~		<references />
	~~bar~~		{{Format-Navbox}}
	~~bar~~
	~~foo~~
	</~~syntaxhighlight~~>{{Format-Navbox}}

	=== Rendering ===		=== Rendering ===

Jo at 12:14, 6 August 2025

2025-08-06T12:14:45Z

← Older revision		Revision as of 12:14, 6 August 2025
Line 19:		Line 19:
	[[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]]		[[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]]
			{{Software-Navbox}}

Jo: +navbox

2025-08-05T23:58:29Z

+navbox

← Older revision		Revision as of 23:58, 5 August 2025
Line 13:		Line 13:
	bar		bar
	foo		foo
	</syntaxhighlight>		</syntaxhighlight>{{Format-Navbox}}

	=== Rendering ===		=== Rendering ===

172.28.0.1: /* Rendering */ correction

2025-08-04T22:53:25Z

Rendering: correction

← Older revision		Revision as of 22:53, 4 August 2025
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]]

Jo: Jo moved page Mii Studio to Mii Studio (nintendo.com): disputed name

2025-08-04T22:07:12Z

Jo moved page Mii Studio to Mii Studio (nintendo.com): disputed name

← Older revision		Revision as of 22:07, 4 August 2025
(No difference)

Jo: add category

2025-08-04T21:24:31Z

add category

← Older revision		Revision as of 21:24, 4 August 2025
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]]

Jo: add kaitai

2025-08-04T20:15:11Z

add kaitai

← Older revision		Revision as of 20:15, 4 August 2025
Line 8:		Line 8:
	[[Mii]]<nowiki/>s are stored in Mii Studio using the browser's local storage. They are encoded in base64.		[[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:		Here is a [[Kaitai Struct]] definition:<syntaxhighlight line="1">
			foo
	~~[[Mii Studio Local Storage.ksy]]~~		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 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]]

Jo: /* Storage Format */ add kaitai?

2025-08-04T20:13:02Z

Storage Format: add kaitai?

← Older revision		Revision as of 20:13, 4 August 2025
Line 8:		Line 8:
	[[Mii]]<nowiki/>s are stored in Mii Studio using the browser's local storage. They are encoded in base64.		[[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:

			[[Mii Studio Local Storage.ksy]]

	=== 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 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]]