BobscreenTest
From Sega Retro
This template sets the maximum width of a screenshot to 320 pixels, and corrects its aspect ratio.
Usage
{{bobscreen|MagicalPuzzlePopils title.png}}
returns
- 160:120
<div class="bobscreen" style="width:Expression error: Unexpected * operator.px; display:inline-block; text-align:center;">
This is how the game appears on an actual Sega Game Gear. The original image taken from an emulator is below:
Options
{{bobscreenTest|MagicalPuzzlePopils title.png|width=120}}
returns
- 120:120
<div class="bobscreen" style="width:Expression error: Unexpected < operator.px; display:inline-block; text-align:center;">
"width" also takes into account the adjusted aspect ratio, so the image appears 120 pixels wide even if the source image is not.
Height
In addition, this template corrects heights:
- 320:240
<div class="bobscreen" style="width:Expression error: Unexpected < operator.px; display:inline-block; text-align:center;"><div style="transform:scalex(); transform:scaley(1.1); margin-top:Expression error: Unexpected * operator.px; margin-bottom:Expression error: Unexpected * operator.px; transform-origin:50%">
- 320:224
<div class="bobscreen" style="width:Expression error: Unexpected < operator.px; display:inline-block; text-align:center;"><div style="transform:scalex(); transform:scaley(1.176); margin-top:Expression error: Unexpected * operator.px; margin-bottom:Expression error: Unexpected * operator.px; transform-origin:50%">
Anamorphic widescreen
- 320:180
<div class="bobscreen" style="width:Expression error: Unexpected < operator.px; display:inline-block; text-align:center;"><div style="transform:scalex(1); transform:scaley(0.804); margin-top:Expression error: Unexpected * operator.px; margin-bottom:Expression error: Unexpected * operator.px; transform-origin:50%">
- 320:180
<div class="bobscreen" style="width:Expression error: Unexpected < operator.px; display:inline-block; text-align:center;"><div style="transform:scalex(1); transform:scaley(0.75); margin-top:Expression error: Unexpected * operator.px; margin-bottom:Expression error: Unexpected * operator.px; transform-origin:50%">
- 200:180
- 320:200
TODO: Get width parameter to work properly here.