Difference between revisions of "WCCFHeatmap"
From Sega Retro
Line 2: | Line 2: | ||
|FW={{#vardefine:colour|255,0,0}} | |FW={{#vardefine:colour|255,0,0}} | ||
|MF={{#vardefine:colour|255,100,0}} | |MF={{#vardefine:colour|255,100,0}} | ||
− | |DF={{#vardefine:colour|0, | + | |DF={{#vardefine:colour|0,150,0}} |
|GK={{#vardefine:colour|0,150,255}} | |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: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:tilesize|{{#expr:{{#var:hmwidth}}/6}}}}{{#vardefine:data|{{{2|}}}}} | + | {{#vardefine:hmwidth|{{{width|200}}}}}{{#vardefine:tilesize|{{#expr:{{#var:hmwidth}}/6}}}}{{#vardefine:halftilesize|{{#expr:{{#var:tilesize}}/2}}}}{{#vardefine:data|{{{2|}}}}} |
− | <div style="border: | + | <div style="border:2px solid; width:{{#var:hmwidth}}px; height:{{#expr:{{#var:tilesize}}*9}}px;"> |
{{#vardefine:tiley|9}}{{#vardefine:tilex|6}}{{#vardefine:j|0}} | {{#vardefine:tiley|9}}{{#vardefine:tilex|6}}{{#vardefine:j|0}} | ||
{{#while: | {{#while: | ||
Line 15: | Line 15: | ||
{{#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; background-color:{{#var:bg{{#sub:{{{2}}}|{{#expr:({{#var:tilex}}*{{#var:j}})+{{#var:i}}}}|1}}}};"></div>{{incvar|i}} | + | | <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; background-color:#F0F; border:2px solid; 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:0px; background-color:#F0F; border:2px solid; width:{{#var:halftilesize}}px; 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; background-color:#F0F; border:2px solid; 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; background-color:#F0F; border:2px solid; width:{{#var:halftilesize}}px; height:{{#var:halftilesize}}px; margin-bottom:-{{#var:halftilesize}}px; margin-right:-{{#var:halftilesize}}px;"></div> | ||
+ | <!--boxes-->{{#vardefine:boxwidth|{{#expr:{{#var:halftilesize}}*6}}}}{{#vardefine:boxheight|{{#expr:{{#var:halftilesize}}*3}}}}<div style="position:relative; left:{{#expr:{{#var:halftilesize}}*3}}px; top:0px; background-color:#F0F; border:2px 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}}*3}}px; top:{{#expr:{{#var:halftilesize}}*15}}px; background-color:#F0F; border:2px solid; width:{{#var:boxwidth}}px; height:{{#var:boxheight}}px; margin-bottom:-{{#var:boxheight}}px; margin-right:-{{#var:boxwidth}}px;"></div> | ||
+ | <!--middle bits--><div style="position:relative; left:0px; top:0px; border-bottom: 2px 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> | </div> | ||
</includeonly><noinclude> | </includeonly><noinclude> |
Revision as of 06:55, 22 October 2023
So this is my life