Difference between revisions of "MDPalette"

Latest revision as of 19:19, 1 January 2022

{{MDPalette
|0800|0000|0242|0464|0686|08C8|0EEE|0AAA|0888|0444|08EA|046A|00EE|0088|0044|000E
|0E80|0002|0EEE|0026|0048|006C|008E|00CE|10:4:0A860E860EA80ECA0ECA0A860E860EA80EA80ECA0A860E860E860EA80ECA0A86|0040|0060|00A4|00E8
|0C82|0A02|0C42|0E86|0ECA|0EEC|0EEE|0EAC|0E8A|0E68|00E8|00A4|0002|0026|006C|00CE
}}

returns:

{{MDPalette|0000000008220A440C660E880EEE0AAA0888044408AE046A000E0008000400EE}}

returns:

@@ Line 1: / Line 1: @@
-{{#tag:style|
+<includeonly>{{#if:{{{size|}}}|{{#vardefine:colw|{{{size|}}}}}{{#vardefine:colh|{{{size|}}}}}|
-@keyframes colour_change {
+{{#if:{{{width|}}}|{{#vardefine:colw|{{{width|}}}}}|{{#vardefine:colw|24}}}}{{#if:{{{height|}}}|{{#vardefine:colw|{{{height|}}}}}|{{#vardefine:colh|24}}}}
- from { background-color: blue; }
+}}<div style="max-width:{{#expr:{{#var:colw}}*16}}px; font-size:0px;">{{#fornumargs: i
- to { background-color: red; }
+| value
-}
+| {{#if:{{#pos:{{#var:value}}|:}}
+ |{{#vardefine:rawdata|{{#replace:{{#var:value}}| }}}}{{#vardefine:delay|{{#expr:{{#explode:{{#var:rawdata}}|:|0}}/60}}}}{{#vardefine:colours|{{#explode:{{#var:rawdata}}|:|1}}}}{{#vardefine:rawdataa|{{#explode:{{#var:rawdata}}|:|2}}}}<div style="display:inline-block; border:0px solid red; transform:translate(0px,{{#var:colh}}px); margin-top:-{{#var:colh}}px;">{{animate
+| {{MDPalette/Copy|{{#sub:{{#var:rawdataa}}|0|{{#expr:4*{{#var:colours}}}}}}|width={{#var:colw}}|height={{#var:colh}}}}
+| {{MDPalette/Copy|{{#sub:{{#var:rawdataa}}|{{#expr:4*{{#var:colours}}}}|{{#expr:4*{{#var:colours}}}}}}|width={{#var:colw}}|height={{#var:colh}}}}
+| {{MDPalette/Copy|{{#sub:{{#var:rawdataa}}|{{#expr:8*{{#var:colours}}}}|{{#expr:4*{{#var:colours}}}}}}|width={{#var:colw}}|height={{#var:colh}}}}
+| {{MDPalette/Copy|{{#sub:{{#var:rawdataa}}|{{#expr:12*{{#var:colours}}}}|{{#expr:4*{{#var:colours}}}}}}|width={{#var:colw}}|height={{#var:colh}}}}
+| {{MDPalette/Copy|{{#sub:{{#var:rawdataa}}|{{#expr:16*{{#var:colours}}}}|{{#expr:4*{{#var:colours}}}}}}|width={{#var:colw}}|height={{#var:colh}}}}
+| {{MDPalette/Copy|{{#sub:{{#var:rawdataa}}|{{#expr:20*{{#var:colours}}}}|{{#expr:4*{{#var:colours}}}}}}|width={{#var:colw}}|height={{#var:colh}}}}
+| {{MDPalette/Copy|{{#sub:{{#var:rawdataa}}|{{#expr:24*{{#var:colours}}}}|{{#expr:4*{{#var:colours}}}}}}|width={{#var:colw}}|height={{#var:colh}}}}
+| {{MDPalette/Copy|{{#sub:{{#var:rawdataa}}|{{#expr:28*{{#var:colours}}}}|{{#expr:4*{{#var:colours}}}}}}|width={{#var:colw}}|height={{#var:colh}}}}
+| delay={{#var:delay}}}}</div>
+ |{{#vardefine:rawdata|{{#replace:{{#var:value}}| }}}}{{#loop: j
+  | 0
+  | {{#expr:{{#len:{{#var:rawdata}}}} div 4}}
+  | <div style="display:inline-block; background-color:#{{MDHex2HTMLHex|{{#sub:{{#var:rawdata}}|{{#expr:({{#var:j}}*4)+1}}|3}}}}; width:{{#var:colw}}px; hei<!-- -->ght:{{#var:colh}}px;">&nbsp;</div>
+  }}
+ }}
+}}</div></includeonly><noinclude>[[Category:Templates]]
+<pre>
+{{MDPalette
+|0800|0000|0242|0464|0686|08C8|0EEE|0AAA|0888|0444|08EA|046A|00EE|0088|0044|000E
+|0E80|0002|0EEE|0026|0048|006C|008E|00CE|10:4:0A860E860EA80ECA0ECA0A860E860EA80EA80ECA0A860E860E860EA80ECA0A86|0040|0060|00A4|00E8
+|0C82|0A02|0C42|0E86|0ECA|0EEC|0EEE|0EAC|0E8A|0E68|00E8|00A4|0002|0026|006C|00CE
 }}
+</pre>
-{{#vardefine:size|24}}
+returns:
-{| style="max-width:{{#expr:{{#var:size}} * 16}}px"
-|style="background-color:#FF0000;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#FFAA00;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#FFFF00;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#00FF00;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#00AAFF;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#0000FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#AA00FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#FF00FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#FF0000;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#FFAA00;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#FFFF00;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#00FF00;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#00AAFF;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#0000FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#AA00FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|style="background-color:#FF00FF; animation-name: colour_change; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate;" width="{{#var:size}}px" height="{{#var:size}}px"|
-|}
-Mediawiki blocks <style> tags, so if you want rotating palettes you're going to have to do something clever with common.css (or common.js) -[[User:Black Squirrel|Black Squirrel]] ([[User talk:Black Squirrel|talk]]) 15:03, 18 April 2018 (CDT)
+{{MDPalette
+|0800|0000|0242|0464|0686|08C8|0EEE|0AAA|0888|0444|08EA|046A|00EE|0088|0044|000E
+|0E80|0002|0EEE|0026|0048|006C|008E|00CE|10:4:0A860E860EA80ECA0ECA0A860E860EA80EA80ECA0A860E860E860EA80ECA0A86|0040|0060|00A4|00E8
+|0C82|0A02|0C42|0E86|0ECA|0EEC|0EEE|0EAC|0E8A|0E68|00E8|00A4|0002|0026|006C|00CE
+}}
+{{hr}}
+<pre>{{MDPalette|0000000008220A440C660E880EEE0AAA0888044408AE046A000E0008000400EE}}</pre>
+returns:
+{{MDPalette|0000000008220A440C660E880EEE0AAA0888044408AE046A000E0008000400EE}}
-<includeonly>[[Category:Sonic Retro templates]]</includeonly>
+</noinclude>

Template

Difference between revisions of "MDPalette"

From Sonic Retro

Latest revision as of 19:19, 1 January 2022