Difference between revisions of "WCCFHeatmap"
From Sega Retro
(Created page with "<includeonly>{{#vardefine:hmwidth|{{{width|200}}}}}{{#vardefine:tilesize|{{#expr:{{#var:hmwidth}}/6}}}}{{#vardefine:data|{{{2|}}}}} <div style="border:1px solid; width:{{#var:...") |
|||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | <includeonly>{{#vardefine:hmwidth|{{{width|200}}}}}{{#vardefine:tilesize|{{#expr:{{#var:hmwidth}}/6}}}}{{#vardefine:data|{{{2|}}}}} | + | <includeonly>{{#switch:{{uc:{{{1|}}}}} |
| − | <div style="border: | + | |FW={{#vardefine:colour|255,0,0}} |
| + | |MF={{#vardefine:colour|255,100,0}} | ||
| + | |DF={{#vardefine:colour|0,150,0}} | ||
| + | |GK={{#vardefine:colour|0,150,255}} | ||
| + | }}{{#vardefine:bg0|rgba({{#var:colour}},0)}}{{#vardefine:bg1|rgba({{#var:colour}},0.25)}}{{#vardefine:bg2|rgba({{#var:colour}},0.5)}}{{#vardefine:bg3|rgba({{#var:colour}},0.75)}}{{#vardefine:bg4|rgba({{#var:colour}},1)}}{{#vardefine:hmwidth|{{{width|200}}}}}{{#vardefine:borderwidth|{{#expr:{{#var:hmwidth}}/100}}}}{{#vardefine:tilesize|{{#expr:{{#var:hmwidth}}/6}}}}{{#vardefine:halftilesize|{{#expr:{{#var:tilesize}}/2}}}}{{#vardefine:data|{{{2|}}}}}<div style="border:{{#var:borderwidth}}px solid; width:{{#expr:{{#var:hmwidth}}+{{#var:borderwidth}}}}px; height:{{#expr:({{#var:tilesize}}*9)+{{#var:borderwidth}}}}px;"> | ||
{{#vardefine:tiley|9}}{{#vardefine:tilex|6}}{{#vardefine:j|0}} | {{#vardefine:tiley|9}}{{#vardefine:tilex|6}}{{#vardefine:j|0}} | ||
{{#while: | {{#while: | ||
| Line 8: | Line 12: | ||
{{#while: | {{#while: | ||
| {{#ifexpr:{{#var:i}} < {{#var:tilex}}|true}} | | {{#ifexpr:{{#var:i}} < {{#var:tilex}}|true}} | ||
| − | | <div style="position:relative; top:{{#expr:{{#var:j}}*{{#var:tilesize}}}}px; left:{{#expr:{{#var:i}}*{{#var:tilesize}}}}px; {{#ifexpr:{{#var:i}}<5|border-right:1px dotted;}} {{#ifexpr:{{#var:j}}<8|border-bottom:1px dotted;}} width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px; margin-bottom:-{{#var:tilesize}}px; | + | | <div style="position:relative; top:{{#expr:{{#var:j}}*{{#var:tilesize}}}}px; left:{{#expr:{{#var:i}}*{{#var:tilesize}}}}px; {{#ifexpr:{{#var:i}}<5|border-right:1px dotted;}} {{#ifexpr:{{#var:j}}<8|border-bottom:1px {{#switch:{{#var:j}} |
| + | |2|5=solid | ||
| + | |#default=dotted | ||
| + | }};}} width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px; margin-bottom:-{{#var:tilesize}}px; background-color:{{#var:bg{{#sub:{{{2}}}|{{#expr:({{#var:tilex}}*{{#var:j}})+{{#var:i}}}}|1}}}};"></div>{{incvar|i}} | ||
}} | }} | ||
{{incvar|j}} | {{incvar|j}} | ||
}} | }} | ||
| + | <!--corners--> | ||
| + | <div style="position:relative; left:0px; top:0px; border-right:{{#var:borderwidth}}px solid; border-bottom:{{#var:borderwidth}}px solid; width:{{#var:halftilesize}}px; height:{{#var:halftilesize}}px; border-bottom-right-radius:100%; margin-bottom:-{{#var:halftilesize}}px; margin-right:-{{#var:halftilesize}}px;"></div> | ||
| + | <div style="position:relative; left:{{#expr:{{#var:halftilesize}}*11}}px; top:0px; border-left:{{#var:borderwidth}}px solid; border-bottom:{{#var:borderwidth}}px solid; width:{{#var:halftilesize}}px; border-bottom-left-radius:100%; height:{{#var:halftilesize}}px; margin-bottom:-{{#var:halftilesize}}px; margin-right:-{{#var:halftilesize}}px;"></div> | ||
| + | <div style="position:relative; left:0px; top:{{#expr:{{#var:halftilesize}}*17}}px; border-right:{{#var:borderwidth}}px solid; border-top:{{#var:borderwidth}}px solid; border-top-right-radius:100%; width:{{#var:halftilesize}}px; height:{{#var:halftilesize}}px; margin-bottom:-{{#var:halftilesize}}px; margin-right:-{{#var:halftilesize}}px;"></div> | ||
| + | <div style="position:relative; left:{{#expr:{{#var:halftilesize}}*11}}px; top:{{#expr:{{#var:halftilesize}}*17}}px; border-left:{{#var:borderwidth}}px solid; border-top:{{#var:borderwidth}}px solid; border-top-left-radius:100%; width:{{#var:halftilesize}}px; height:{{#var:halftilesize}}px; margin-bottom:-{{#var:halftilesize}}px; margin-right:-{{#var:halftilesize}}px;"></div> | ||
| + | <!--box-top--> | ||
| + | {{#vardefine:boxwidth|{{#expr:{{#var:halftilesize}}*6}}}}{{#vardefine:boxheight|{{#expr:{{#var:halftilesize}}*3}}}}<div style="position:relative; left:{{#expr:{{#var:halftilesize}}*3}}px; top:0px; border-bottom: {{#var:borderwidth}}px solid; border-left: {{#var:borderwidth}}px solid; border-right: {{#var:borderwidth}}px solid; width:{{#var:boxwidth}}px; height:{{#var:boxheight}}px; margin-bottom:-{{#var:boxheight}}px; margin-right:-{{#var:boxwidth}}px;"></div> | ||
| + | <div style="position:relative; left:{{#expr:{{#var:halftilesize}}*4}}px; top:0px; border-bottom: {{#var:borderwidth}}px solid; border-left: {{#var:borderwidth}}px solid; border-right: {{#var:borderwidth}}px solid; width:{{#expr:{{#var:halftilesize}}*4}}px; height:{{#expr:{{#var:halftilesize}}*1}}px; margin-bottom:-{{#expr:{{#var:halftilesize}}*1}}px; margin-right:-{{#expr:{{#var:halftilesize}}*4}}px;"></div> | ||
| + | <div style="position:relative; left:{{#expr:{{#var:halftilesize}}*4}}px; top:{{#expr:{{#var:halftilesize}}*3}}px; border-bottom: {{#var:borderwidth}}px solid; border-left: {{#var:borderwidth}}px solid; border-right: {{#var:borderwidth}}px solid; border-bottom-right-radius:50% 100%; border-bottom-left-radius:50% 100%; width:{{#expr:{{#var:halftilesize}}*4}}px; height:{{#expr:{{#var:halftilesize}}*1}}px; margin-bottom:-{{#expr:{{#var:halftilesize}}*1}}px; margin-right:-{{#expr:{{#var:halftilesize}}*4}}px;"></div> | ||
| + | <!--box-bottom--> | ||
| + | <div style="position:relative; left:{{#expr:{{#var:halftilesize}}*3}}px; top:{{#expr:{{#var:halftilesize}}*15}}px; border-top: {{#var:borderwidth}}px solid; border-left: {{#var:borderwidth}}px solid; border-right: {{#var:borderwidth}}px solid; width:{{#var:boxwidth}}px; height:{{#var:boxheight}}px; margin-bottom:-{{#var:boxheight}}px; margin-right:-{{#var:boxwidth}}px;"></div> | ||
| + | <div style="position:relative; left:{{#expr:{{#var:halftilesize}}*4}}px; top:{{#expr:{{#var:halftilesize}}*14}}px; border-top: {{#var:borderwidth}}px solid; border-left: {{#var:borderwidth}}px solid; border-right: {{#var:borderwidth}}px solid; border-top-right-radius:50% 100%; border-top-left-radius:50% 100%; width:{{#expr:{{#var:halftilesize}}*4}}px; height:{{#expr:{{#var:halftilesize}}*1}}px; margin-bottom:-{{#expr:{{#var:halftilesize}}*1}}px; margin-right:-{{#expr:{{#var:halftilesize}}*4}}px;"></div> | ||
| + | <div style="position:relative; left:{{#expr:{{#var:halftilesize}}*4}}px; top:{{#expr:{{#var:halftilesize}}*17}}px; border-top: {{#var:borderwidth}}px solid; border-left: {{#var:borderwidth}}px solid; border-right: {{#var:borderwidth}}px solid; width:{{#expr:{{#var:halftilesize}}*4}}px; height:{{#expr:{{#var:halftilesize}}*1}}px; margin-bottom:-{{#expr:{{#var:halftilesize}}*1}}px; margin-right:-{{#expr:{{#var:halftilesize}}*4}}px;"></div> | ||
| + | <!--middle bits--> | ||
| + | <div style="position:relative; left:0px; top:0px; border-bottom: {{#var:borderwidth}}px solid; width:{{#expr:{{#var:halftilesize}}*12}}px; height:{{#expr:{{#var:halftilesize}}*9}}px; margin-bottom:-{{#expr:{{#var:halftilesize}}*9}}px; margin-right:-{{#expr:{{#var:halftilesize}}*12}}px;"></div> | ||
| + | <div style="position:relative; left:{{#expr:{{#var:halftilesize}}*4}}px; top:{{#expr:{{#var:halftilesize}}*7}}px; border: {{#var:borderwidth}}px solid; border-radius:100%; width:{{#expr:{{#var:halftilesize}}*4}}px; height:{{#expr:{{#var:halftilesize}}*4}}px; margin-bottom:-{{#expr:{{#var:halftilesize}}*4}}px; margin-right:-{{#expr:{{#var:halftilesize}}*4}}px;"></div> | ||
| + | <!--text--> | ||
| + | <div style="position:relative; top:{{#expr:{{#var:halftilesize}}*2}}px; left:0px; width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; line-height:{{#var:tilesize}}px; font-size:{{#expr:{{#var:halftilesize}}*0.75}}px; text-align:center; margin-bottom:-{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px;">FW</div> | ||
| + | <div style="position:relative; top:{{#expr:{{#var:halftilesize}}*7.5}}px; left:0px; width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; line-height:{{#var:tilesize}}px; font-size:{{#expr:{{#var:halftilesize}}*0.75}}px; text-align:center; margin-bottom:-{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px;">MF</div> | ||
| + | <div style="position:relative; top:{{#expr:{{#var:halftilesize}}*14}}px; left:0px; width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; line-height:{{#var:tilesize}}px; font-size:{{#expr:{{#var:halftilesize}}*0.75}}px; text-align:center; margin-bottom:-{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px;">DF</div> | ||
| + | <div style="position:relative; top:{{#expr:{{#var:halftilesize}}*15.5}}px; left:{{#expr:{{#var:halftilesize}}*5}}px; width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; line-height:{{#var:tilesize}}px; font-size:{{#expr:{{#var:halftilesize}}*0.75}}px; text-align:center; margin-bottom:-{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px;">GK</div> | ||
| + | |||
| + | <div style="position:relative; top:{{#expr:{{#var:halftilesize}}*2}}px; left:{{#expr:{{#var:halftilesize}}*10}}px; width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; line-height:{{#var:tilesize}}px; font-size:{{#expr:{{#var:halftilesize}}*0.75}}px; text-align:center; margin-bottom:-{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px;">{{{fw}}}</div> | ||
| + | <div style="position:relative; top:{{#expr:{{#var:halftilesize}}*7.5}}px; left:{{#expr:{{#var:halftilesize}}*10}}px; width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; line-height:{{#var:tilesize}}px; font-size:{{#expr:{{#var:halftilesize}}*0.75}}px; text-align:center; margin-bottom:-{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px;">{{{mf}}}</div> | ||
| + | <div style="position:relative; top:{{#expr:{{#var:halftilesize}}*14}}px; left:{{#expr:{{#var:halftilesize}}*10}}px; width:{{#var:tilesize}}px; height:{{#var:tilesize}}px; line-height:{{#var:tilesize}}px; font-size:{{#expr:{{#var:halftilesize}}*0.75}}px; text-align:center; margin-bottom:-{{#var:tilesize}}px; margin-right:-{{#var:tilesize}}px;">{{{df}}}</div> | ||
</div> | </div> | ||
</includeonly><noinclude> | </includeonly><noinclude> | ||
| Line 17: | Line 49: | ||
{{WCCFHeatmap|DF|000000100000310000410000210000410000430000110000000000|width=200}} | {{WCCFHeatmap|DF|000000100000310000410000210000410000430000110000000000|width=200}} | ||
| + | |||
| + | {{WCCFHeatmap|MF|000000001000003130123320002130004440022331001000000000|width=200}} | ||
| + | |||
| + | {{WCCFHeatmap|FW|012211103210234431114210002300001100000000000000000000|width=200}} | ||
| + | |||
| + | {{WCCFHeatmap|GK|000000000000000000000000000000000000000000000000014400|width=200}} | ||
| + | |||
| + | {{WCCFHeatmap|MF|000000001000003130123320002130004440022331001000000000|width=150}} | ||
| + | |||
| + | {{WCCFHeatmap|MF|000000001000003130123320002130004440022331001000000000|width=100}} | ||
| + | |||
| + | {{WCCFHeatmap|MF|000000001000003130123320002130004440022331001000000000|width=50}} | ||
[[Category:Templates]]</noinclude> | [[Category:Templates]]</noinclude> | ||
Latest revision as of 11:04, 22 October 2023
So this is my life
FW
MF
DF
GK
{{{fw}}}
{{{mf}}}
{{{df}}}
FW
MF
DF
GK
{{{fw}}}
{{{mf}}}
{{{df}}}
FW
MF
DF
GK
{{{fw}}}
{{{mf}}}
{{{df}}}
FW
MF
DF
GK
{{{fw}}}
{{{mf}}}
{{{df}}}
FW
MF
DF
GK
{{{fw}}}
{{{mf}}}
{{{df}}}
FW
MF
DF
GK
{{{fw}}}
{{{mf}}}
{{{df}}}
FW
MF
DF
GK
{{{fw}}}
{{{mf}}}
{{{df}}}