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




{{#vardefine:desiredwidth|160 {{#vardefine:desiredheight|144














  • 320:240

<div class="bobscreen" style="width:Expression error: Unexpected * operator.px; display:inline-block; text-align:center;">

MagicalPuzzlePopils title.png

This is how the game appears on an actual Sega Game Gear. The original image taken from an emulator is below:

MagicalPuzzlePopils title.png

Options

{{bobscreenTest|MagicalPuzzlePopils title.png|width=120}}

returns




{{#vardefine:desiredwidth|120 {{#vardefine:desiredheight|144














  • 320:240

<div class="bobscreen" style="width:Expression error: Unexpected < operator.px; display:inline-block; text-align:center;">

Expression error: Missing operand for /.x384px

"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:

WinterHeat title.png ->




{{#vardefine:desiredwidth|320 {{#vardefine:desiredheight|240














  • 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%">Expression error: Missing operand for /.x384px


ClockworkKnightUSPAL Title.png ->




{{#vardefine:desiredwidth|320 {{#vardefine:desiredheight|224














  • 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.176); margin-top:Expression error: Unexpected * operator.px; margin-bottom:Expression error: Unexpected * operator.px; transform-origin:50%">Expression error: Missing operand for /.x384px


NiGHTS title.png ->

NiGHTS title.png

Anamorphic widescreen

VirtuaFighter 32X Widescreen2.png ->




{{#vardefine:desiredwidth|320 {{#vardefine:desiredheight|180














  • 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%">Expression error: Missing operand for /.x384px


VirtuaFighter 32X Widescreen2 PAL.png ->




{{#vardefine:desiredwidth|320 {{#vardefine:desiredheight|180














  • 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%">Expression error: Missing operand for /.x384px

TODO: Get width parameter to work properly here.