Difference between revisions of "InfoFighter"

From Sega Retro

(image scaling)
 
(16 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-width: 0 0 1px 0; color: {{#var:fgcolor}}; padding: 0; position: relative; vertical-align: top;" | <div style="background: linear-gradient(transparent 50%, {{#var:bgcolor}} 100%); position: relative; left: 0; top: 0; 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: 0; top: 0; 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>}}
<div style="margin-bottom: 2em; text-align: center;">{{{sprite|}}}</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: #fff; border-style: solid; border-width: 0 0 2px 4px; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info1name|}}}:</div><div style="margin: 0 1em 0 2em;">{{{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: #fff; border-style: solid; border-width: 0 0 2px 4px; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info2name|}}}:</div><div style="margin: 0 1em 0 2em;">{{{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: #fff; border-style: solid; border-width: 0 0 2px 4px; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info3name|}}}:</div><div style="margin: 0 1em 0 2em;">{{{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: #fff; border-style: solid; border-width: 0 0 2px 4px; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info4name|}}}:</div><div style="margin: 0 1em 0 2em;">{{{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: #fff; border-style: solid; border-width: 0 0 2px 4px; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info5name|}}}:</div><div style="margin: 0 1em 0 2em;">{{{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: #fff; border-style: solid; border-width: 0 0 2px 4px; font-weight: bold; margin: 1em 0 0 1em; padding-left: 0.5em;">{{{info6name|}}}:</div><div style="margin: 0 1em 0 2em;">{{{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%, transparent 100%); border: 0; color: {{#var:bgcolor}}; font-size: 2rem; font-weight: bold; font-variant: small-caps; line-height: 100%; padding: 0.25em 0.5em; text-align: right; text-shadow: 2px 2px {{#var:fgcolor}};" | {{{name|}}}
 
 
|-
 
|-
| style="vertical-align: top;" | {{{desc|}}}
+
| style="vertical-align: top; width: 100%;" | {{{desc|}}}
 
|-
 
|-
 
</includeonly><noinclude>
 
</includeonly><noinclude>
Line 19: Line 17:
 
{{InfoFighter|
 
{{InfoFighter|
 
| name=Ryu
 
| name=Ryu
| portrait={{sprite | Street Fighter Alpha, Characters.png | 2 | crop_width=128 | crop_height=112 | crop_x=0 | crop_y=0}}
+
| portrait={{sprite | Street Fighter Alpha, Characters.png | 1.5 | crop_width=128 | crop_height=112 | crop_x=0 | crop_y=0}}
| sprite={{sprite | Ryu-good-original-stance-sfa.gif}}
+
| sprite={{sprite | Street Fighter Alpha 2, Sprites, Ryu.gif}}
 
| info1name=Originally appeared in
 
| info1name=Originally appeared in
 
| info1=''Street Fighter''
 
| info1=''Street Fighter''
| info2name=Final boss
+
| info2name=Final battle
 
| info2=Sagat
 
| info2=Sagat
 
| desc=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.
 
| desc=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.
 
{{MoveListTable | desc=Special moves |
 
{{MoveListTable | desc=Special moves |
{{MoveListRow | Hadouken Fireball | {{QCF}} {{punch}} | Ryu focuses energy through his palms and fires a surging punch across the screen. When performed with {{button|text=HP}}, it has a fire effect at close range that knocks opponents over.}}
+
{{MoveListRow | Hadouken Fireball | {{QCF}} {{punch}} | 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.}}
 
{{MoveListRow | Dragon Punch | {{DPF}} {{punch}} | Ryu rises off the ground while punching upwards, knocking down his opponent on impact.}}
 
{{MoveListRow | Dragon Punch | {{DPF}} {{punch}} | Ryu rises off the ground while punching upwards, knocking down his opponent on impact.}}
 
{{MoveListRow | Hurricane Kick | {{QCB}} {{kick}} | 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.}}
 
{{MoveListRow | Hurricane Kick | {{QCB}} {{kick}} | 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.}}
 
}}
 
}}
 
{{MoveListTable | desc=Command normals |
 
{{MoveListTable | desc=Command normals |
{{MoveListRow | Sakotsu Wari | {{right}}+{{button|text=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.}}
+
{{MoveListRow | 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.}}
{{MoveListRow | Senpuu Kyaku | {{right}}+{{button|text=MK}} | Ryu leaps forward, doing a single spinning kick similar to a Hurricane Kick.}}
+
{{MoveListRow | Senpuu Kyaku | {{right}}+{{MK}} | Ryu leaps forward, doing a single spinning kick similar to a Hurricane Kick.}}
 
}}
 
}}
 
{{MoveListTable | desc=Super Combos |
 
{{MoveListTable | desc=Super Combos |
 
{{MoveListRow | Shinkuu Hadouken | {{QCF}} {{QCF}} {{punch}} | Ryu fires a version of the Hadouken Fireball that can hit his opponent multiple times. At its highest level, it has a fire effect.}}
 
{{MoveListRow | Shinkuu Hadouken | {{QCF}} {{QCF}} {{punch}} | Ryu fires a version of the Hadouken Fireball that can hit his opponent multiple times. At its highest level, it has a fire effect.}}
 
{{MoveListRow | Shinkuu Tatsumaki Senpuukyaku | {{QCB}} {{QCB}} {{kick}} | Ryu performs a version of the Hurricane Kick that draws his opponent in and potentially hits multiple times.}}
 
{{MoveListRow | Shinkuu Tatsumaki Senpuukyaku | {{QCB}} {{QCB}} {{kick}} | Ryu performs a version of the Hurricane Kick that draws his opponent in and potentially hits multiple times.}}
{{MoveListRow | Alpha Counter | {{left}} {{downleft}} {{down}} {{punch}} while blocking}}
+
{{MoveListRow | Alpha Counter | {{left}} {{downleft}} {{down}} {{punch}} while blocking | After interrupting his opponent's attack, Ryu performs a Dragon Punch.}}
 
}}
 
}}
}}
 
{{InfoFighter|
 
| name=Chun-Li
 
| portrait={{sprite | Street Fighter Alpha, Characters.png | 2 | crop_width=128 | crop_height=112 | crop_x=128 | crop_y=0}}
 
| sprite={{sprite | Sf-chunli.gif}}
 
| info1name=Originally appeared in
 
| info1=''Street Fighter II''
 
| info2name=Final boss
 
| info2=M. Bison
 
| desc=Haunted by the unsolved disappearance of her father, Chun-Li became a detective to find out what happened with her own eyes. The existence of a certain drug syndicate might hold a clue to her father's whereabouts.
 
{{MoveListTable | desc=Special moves |
 
{{MoveListRow | Lightning Kick | {{repeat|{{kick}}}} | Chun-Li unleashes a flurry of rapid kicks.}}
 
{{MoveListRow | Spinning Air Kick | Hold {{down}} for 2 seconds, then {{up}}+{{kick}} | Chun-Li jumps high into the air while spinning her legs around in kicks.}}
 
{{MoveListRow | Kikoken Fireball | Hold {{left}} for 2 seconds, then {{right}}+{{punch}} | Chun-Li shoots an energy ball across the screen.}}
 
{{MoveListRow | Axe Kick | {{HCB}} {{kick}} | Chun-Li does a handstand and then kicks downward with a straight leg.}}
 
}}
 
{{MoveListTable | desc=Command normals |
 
{{MoveListRow | Wall Jump | D-Pad in the opposite direction when jumping onto the edge of the screen | Chun-Li can jump off the edges of the screen.}}
 
{{MoveListRow | Yosokyaku | {{down}}+{{button|text=MK}} in midair | Chun-Li holds a straight leg in a head stomp.}}
 
{{MoveListRow | Kaku Kyaku Raku | {{downright}}+{{button|text=HK}} | Chun-Li backflips high into the air, coming down with a kick.}}
 
}}
 
{{MoveListTable | desc=Super Combos |
 
{{MoveListRow | Kikoushou | {{QCF}} {{QCF}} {{punch}} | Chun-Li produces a large fireball directly in front of her.}}
 
{{MoveListRow | Senretsu Kyaku | Hold {{left}} for 2 seconds, then {{right}} {{left}} {{right}}+{{kick}} | Chun-Li moves forward quickly while performing a series of Lightning Kicks. She has a brief period of invulnerability at the beginning of the move (allowing her to pass through projectiles).}}
 
{{MoveListRow | Hazan Tenshoukyaku | Hold {{downleft}} for 2 seconds, then {{downright}} {{downleft}} {{upright}}+{{kick}} | Chun-Li performs a more powerful version of her Spinning Air Kick.}}
 
{{MoveListRow | Alpha Counter | {{left}} {{downleft}} {{down}} {{kick}} while blocking}}
 
 
}}
 
}}
 
}}
 
}}
}}[[Category:Templates]]</noinclude>
+
 
 +
Shows a fancier version of the [[:Template:InfoRow|InfoRow]] template for fighting game characters, for use with the [[:Template:InfoTable|InfoTable]] template.
 +
 
 +
==Usage==
 +
 
 +
The most common named arguments are:
 +
 
 +
<pre>
 +
| name=
 +
| portrait=
 +
| sprite=
 +
| desc=
 +
</pre>
 +
 
 +
It also supports "info" pairs, similar to the [[:Template:InfoRow|InfoRow]] template:
 +
 
 +
<pre>
 +
| info1name=
 +
| info1=
 +
| info2name=
 +
| info2=
 +
| info3name=
 +
| info3=
 +
| info4name=
 +
| info4=
 +
| info5name=
 +
| info5=
 +
| info6name=
 +
| info6=
 +
</pre>
 +
 
 +
Less common arguments:
 +
 
 +
<pre>
 +
| image=
 +
| imagewidth=
 +
</pre>
 +
 
 +
[[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=