Difference between revisions of "InfoFighter"

From Sega Retro

(image scaling)
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{{#vardefine:bgcolor | {{#if:{{{bgcolour|}}}{{{bgcolor|}}} | {{{bgcolour|}}}{{{bgcolor|}}} | black}} }}
+
<includeonly>{{#vardefine:cellwidth | {{#if:{{#var:tableimagewidth}} | {{#var:tableimagewidth}}px | {{#if:{{{imagewidth|}}} | {{{imagewidth|}}}px | fit-content}} }} }}
{{#vardefine:fgcolor | {{#if:{{{fgcolour|}}}{{{fgcolor|}}} | {{{fgcolour|}}}{{{fgcolor|}}} | white}} }}
 
 
|-
 
|-
| rowspan="2" style="background: {{#var:bgcolor}}; border: 1px solid {{#var:bgcolor}}; color: {{#var:fgcolor}}; padding: 0; position: relative; vertical-align: top;" | {{#if:{{{portrait|}}} | <div style="background: linear-gradient(transparent 50%, {{#var:bgcolor}} 100%); position: relative; left: 50%; top: 0; transform: translateX(-50%); z-index: 2;"><div style="visibility: hidden;">{{{portrait|}}}</div></div> }}
+
| rowspan="2" style="background: #eee; color: inherit; padding: 0; position: relative; vertical-align: top;" | {{#if:{{{image|}}}{{{portrait|}}} | <div style="position: relative; margin: auto; width: {{#var:cellwidth}}; z-index: 1;"><div style="background: linear-gradient(transparent 50%, #eee 100%); position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%; width: 100%; z-index: 2;"></div>{{#if: {{{image|}}} | [[File:{{{image|}}}|{{#var:cellwidth}}px]] }}{{#if: {{{portrait|}}} | {{{portrait|}}} }}</div> }}
<div style="position: absolute; left: 50%; margin-bottom: 2em; top: 0; transform: translateX(-50%); z-index: 1;">{{{portrait|}}}</div>
+
{{#if:{{{sprite|}}} | <div style="display: flex; align-items: end; justify-content: space-evenly;">{{#if:{{{sprite|}}} | {{{sprite|}}} }}{{#if:{{{sprite2|}}} | {{{sprite2|}}} }}</div>}}
{{#if:{{{sprite|}}} | <div style="display: flex; justify-content: space-evenly;">{{#if:{{{sprite|}}} | {{{sprite|}}} }}{{#if:{{{sprite2|}}} | {{{sprite2|}}} }}</div>}}
+
{{#if:{{{info1|}}} | <div style="border-color: #ccc; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info1name|}}}:</div><div style="padding-left: 1em;">{{{info1|}}}</div> }}
{{#if:{{{info1|}}} | <div style="border-color: {{#var:fgcolor}}; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info1name|}}}:</div><div style="padding-left: 1em;">{{{info1|}}}</div> }}
+
{{#if:{{{info2|}}} | <div style="border-color: #ccc; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info2name|}}}:</div><div style="padding-left: 1em;">{{{info2|}}}</div> }}
{{#if:{{{info2|}}} | <div style="border-color: {{#var:fgcolor}}; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info2name|}}}:</div><div style="padding-left: 1em;">{{{info2|}}}</div> }}
+
{{#if:{{{info3|}}} | <div style="border-color: #ccc; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info3name|}}}:</div><div style="padding-left: 1em;">{{{info3|}}}</div> }}
{{#if:{{{info3|}}} | <div style="border-color: {{#var:fgcolor}}; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info3name|}}}:</div><div style="padding-left: 1em;">{{{info3|}}}</div> }}
+
{{#if:{{{info4|}}} | <div style="border-color: #ccc; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info4name|}}}:</div><div style="padding-left: 1em;">{{{info4|}}}</div> }}
{{#if:{{{info4|}}} | <div style="border-color: {{#var:fgcolor}}; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info4name|}}}:</div><div style="padding-left: 1em;">{{{info4|}}}</div> }}
+
{{#if:{{{info5|}}} | <div style="border-color: #ccc; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info5name|}}}:</div><div style="padding-left: 1em;">{{{info5|}}}</div> }}
{{#if:{{{info5|}}} | <div style="border-color: {{#var:fgcolor}}; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info5name|}}}:</div><div style="padding-left: 1em;">{{{info5|}}}</div> }}
+
{{#if:{{{info6|}}} | <div style="border-color: #ccc; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info6name|}}}:</div><div style="padding-left: 1em;">{{{info6|}}}</div> }}
{{#if:{{{info6|}}} | <div style="border-color: {{#var:fgcolor}}; border-style: solid; border-width: 0 0 2px 4px; font-size: 0.75rem; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info6name|}}}:</div><div style="padding-left: 1em;">{{{info6|}}}</div> }}
+
| style="background: #1077cb; color: #fff; font-size: 1.25em; font-weight: bold; height: 2em; line-height: 100%; padding: 0.25em 0.5em;" | {{{name|}}}
| style="background: linear-gradient(to right, {{#var:bgcolor}} 50%, {{#var:fgcolor}} 100%); border: 1px solid {{#var:bgcolor}}; color: {{#var:bgcolor}}; font-size: 2rem; font-weight: bold; font-variant: small-caps; height: 1em; line-height: 100%; padding: 0.25em 0.5em; text-align: right; text-shadow: 2px 2px {{#var:fgcolor}};" | {{{name|}}}
 
 
|-
 
|-
| style="border: 1px solid {{#var:bgcolor}}; vertical-align: top; width: 100%;" | {{{desc|}}}
+
| style="vertical-align: top; width: 100%;" | {{{desc|}}}
 
|-
 
|-
 
</includeonly><noinclude>
 
</includeonly><noinclude>
Line 76: Line 74:
  
 
<pre>
 
<pre>
| bgcolor=
+
| image=
| fgcolor=
+
| imagewidth=
 
</pre>
 
</pre>
  
 
[[Category:Templates]]</noinclude>
 
[[Category:Templates]]</noinclude>

Latest revision as of 04:16, 30 June 2024

Street Fighter Alpha, Characters.png
Street Fighter Alpha 2, Sprites, Ryu.gif
Originally appeared in:
Street Fighter
Final battle:
Sagat



Ryu
The rumors of a fighter with a mysterious power shook Ryu's heart. Armed with the Hadouken and the Shouryuken that scarred Sagat, Ryu's heart beats faster as he reaches new heights.
Move list (Special moves)
Name Command Description
Hadouken Fireball Down Down-right Right P Ryu focuses energy through his palms and fires a surging punch across the screen. When performed with  HP , it has a fire effect at close range that knocks opponents over.
Dragon Punch Right Down Down-right P Ryu rises off the ground while punching upwards, knocking down his opponent on impact.
Hurricane Kick Down Down-left Left K Ryu jumps into the air and spins around an axis with his leg extended, knocking down his opponent on impact. This move can be performed in midair.
Move list (Command normals)
Name Command Description
Sakotsu Wari Right+ MP  Ryu pulls his fist back and strikes forward and down, potentially hitting twice. This is an overhead strike that can hit characters who are crouch blocking.
Senpuu Kyaku Right+ MK  Ryu leaps forward, doing a single spinning kick similar to a Hurricane Kick.
Move list (Super Combos)
Name Command Description
Shinkuu Hadouken Down Down-right Right Down Down-right Right P Ryu fires a version of the Hadouken Fireball that can hit his opponent multiple times. At its highest level, it has a fire effect.
Shinkuu Tatsumaki Senpuukyaku Down Down-left Left Down Down-left Left K Ryu performs a version of the Hurricane Kick that draws his opponent in and potentially hits multiple times.
Alpha Counter Left Down-left Down P while blocking After interrupting his opponent's attack, Ryu performs a Dragon Punch.

Shows a fancier version of the InfoRow template for fighting game characters, for use with the InfoTable template.

Usage

The most common named arguments are:

| name=
| portrait=
| sprite=
| desc=

It also supports "info" pairs, similar to the InfoRow template:

| info1name=
| info1=
| info2name=
| info2=
| info3name=
| info3=
| info4name=
| info4=
| info5name=
| info5=
| info6name=
| info6=

Less common arguments:

| image=
| imagewidth=