SI26 3DS-Zine

The Nintendo 3DS

nostalgia

first contact with an unconventional browser

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.

First experiments

10/02/25

Our first little experiments were mostly about creating websites and seeing how they work on the 3DS. We made a website with text, a website using images and Gifs and one website to load a 3D image (.mpo).

• 
• 
• 
• 
• 
• 
• 

After these first experiments, we decided to start doing Acid Tests. And purposefully document what works and what does not on the Nintendo 3DS and the Kindle. Additionally, we decided to use this research to come up with strategies, to exploit the differences in the different browser capabilities to create webpages for the specific devices' browser.

☺ ACID TESTS ☺

we still need to run tests regarding positions and displays for the kindle/tolino

ssl certificate??

HTML + CSS + JavaScript	3DS Browser	Kindle Browser	Note	Counter Strategy
<audio>		☒
<b>	✓	✓
<blockquote>
<br>	✓	✓
<button>
<code>
<h1> to <h6>	✓	✓
<iframe>
<link>
<object>
<p>	✓	✓
<picture>
<small>
<span>
<svg>	☒	✓
<table>
<title>
.jpg	☒	✓	works on 3DS but loads really slow
.png	☒	✓	works on 3DS but loads really slow
.gif	✓	✓	gif are slow on kindle, but working
.mpo	✓	☒	3D image -> opens the image in new tab
background-color:	✓		☹ Gradients do not work ☹
font-family:	☒	✓	3DS: default font RodinNTLG only Kindle: Embedded font possible
font-style: normal;
font-style: italic;
font-style: oblique;
font-weight: normal;
font-weight: bold;
font-size:	✓
margin:	✓
text-align: left;	✓	✓
text-align: right;	✓	✓
text-align: center;	✓	✓
text-align: justify;	☒
color:	✓
line-height:	☒ ? ✓	✓
border:	⍰	✓
border-radius:	⍰	✓
-webkit-text-stroke:	☒	✓
text-indent:	✓	✓
text-shadow:	☒	✓	works on kindle but without colors obviously
text-decoration-line: underline;	✓	✓
text-decoration-line: overline;	✓	✓
text-decoration-line: line-through;	✓	✓
text-decoration-line: overline underline;	✓	✓
text-decoration-style: solid;	⍰	✓
text-decoration-style: double;	☒	☒
text-decoration-style: dashed;	☒	☒
text-decoration-style: dotted;	☒	☒
text-decoration-style: wavy;	☒	☒
text-decoration-thickness:	☒	☒
text-transform: uppercase;	✓	✓
text-transform: lowercase;	✓	✓
text-transform: capitalize;	☒	✓
letter-spacing:	✓	✓
word-spacing:	✓	✓
white-space: wrap;	✓	✓
white-space: nowrap;	✓	✓

Presentation

For the public event, I was thinking of making a pillow fort with the 3DSs and kindles inside.

Love the idea! Probably depends on the space if its possible.

References

PAD: 3DS Browser Investigation & Notes

3DS Internet Browser Specs