SI26 3DS-Zine: Difference between revisions

From XPUB & Lens-Based wiki
Line 53: Line 53:
Strategy
Strategy
|-
|-
|<code style="background-color: LightSeaGreen;>background-color:</code>
|<code style="background-color: HotPink;>background-color:</code>
|✓
|✓
|
|
Line 59: Line 59:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>font-family:</code>
|<code style="background-color: HotPink;>font-family:</code>
|☒
|☒
|
|
Line 65: Line 65:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>font-style: normal;</code>
|<code style="background-color: HotPink;>font-style: normal;</code>
|
|
|
|
Line 71: Line 71:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>font-style: italic;</code>
|<code style="background-color: HotPink;>font-style: italic;</code>
|
|
|
|
Line 77: Line 77:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>font-style: oblique;</code>
|<code style="background-color: HotPink;>font-style: oblique;</code>
|
|
|
|
Line 83: Line 83:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>font-weight: normal;</code>
|<code style="background-color: HotPink;>font-weight: normal;</code>
|
|
|
|
Line 89: Line 89:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>font-weight: bold;</code>
|<code style="background-color: HotPink;>font-weight: bold;</code>
|
|
|
|
Line 95: Line 95:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>font-size:</code>
|<code style="background-color: HotPink;>font-size:</code>
|✓
|✓
|
|
Line 101: Line 101:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>margin:</code>
|<code style="background-color: HotPink;>margin:</code>
|✓
|✓
|
|
Line 107: Line 107:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-align: left;</code>
|<code style="background-color: HotPink;>text-align: left;</code>
|✓
|✓
|
|
Line 113: Line 113:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-align: right;</code>
|<code style="background-color: HotPink;>text-align: right;</code>
|✓
|✓
|
|
Line 119: Line 119:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-align: center;</code>
|<code style="background-color: HotPink;>text-align: center;</code>
|✓
|✓
|
|
Line 125: Line 125:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-align: justify;</code>
|<code style="background-color: HotPink;>text-align: justify;</code>
|☒
|☒
|
|
Line 131: Line 131:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>color:</code>
|<code style="background-color: HotPink;>color:</code>
|✓
|✓
|
|
Line 137: Line 137:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>line-height:</code>
|<code style="background-color: HotPink;>line-height:</code>
|☒
|☒
|
|
Line 143: Line 143:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>border:</code>
|<code style="background-color: HotPink;>border:</code>
|⍰
|⍰
|
|
Line 149: Line 149:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>border-radius:</code>
|<code style="background-color: HotPink;>border-radius:</code>
|⍰
|⍰
|
|
Line 155: Line 155:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>-webkit-text-stroke:</code>
|<code style="background-color: HotPink;>-webkit-text-stroke:</code>
|☒
|☒
|
|
Line 161: Line 161:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-indent:</code>
|<code style="background-color: HotPink;>text-indent:</code>
|✓
|✓
|
|
Line 167: Line 167:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-shadow:</code>
|<code style="background-color: HotPink;>text-shadow:</code>
|☒
|☒
|
|
Line 173: Line 173:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-line: underline;</code>
|<code style="background-color: HotPink;>text-decoration-line: underline;</code>
|✓
|✓
|
|
Line 179: Line 179:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-line: overline;</code>
|<code style="background-color: HotPink;>text-decoration-line: overline;</code>
|✓
|✓
|
|
Line 185: Line 185:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-line: line-through;</code>
|<code style="background-color: HotPink;>text-decoration-line: line-through;</code>
|✓
|✓
|
|
Line 191: Line 191:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-line: overline underline;</code>
|<code style="background-color: HotPink;>text-decoration-line: overline underline;</code>
|✓
|✓
|
|
Line 197: Line 197:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-style: solid;</code>
|<code style="background-color: HotPink;>text-decoration-style: solid;</code>
|⍰
|⍰
|
|
Line 203: Line 203:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-style: double;</code>
|<code style="background-color: HotPink;>text-decoration-style: double;</code>
|☒
|☒
|
|
Line 209: Line 209:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-style: dashed;</code>
|<code style="background-color: HotPink;>text-decoration-style: dashed;</code>
|☒
|☒
|
|
Line 215: Line 215:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-style: dotted;</code>
|<code style="background-color: HotPink;>text-decoration-style: dotted;</code>
|☒
|☒
|
|
Line 221: Line 221:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-style: wavy;</code>
|<code style="background-color: HotPink;>text-decoration-style: wavy;</code>
|☒
|☒
|
|
Line 227: Line 227:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-decoration-thickness:</code>
|<code style="background-color: HotPink;>text-decoration-thickness:</code>
|☒
|☒
|
|
Line 233: Line 233:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-transform: uppercase;</code>
|<code style="background-color: HotPink;>text-transform: uppercase;</code>
|✓
|✓
|
|
Line 239: Line 239:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-transform: lowercase;</code>
|<code style="background-color: HotPink;>text-transform: lowercase;</code>
|✓
|✓
|
|
Line 245: Line 245:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>text-transform: capitalize;</code>
|<code style="background-color: HotPink;>text-transform: capitalize;</code>
|☒
|☒
|
|
Line 251: Line 251:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>letter-spacing:</code>
|<code style="background-color: HotPink;>letter-spacing:</code>
|✓
|✓
|
|
Line 257: Line 257:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>word-spacing:</code>
|<code style="background-color: HotPink;>word-spacing:</code>
|✓
|✓
|
|
Line 263: Line 263:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>white-space: wrap;</code>
|<code style="background-color: HotPink;>white-space: wrap;</code>
|✓
|✓
|
|
Line 269: Line 269:
|
|
|-
|-
|<code style="background-color: LightSeaGreen;>white-space: nowrap;</code>
|<code style="background-color: HotPink;>white-space: nowrap;</code>
|✓
|✓
|
|

Revision as of 11:44, 3 March 2025

3DSZine.gif
Flipp3DS.gif

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.

Internet Browser

☻ NetFront Browser NX

3DS Browser vs CSS

☺ ACID TESTS ☺

HTML + CSS + JavaScript 3DS

Browser

Kindle

Browser

Note Counter

Strategy

background-color: ✓ ☹ Gradients do not work ☹
font-family: ☒ Only default font: RodinNTLG
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: ☒
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; ✓

Screenshot 2025-02-17 135933.png

Experiments

First Tries - 10/02/25

  • 3ds 23.JPG

References

PAD: 3DS Browser Investigation & Notes

3DS Internet Browser Specs

Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=SI26_3DS-Zine&oldid=289921"