SI26 3DS-Zine

The Nintendo 3DS

Specs

☻ Screens

Upper screen:

• LCD screen
• 5:3
• 400 x 240 pixels (2 layered screens -> 3D effect using MPO)

Bottom screen:

• LCD screen
• 4:3
• 320 x 240 pixels
• resistive touchscreen (pressure sensitive)

☻ 3D Effect

The upper screen has two superimposed LCD screens. When 3D-effect is active, the two screens slightly shift to the left and right respectively, which creates a 3-dimensional effect. 400 x 240 pixels per screen. The 3D view can be adjusted using the depth slider.

☻ Cameras

The 3DS has 3 camera lenses. One inner camera, and two outside camera lenses able to take 3D pictures.

Regular pictures are in the JPG format. 3D pictures are in the MPO (Multi-Picture Object Bitmap file) format.

☻ MPO

An MPO file contains two JPG images. By reading a MPO file with a supporting device, the 2D JPGS create a 3D image.

A device which does not support MPO cannot open and display the 3D image and may only display a JPG image version.

3DS Browser vs CSS

☺ Works

spec	notes	how/why?	does it work on kindle?
background-color	WORKS! YAY! (๑>◡<๑)		?
font { color }	WORKS AS WELL! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
CSS colors	but not all of them, like darkmagenta just becomes purple
margins
text-align	left, center, right, justify
text-decoration
font-style
<spans>	are good
<br>	are also good
position: absolute;
:hover	WORKSSSSS and acts as an onclick just like mobile/touch screens
line-height
vh / vw	but not percentages

☹ Nope

spec	notes	how/why?	does it work on kindle?
fonts	sadly do not work :'(
Border Radius
️‍gradients	as background-image ..?
transform:rotate;	HEARTBROKEN (ಥ﹏ಥ) ↳ means we can't make the 3DS a homemade e-reader by rotating the text ✘ ↳Was transform rotate part of CSS 2? let's wait for feline's research
position: fixed;
embedded webfonts	as in linking a google font
-webkit-text-stroke	-webkit-text-stroke: 2px mediumseagreen;
SVG	can't be displayed i'm HEARTBROKEN
% dont work	but vh/vw do