Difference between revisions of "BobscreenTest"

From Sega Retro
(another rewrite; seems to handle everything)
Line 1: Line 1:
−
<includeonly><div style="display:none">
+
<includeonly>{{#vardefine:hscale|{{#switch:{{#mediadimensions:{{{1}}}}}
−
{{#vardefine:imagewidth|{{#mediawidth:{{{1}}}}}}}
+
| 256 × 224 = 1.25 <!--Mega Drive-->
−
{{#vardefine:imageheight|{{#mediaheight:{{{1}}}}}}}
+
| 160 × 144 = 1.2 <!--Game Gear-->
−
{{#vardefine:xratio|{{#if:{{{forcewidescreen|}}}|16|4}}}}
+
| 352 × 224 = 0.9 <!--Saturn-->
−
{{#vardefine:yratio|{{#if:{{{forcewidescreen|}}}|9|3}}}}
+
| 704 × 448 = 0.9 <!--Saturn-->
−
{{#if:{{{forcewidescreen|}}}||{{
+
| 352 × 240 = 0.9 <!--Saturn PAL-->
−
#ifeq: {{#mediadimensions:{{{1}}}}} | 320 × 224 |{{#vardefine:xratio|10}}{{#vardefine:yratio|7}}|}}{{
+
| 704 × 480 = 0.9 <!--Saturn PAL-->
−
#ifeq: {{#mediadimensions:{{{1}}}}} | 248 × 192 |{{#vardefine:xratio|31}}{{#vardefine:yratio|24}}|}}
+
| {{#ifeq:{{{forcewidescreen}}}|yes|1.25|1}}
−
}}
+
}}}}{{#vardefine:vscale|{{#switch:{{#mediadimensions:{{{1}}}}}
−
 
+
| 224 × 256 = 1.25 <!--Vertical arcade (e.g. Deep Scan)-->
−
<!-- vertical monitors -->
+
| 1
−
{{#ifexpr:{{#mediawidth:{{{1}}}}} < {{#mediaheight:{{{1}}}}}|
+
}}}}{{#vardefine:is3d|{{#switch:{{#mediadimensions:{{{1}}}}}
−
{{#vardefine:oldxratio|{{#var:xratio}}}}
+
| 512 × 192 = yes <!--Master System-->
−
{{#vardefine:xratio|{{#var:yratio}}}}
+
| 496 × 192 = yes <!--Master System (cropped)-->
−
{{#vardefine:yratio|{{#var:oldxratio}}}}
+
| no
−
|}}
+
}}}}{{#if:{{{width|}}} | {{#vardefine:bswidth|{{{width|}}}}} {{#vardefine:bsheight|{{w2h|{{{1}}}|{{#expr:{{{width|}}}/{{#var:hscale}}}}}}}}
−
{{#vardefine:calculatedheight|{{#var:imageheight}}}}
+
}}{{#if:{{{height|}}} | {{#vardefine:bsheight|{{{height|}}}}} {{#vardefine:bswidth|{{#expr:{{h2w|{{{1}}}|{{{height|}}}}}*{{#var:hscale}}}}}}
−
{{#vardefine:calculatedwidth|{{#expr:({{#var:calculatedheight}}/{{#var:yratio}})*{{#var:xratio}}}}}}
+
}}{{#if:{{{width|}}}{{{height|}}} || {{#ifexpr:({{#mediawidth:{{{1}}}}}*{{#var:hscale}})<{{#ifeq:{{#var:is3d}}|yes|641|321}}
−
 
+
| {{#vardefine:bswidth|{{#expr:{{#mediawidth:{{{1}}}}}*{{#var:hscale}}}}}}{{#vardefine:bsheight|{{#mediaheight:{{{1}}}}}}}
−
 
+
| {{#vardefine:bswidth|320}}{{#vardefine:bsheight|{{w2h|{{{1}}}|{{#expr:320/{{#var:hscale}}}}}}}}}}
−
{{#if:{{{width|}}}|{{#vardefine:calculatedwidth|{{{width}}}}}{{#vardefine:calculatedheight|{{#expr:({{#var:calculatedwidth}}/{{#var:xratio}})*{{#var:yratio}}}}}}|}}
+
}}{{#vardefine:rawwidth|{{#expr:trunc({{#var:bswidth}}/{{#var:hscale}})}}}}{{#ifeq:{{#var:is3d}}|yes|{{#vardefine:bswidth|{{#expr:{{#var:bswidth}}/2}}}}}}
−
{{#if:{{{height|}}}|{{#vardefine:calculatedheight|{{{height}}}}}{{#vardefine:calculatedwidth|{{#expr:({{#var:calculatedheight}}/{{#var:yratio}})*{{#var:xratio}}}}}}|}}
+
<div class="bobscreen" style="width:{{#var:bswidth}}px; height:{{#expr:{{#var:bsheight}}*{{#var:vscale}}}}px; outline:red solid 1px; display:inline-block; text-align:center; overflow:hidden;">
−
 
+
<div style="transform:scale({{#var:hscale}},{{#var:vscale}}); transform-origin:0% 0%; outline:green solid 1px; width:{{#var:rawwidth}}px !important;">
−
{{#vardefine:xscale|{{#expr:{{#var:calculatedwidth}}/{{#var:imagewidth}}}}}}
+
[[File:{{{1}}}|{{#var:rawwidth}}px]]
−
{{#vardefine:yscale|{{#expr:{{#var:calculatedheight}}/{{#var:imageheight}}}}}}
+
</div></div></includeonly><noinclude>
−
 
 
−
{{#vardefine:hmargin|{{#expr:({{#var:calculatedwidth}}-{{#var:imagewidth}})/2}}}}
 
−
{{#vardefine:vmargin|{{#expr:({{#var:calculatedheight}}-{{#var:imageheight}})/2}}}}
 
−
</div><div class="bobscreen" style="margin-bottom: {{#var:vmargin}}px; margin-top: {{#var:vmargin}}px; margin-left: {{#var:hmargin}}px; margin-right: {{#var:hmargin}}px; display:inline-block; text-align:center;"><div style="transform:scale({{#var:xscale}},{{#var:yscale}}); transform-origin:50%;">[[File:{{{1}}}]]</div></div></includeonly><noinclude>
 
  
 
This template sets the maximum width of a screenshot to 320 pixels, and corrects its aspect ratio.
 
This template sets the maximum width of a screenshot to 320 pixels, and corrects its aspect ratio.
Line 47: Line 43:
 
"width" also takes into account the adjusted aspect ratio, so the image appears 120 pixels wide even if the source image is not.
 
"width" also takes into account the adjusted aspect ratio, so the image appears 120 pixels wide even if the source image is not.
  
−
==Height==
+
==Examples==
−
In addition, this template corrects heights:
+
{|class="prettytable"
−
[[File:WinterHeat title.png]] -> {{bobscreenTest|WinterHeat title.png}}
+
! Code || Raw image || Output
−
 
+
|-
−
 
+
| <nowiki>{{bobscreenTest|BladeEagle title.png}}</nowiki>
−
[[File:Clockwork Knight Title.png]] -> {{bobscreenTest|Clockwork Knight Title.png}}
+
| [[File:BladeEagle title.png]]
−
 
+
| {{bobscreenTest|BladeEagle title.png}}
−
 
+
|-
−
[[File:NiGHTS title.png]] -> {{bobscreenTest|NiGHTS title.png}}
+
|-
−
 
+
| <nowiki>{{bobscreenTest|OutRun3D title.png}}</nowiki>
−
 
+
| [[File:OutRun3D title.png]]
−
[[File:NiGHTS title.png]] -> {{bobscreenTest|NiGHTS title.png|width=320}}
+
| {{bobscreenTest|OutRun3D title.png}}
−
 
+
|-
−
==Anamorphic widescreen==
+
| <nowiki>{{bobscreenTest|Scd titlescreen.png}}</nowiki>
−
widescreen [[File:VirtuaFighter 32X Widescreen2.png]] -> {{bobscreenTest|VirtuaFighter 32X Widescreen2.png|forcewidescreen=yes}}
+
| [[File:Scd titlescreen.png]]
−
 
+
| {{bobscreenTest|Scd titlescreen.png}}
−
 
+
|-
−
widescreen [[File:VirtuaFighter 32X Widescreen2 PAL.png]] -> {{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes}}
+
| <nowiki>{{bobscreenTest|MagicalPuzzlePopils title.png}}</nowiki>
−
 
+
| [[File:MagicalPuzzlePopils title.png]]
−
 
+
| {{bobscreenTest|MagicalPuzzlePopils title.png}}
−
widescreen w200 [[File:VirtuaFighter 32X Widescreen2 PAL.png]] -> {{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes|width=200}}
+
|-
−
 
+
| <nowiki>{{bobscreenTest|MagicalPuzzlePopils title.png|width=120}}</nowiki>
−
 
+
| [[File:MagicalPuzzlePopils title.png]]
−
widescreen h200 [[File:VirtuaFighter 32X Widescreen2 PAL.png]] -> {{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes|height=200}}
+
| {{bobscreenTest|MagicalPuzzlePopils title.png|width=120}}
−
 
+
|-
−
==Vertical monitors==
+
| <nowiki>{{bobscreenTest|WinterHeat title.png}}</nowiki>
−
 
+
| [[File:WinterHeat title.png]]
−
{{bobscreenTest|Deep Scan.png}}
+
| {{bobscreenTest|WinterHeat title.png}}
−
 
+
|-
−
{{bobscreenTest|Deep Scan.png|height=320}}
+
| <nowiki>{{bobscreenTest|Clockwork Knight Title.png}}</nowiki>
−
 
+
| [[File:Clockwork Knight Title.png]]
−
{{bobscreenTest|Deep Scan.png|width=200}}
+
| {{bobscreenTest|Clockwork Knight Title.png}}
−
 
+
|-
−
==Not screenshots==
+
| <nowiki>{{bobscreenTest|NiGHTS title.png}}</nowiki>
−
 
+
| [[File:NiGHTS title.png]]
−
{{bobscreenTest|Periscope cabinet.jpg}}
+
| {{bobscreenTest|NiGHTS title.png}}
−
 
+
|-
−
{{bobscreenTest|Periscope cabinet.jpg|height=200}}
+
| <nowiki>{{bobscreenTest|NiGHTS title.png|width=320}}</nowiki>
−
 
+
| [[File:NiGHTS title.png]]
−
{{bobscreenTest|Periscope cabinet.jpg|width=200}}
+
| {{bobscreenTest|NiGHTS title.png|width=320}}
−
 
+
|-
−
==Master System==
+
| <nowiki>{{bobscreenTest|VirtuaFighter 32X Widescreen2.png|forcewidescreen=yes}}</nowiki>
−
[[File:Alex Kidd in Miracle World Title.png]] -> {{bobscreenTest|Alex Kidd in Miracle World Title.png}}
+
| [[File:VirtuaFighter 32X Widescreen2.png]]
 +
| {{bobscreenTest|VirtuaFighter 32X Widescreen2.png|forcewidescreen=yes}}
 +
|-
 +
| <nowiki>{{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes}}</nowiki>
 +
| [[File:VirtuaFighter 32X Widescreen2 PAL.png]]
 +
| {{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes}}
 +
|-
 +
| <nowiki>{{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes|width=200}}</nowiki>
 +
| [[File:VirtuaFighter 32X Widescreen2 PAL.png]]
 +
| {{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes|width=200}}
 +
|-
 +
| <nowiki>{{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes|height=240}}</nowiki>
 +
| [[File:VirtuaFighter 32X Widescreen2 PAL.png]]
 +
| {{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes|height=240}}
 +
|-
 +
| <nowiki>{{bobscreenTest|Deep Scan.png}}</nowiki>
 +
| [[File:Deep Scan.png]]
 +
| {{bobscreenTest|Deep Scan.png}}
 +
|-
 +
| <nowiki>{{bobscreenTest|Deep Scan.png|height=320}}</nowiki>
 +
| [[File:Deep Scan.png]]
 +
| {{bobscreenTest|Deep Scan.png|height=320}}
 +
|-
 +
| <nowiki>{{bobscreenTest|Deep Scan.png|width=200}}</nowiki>
 +
| [[File:Deep Scan.png]]
 +
| {{bobscreenTest|Deep Scan.png|width=200}}
 +
|-
 +
| <nowiki>{{bobscreenTest|Alex Kidd in Miracle World Title.png}}</nowiki>
 +
| [[File:Alex Kidd in Miracle World Title.png]]
 +
| {{bobscreenTest|Alex Kidd in Miracle World Title.png}}
 +
|}
  
 
[[Category:Breakout box templates]]
 
[[Category:Breakout box templates]]
 
</noinclude>
 
</noinclude>

Revision as of 12:46, 13 July 2018


This template sets the maximum width of a screenshot to 320 pixels, and corrects its aspect ratio.

Usage

{{bobscreen|MagicalPuzzlePopils title.png}}

returns

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

MagicalPuzzlePopils title.png

"width" also takes into account the adjusted aspect ratio, so the image appears 120 pixels wide even if the source image is not.

Examples

Code Raw image Output
{{bobscreenTest|BladeEagle title.png}} BladeEagle title.png

BladeEagle title.png

{{bobscreenTest|OutRun3D title.png}} OutRun3D title.png

OutRun3D title.png

{{bobscreenTest|Scd titlescreen.png}} Scd titlescreen.png

Scd titlescreen.png

{{bobscreenTest|MagicalPuzzlePopils title.png}} MagicalPuzzlePopils title.png

MagicalPuzzlePopils title.png

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

MagicalPuzzlePopils title.png

{{bobscreenTest|WinterHeat title.png}} WinterHeat title.png

WinterHeat title.png

{{bobscreenTest|Clockwork Knight Title.png}} ClockworkKnightUSPAL Title.png

ClockworkKnightUSPAL Title.png

{{bobscreenTest|NiGHTS title.png}} NiGHTS title.png

NiGHTS title.png

{{bobscreenTest|NiGHTS title.png|width=320}} NiGHTS title.png

NiGHTS title.png

{{bobscreenTest|VirtuaFighter 32X Widescreen2.png|forcewidescreen=yes}} VirtuaFighter 32X Widescreen2.png

VirtuaFighter 32X Widescreen2.png

{{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes}} VirtuaFighter 32X Widescreen2 PAL.png

VirtuaFighter 32X Widescreen2 PAL.png

{{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes|width=200}} VirtuaFighter 32X Widescreen2 PAL.png

VirtuaFighter 32X Widescreen2 PAL.png

{{bobscreenTest|VirtuaFighter 32X Widescreen2 PAL.png|forcewidescreen=yes|height=240}} VirtuaFighter 32X Widescreen2 PAL.png

VirtuaFighter 32X Widescreen2 PAL.png

{{bobscreenTest|Deep Scan.png}} Deep Scan.png

Deep Scan.png

{{bobscreenTest|Deep Scan.png|height=320}} Deep Scan.png

Deep Scan.png

{{bobscreenTest|Deep Scan.png|width=200}} Deep Scan.png

Deep Scan.png

{{bobscreenTest|Alex Kidd in Miracle World Title.png}} Alex Kidd in Miracle World Title.png

Alex Kidd in Miracle World Title.png

Retrieved from "https://segaretro.org/index.php?title=Template:BobscreenTest&oldid=442170"