<<switch $HDLC.request>>\n\t<<case "red">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(-10,10); $HDLC.baseBri = random(55,115); $HDLC.baseSat = random(80,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "pink">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(-30,15); $HDLC.baseBri = random(130,175); $HDLC.baseSat = random(80,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "orange">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(20,60); $HDLC.baseBri = random(75,165); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "yellow">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(60,70); $HDLC.baseBri = random(90,175); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "lime">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(70,90); $HDLC.baseBri = random(90,165); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "green">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(90,130); $HDLC.baseBri = random(45,165); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "teal">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(130,190); $HDLC.baseBri = random(45,165); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "blue">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(200,240); $HDLC.baseBri = random(45,165); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "indigo">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(240,270); $HDLC.baseBri = random(45,115); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "violet">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(270,280); $HDLC.baseBri = random(55,155); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "magenta">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(280,350); $HDLC.baseBri = random(75,165); $HDLC.baseSat = random(50,200)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "white">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(1,360); $HDLC.baseBri = random(155,190); $HDLC.baseSat = random(0,25)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "gray">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(1,360); $HDLC.baseBri = random(55,155); $HDLC.baseSat = random(0,25)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "black">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(1,360); $HDLC.baseBri = random(25,75); $HDLC.baseSat = random(0,35)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<case "brown">>\n\t\t<<if $HDLC.activeBase eq 1>>\n\t\t\t<<set $HDLC.baseHue = random(-10,75); $HDLC.baseBri = random(45,135); $HDLC.baseSat = random(35,75)>><</if>>\n\t\t\t<<include RandomNodes>>\n\n\t<<default>> /% Reset to default %/\n\t<<set $HDLC.request = "">>\n\t<<include RandomColor>>\n<</switch>>\n\n\n
/% =============================== %/\n\n<<set $HDLC = {\n\tprefix: "layers-",\n\timageset: "archemai", dim: 200,\t\n\tinstances: 6,\n\n\tpreset: "", \n\trequest: "",\n\n\tactiveLine: 1, activeEye: 1, \n\tactiveBase: 1, activeAcc: 1, activeDet: 1, \n\tactivePat: 0, activePat2: 0, \n\tactiveEx: 1, activeEx2: 1, \n\tactiveSupport: 0, \n\n\teyeHue: 0, eyeBri: 100, eyeSat: 100,\n\n\tbaseHue: 0, baseBri: 100, baseSat: 100,\n\taccHue: 0, accBri: 100, accSat: 100,\n\tdetHue: 0, detBri: 100, detSat: 100,\n\n\texHue: 0, exBri: 100, exSat: 100,\n\tex2Hue: 0, ex2Bri: 100, ex2Sat: 100,\n\n\tpatHue: 0, patBri: 100, patSat: 100,\n\tpat2Hue: 0, pat2Bri: 100, pat2Sat: 100,\n }>>
<<if $HDLC.activeLine eq 1>>\n<zLine><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-line.png'>">></zLine><</if>>\n\n<<if $HDLC.activeEye eq 1>>\n<zEye><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-eye.png' style='filter:hue-rotate(" + $HDLC.eyeHue + "deg) brightness(" + $HDLC.eyeBri + "%) saturate(" + $HDLC.eyeSat + "%) opacity(100%);'>">></zEye><</if>>\n\n<<if $HDLC.activeEx2 eq 1>>\n<zEx2><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-extra2.png' style='filter:hue-rotate(" + $HDLC.ex2Hue + "deg) brightness(" + $HDLC.ex2Bri + "%) saturate(" + $HDLC.ex2Sat + "%) opacity(100%);'>">></zEx2><</if>>\n\n<<if $HDLC.activeEx eq 1>>\n<zEx><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-extra.png' style='filter:hue-rotate(" + $HDLC.exHue + "deg) brightness(" + $HDLC.exBri + "%) saturate(" + $HDLC.exSat + "%) opacity(100%);'>">></zEx><</if>>\n\n<<if $HDLC.activePat2 eq 1>>\n<zPat2><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-pattern2.png' style='filter:hue-rotate(" + $HDLC.pat2Hue + "deg) brightness(" + $HDLC.pat2Bri + "%) saturate(" + $HDLC.pat2Sat + "%) opacity(100%);'>">></zPat2><</if>>\n\n<<if $HDLC.activePat eq 1>>\n<zPat><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-pattern.png' style='filter:hue-rotate(" + $HDLC.patHue + "deg) brightness(" + $HDLC.patBri + "%) saturate(" + $HDLC.patSat + "%) opacity(100%);'>">></zPat><</if>>\n\n<<if $HDLC.activeDet eq 1>>\n<zDet><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-detail.png' style='filter:hue-rotate(" + $HDLC.detHue + "deg) brightness(" + $HDLC.detBri + "%) saturate(" + $HDLC.detSat + "%) opacity(100%);'>">></zDet><</if>>\n\n<<if $HDLC.activeAcc eq 1>>\n<zAcc><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-accent.png' style='filter:hue-rotate(" + $HDLC.accHue + "deg) brightness(" + $HDLC.accBri + "%) saturate(" + $HDLC.accSat + "%) opacity(100%);'>">></zAcc><</if>>\n\n<<if $HDLC.activeBase eq 1>>\n<zBase><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-base.png' style='filter:hue-rotate(" + $HDLC.baseHue + "deg) brightness(" + $HDLC.baseBri + "%) saturate(" + $HDLC.baseSat + "%) opacity(100%);'>">></zBase><</if>>\n\n<<if $HDLC.activeSupport eq 1>>\n<zSupport><<print "<img src='" + $HDLC.prefix + $HDLC.imageset + "-support.png'>">></zSupport><</if>>
<<switch $HDLC.preset>>\n\t<<case "archemai">>\n\t\t<<set $HDLC.imageset = "archemai"; $HDLC.dim = 200; $HDLC.instances = 6>>\n\t\t\t<<set $HDLC.activeLine = 1; $HDLC.activeEye = 1>>\n\t\t\t<<set $HDLC.activeBase = 1; $HDLC.activeAcc = 1; $HDLC.activeDet = 1>>\n\t\t\t<<set $HDLC.activeEx = 1; $HDLC.activeEx2 = 1>>\n\t\t\t<<set $HDLC.activePat = 0; $HDLC.activePat2 = 0>>\n\t\t\t<<set $HDLC.activeSupport = 0>>\n\n\t<<case "quaggy">>\n\t\t<<set $HDLC.imageset = "revecai"; $HDLC.dim = 148; $HDLC.instances = 12>>\n\t\t\t<<set $HDLC.activeLine = 1; $HDLC.activeEye = 1>>\n\t\t\t<<set $HDLC.activeBase = 1; $HDLC.activeAcc = 1; $HDLC.activeDet = 1>>\n\t\t\t<<set $HDLC.activeEx = 0; $HDLC.activeEx2 = 0>>\n\t\t\t<<set $HDLC.activePat = 0; $HDLC.activePat2 = 0>>\n\t\t\t<<set $HDLC.activeSupport = 0>>\n\n\t<<case "esquaggy">>\n\t\t<<set $HDLC.imageset = "esque"; $HDLC.dim = 148; $HDLC.instances = 12>>\n\t\t\t<<set $HDLC.activeLine = 1; $HDLC.activeEye = 1>>\n\t\t\t<<set $HDLC.activeBase = 1; $HDLC.activeAcc = 1; $HDLC.activeDet = 1>>\n\t\t\t<<set $HDLC.activeEx = 0; $HDLC.activeEx2 = 0>>\n\t\t\t<<set $HDLC.activePat = 0; $HDLC.activePat2 = 0>>\n\t\t\t<<set $HDLC.activeSupport = 0>>\n\n\t<<case "tiri">>\n\t\t<<set $HDLC.imageset = "tirixai"; $HDLC.dim = 148; $HDLC.instances = 12>>\n\t\t\t<<set $HDLC.activeLine = 1; $HDLC.activeEye = 1>>\n\t\t\t<<set $HDLC.activeBase = 1; $HDLC.activeAcc = 1; $HDLC.activeDet = 1>>\n\t\t\t<<set $HDLC.activeEx = 1; $HDLC.activeEx2 = 1>>\n\t\t\t<<set $HDLC.activePat = 0; $HDLC.activePat2 = 0>>\n\t\t\t<<set $HDLC.activeSupport = 0>>\n\n\t<<case "calamity">>\n\t\t<<set $HDLC.imageset = "calamity"; $HDLC.dim = 148; $HDLC.instances = 12>>\n\t\t\t<<set $HDLC.activeLine = 1; $HDLC.activeEye = 1>>\n\t\t\t<<set $HDLC.activeBase = 1; $HDLC.activeAcc = 1; $HDLC.activeDet = 1>>\n\t\t\t<<set $HDLC.activeEx = 1; $HDLC.activeEx2 = 0>>\n\t\t\t<<set $HDLC.activePat = 1; $HDLC.activePat2 = 0>>\n\t\t\t<<set $HDLC.activeSupport = 0>>\n\n\t<<case "vecaimorph">>\n\t\t<<set $HDLC.imageset = "vecaimorph"; $HDLC.dim = 148; $HDLC.instances = 12>>\n\t\t\t<<set $HDLC.activeLine = 1; $HDLC.activeEye = 0>>\n\t\t\t<<set $HDLC.activeBase = 1; $HDLC.activeAcc = 1; $HDLC.activeDet = 1>>\n\t\t\t<<set $HDLC.activeEx = 0; $HDLC.activeEx2 = 0>>\n\t\t\t<<set $HDLC.activePat = 0; $HDLC.activePat2 = 0>>\n\t\t\t<<set $HDLC.activeSupport = 0>>\n\n\t<<case "phoenix">>\n\t\t<<set $HDLC.imageset = "phoenix"; $HDLC.dim = 268; $HDLC.instances = 6>>\n\t\t\t<<set $HDLC.activeLine = 1; $HDLC.activeEye = 1>>\n\t\t\t<<set $HDLC.activeBase = 1; $HDLC.activeAcc = 1; $HDLC.activeDet = 1>>\n\t\t\t<<set $HDLC.activeEx = 0; $HDLC.activeEx2 = 0>>\n\t\t\t<<set $HDLC.activePat = 0; $HDLC.activePat2 = 0>>\n\t\t\t<<set $HDLC.activeSupport = 0>>\n\n\n\n<</switch>>
Config.history.controls = false;\nConfig.history.maxStates = 1;\n\nConfig.macros.maxLoopIterations = 2000;\n\nConfig.passages.nobr = true;\n\nConfig.ui.stowBarInitially = false;\n\nConfig.saves.autoload = false;\n\n\n// Autosaves on passages tagged with "doAutosave"\nConfig.saves.autosave = ["doAutosave"]; \n\n// Transition shit; DO NOT REMOVE THIS OR THE TRANSITION CSS!\nConfig.passages.transitionOut = 5;
// Hotkeys\n//====================================================================\n \n(function() { \n//===========================\n//==================================================================== \t\t\n\tdocument.onkeyup=function(e){ var e = e || window.event;\n//==================================================================== \n\t\n// W\n\t\tif(e.which === 87) { if(document.getElementById("navW") != null) { \t\t\n\t\t\tdocument.getElementById("navW").click();}}\t\t\t\t\n// A\n\t\tif(e.which === 65) { if(document.getElementById("navA") != null) { \t\t\n\t\t\tdocument.getElementById("navA").click();}}\t\t\t\t\n// S\n\t\tif(e.which === 83) { if(document.getElementById("navS") != null) {\t\t\n\t\t\tdocument.getElementById("navS").click();}}\t\t\t\t\t\t\n// D\n\t\tif(e.which === 68) { if(document.getElementById("navD") != null) {\t\t\n\t\t\tdocument.getElementById("navD").click();}}\t\t\t\t\t\t\n// F\n\t\tif(e.which === 70) { if(document.getElementById("navF") != null) {\t\t\n\t\t\tdocument.getElementById("navF").click();}}\t\n// B\n\t\tif(e.which === 66) { if(document.getElementById("navB") != null) {\t\t\n\t\t\tdocument.getElementById("navB").click();}}\t\t\n// C\n\t\tif(e.which === 67) { if(document.getElementById("navC") != null) {\t\t\n\t\t\tdocument.getElementById("navC").click();}}\t\t\t\t\t\t\n// E\n\t\tif(e.which === 69) { if(document.getElementById("navE") != null) {\t\t\n\t\t\tdocument.getElementById("navE").click();}}\t\t\t\t\t\t\t\n// G\n\t\tif(e.which === 71) { if(document.getElementById("navG") != null) {\t\t\n\t\t\tdocument.getElementById("navG").click();}}\t\t\t\t\t\n// H\n\t\tif(e.which === 72) { if(document.getElementById("navH") != null) {\t\t\n\t\t\tdocument.getElementById("navH").click();}}\t\t\t\t\t\t\n// I\n\t\tif(e.which === 73) { if(document.getElementById("navI") != null) {\t\t\n\t\t\tdocument.getElementById("navI").click();}}\t\t\t\t\t\t\t\n// J\n\t\tif(e.which === 74) { if(document.getElementById("navJ") != null) {\t\t\n\t\t\tdocument.getElementById("navJ").click();}}\t\t\t\t\t\t\t\n// K\n\t\tif(e.which === 75) { if(document.getElementById("navK") != null) {\t\t\n\t\t\tdocument.getElementById("navK").click();}}\t\t\t\t\t\t\t\t\n// L\n\t\tif(e.which === 76) { if(document.getElementById("navL") != null) {\t\t\n\t\t\tdocument.getElementById("navL").click();}}\t\t\t\t\t\t\n// M\n\t\tif(e.which === 77) { if(document.getElementById("navM") != null) {\t\t\n\t\t\tdocument.getElementById("navM").click();}}\t\t\t\n// N\n\t\tif(e.which === 78) { if(document.getElementById("navN") != null) {\t\t\n\t\t\tdocument.getElementById("navN").click();}}\t\t\t\t\t\t\t\n// O\n\t\tif(e.which === 79) { if(document.getElementById("navO") != null) {\t\t\n\t\t\tdocument.getElementById("navO").click();}}\t\t\t\t\t\t\t\n// P\n\t\tif(e.which === 80) { if(document.getElementById("navP") != null) {\t\t\n\t\t\tdocument.getElementById("navP").click();}}\t\t\t\t\t\t\n// Q\n\t\tif(e.which === 81) { if(document.getElementById("navQ") != null) {\t\t\n\t\t\tdocument.getElementById("navQ").click();}}\t\n// R\n\t\tif(e.which === 82) { if(document.getElementById("navR") != null) {\t\t\n\t\t\tdocument.getElementById("navR").click();}}\t\n// T\n\t\tif(e.which === 84) { if(document.getElementById("navT") != null) {\t\t\n\t\t\tdocument.getElementById("navT").click();}}\t\n// U\n\t\tif(e.which === 85) { if(document.getElementById("navU") != null) {\t\t\n\t\t\tdocument.getElementById("navU").click();}}\t\n// V\n\t\tif(e.which === 86) { if(document.getElementById("navV") != null) {\t\t\n\t\t\tdocument.getElementById("navV").click();}}\t\t\t\t\t\n// X\n\t\tif(e.which === 88) { if(document.getElementById("navX") != null) {\t\t\n\t\t\tdocument.getElementById("navX").click();}}\t\n// Y\n\t\tif(e.which === 89) { if(document.getElementById("navY") != null) {\t\t\n\t\t\tdocument.getElementById("navY").click();}}\t\n// Z\n\t\tif(e.which === 90) { if(document.getElementById("navZ") != null) {\t\t\n\t\t\tdocument.getElementById("navZ").click();}}\t\n\t\t\t\n\n//==================================================================== \n//Numerical\n\t\n// 0\n\t\tif(e.which === 48) { if(document.getElementById("nav0") != null) {\t\t\n\t\t\tdocument.getElementById("nav0").click();}}\t\t\t\n\n// 1\n\t\tif(e.which === 49) { if(document.getElementById("nav1") != null) {\t\t\n\t\t\tdocument.getElementById("nav1").click();}}\t\t\t\t\n\t\t\t\t\t\n// 2\n\t\tif(e.which === 50) { if(document.getElementById("nav2") != null) {\t\t\n\t\t\tdocument.getElementById("nav2").click();}}\t\t\t\n\n// 3\n\t\tif(e.which === 51) { if(document.getElementById("nav3") != null) {\t\t\n\t\t\tdocument.getElementById("nav3").click();}}\t\t\t\n\n// 4\n\t\tif(e.which === 52) { if(document.getElementById("nav4") != null) {\t\t\n\t\t\tdocument.getElementById("nav4").click();}}\t\t\t\n\n// 5\n\t\tif(e.which === 53) { if(document.getElementById("nav5") != null) {\t\t\n\t\t\tdocument.getElementById("nav5").click();}}\t\t\t\t\n\t\t\t\t\t\n// 6\n\t\tif(e.which === 54) { if(document.getElementById("nav6") != null) {\t\t\n\t\t\tdocument.getElementById("nav6").click();}}\t\t\t\n// 7\n\t\tif(e.which === 55) { if(document.getElementById("nav7") != null) {\t\t\n\t\t\tdocument.getElementById("nav7").click();}}\t\t\t\t\n\t\t\t\t\t\n// 8\n\t\tif(e.which === 56) { if(document.getElementById("nav8") != null) {\t\t\n\t\t\tdocument.getElementById("nav8").click();}}\t\t\t\n\n// 9\n\t\tif(e.which === 57) { if(document.getElementById("nav9") != null) {\t\t\n\t\t\tdocument.getElementById("nav9").click();}}\t\t\t\n\n\n\n\n//==================================================================== \n\t\t\t}}());\n//==================================================================== \n//==================================================================== \n
<div class="col-2"></div><div class="col-9">\n\t<div class="row centerRow"><center>\n\t\t''Presets''\n\t</center></div>\n\t\t<div class="row centerRow"><center>\n\t\t\t<button class="btn" data-passage="Colorize" data-setter="$HDLC.preset = 'archemai';">Archemai</button>\n\t\t\t<button class="btn" data-passage="Colorize" data-setter="$HDLC.preset = 'quaggy';">Revec*ai Quaggy</button>\n\t\t\t<button class="btn" data-passage="Colorize" data-setter="$HDLC.preset = 'esquaggy';">Esque Quaggy</button>\n\t\t\t<button class="btn" data-passage="Colorize" data-setter="$HDLC.preset = 'tiri';">Tirix*ai</button>\n\t\t\t<button class="btn" data-passage="Colorize" data-setter="$HDLC.preset = 'calamity';">Ichor Calamity</button>\n\t\t\t<button class="btn" data-passage="Colorize" data-setter="$HDLC.preset = 'phoenix';">Phoenix</button>\n\t\t\t<button class="btn" data-passage="Colorize" data-setter="$HDLC.preset = 'vecaimorph';">Vecaimorph Quaggy</button>\n\t\t</center></div>\n\t<div class="row centerRow"><center>\n\t<button class="btn" data-passage="CustomStart">Custom Image Setup</button>\n\t</center></div>\n<div class="col"></div>\n
<div class="col-2"></div><div class="col-9">\n\t<div class="row centerRow"><center>\n\t\t''Setup''\n\t</center></div>\n\n\t<div class="row centerRow"><center>\n\t<div class="devnote"><i>For best results, recolor individual non-lineart layers to \n\t\t<br><b style="color: #D97F86;">#D97F86</b> or nearby.<br>\n\t"Support" layer is for extra underlayer(s) that should not recolor. Merge these into a single image.</i></div>\n\t</center></div>\n\n\t<div class="row centerRow">\n\t\t<div>''Image ID'' (layers-[ID]-layer.png): <<print "<<textbox '$HDLC.imageset' " + $HDLC.imageset + ">>">></div>\n\t\t<div>''Dimensions'' (px, square): <<print "<<textbox '$HDLC.dim' " + $HDLC.dim + ">>">></div>\n\t\t<div>''#'' of generations: <<print "<<textbox '$HDLC.instances' " + $HDLC.instances + ">>">></div>\n\t</div>\n\t<div class="row centerRow">\n\t\t<div>''Layers''</div>\n\t</div>\n\t<div class="row centerRow">\n\t<div><span><<checkbox "$HDLC.activeLine" 0 1 autocheck>> Lineart</span>\n\t<span><<checkbox "$HDLC.activeEye" 0 1 autocheck>> Eyes</span>\n\t<span><<checkbox "$HDLC.activeBase" 0 1 autocheck>> Base Color</span>\n\t<span><<checkbox "$HDLC.activeAcc" 0 1 autocheck>> Accent Color</span>\n\t<span><<checkbox "$HDLC.activeDet" 0 1 autocheck>> Detail Color</span></div>\n\t<div><span><<checkbox "$HDLC.activePat" 0 1 autocheck>> Pattern 1</span>\n\t<span><<checkbox "$HDLC.activePat2" 0 1 autocheck>> Pattern 2</span>\n\t<span><<checkbox "$HDLC.activeEx" 0 1 autocheck>> Extra</span>\n\t<span><<checkbox "$HDLC.activeEx2" 0 1 autocheck>> Extra 2</span>\n\t<span><<checkbox "$HDLC.activeSupport" 0 1 autocheck>> Support</span></div>\n\t</div>\n\t\t<div class="row centerRow"><center>\n\t\t\t<button class="btn" data-passage="Colorize">Start!</button><button class="btn" data-passage="Start">Presets</button>\n\t</center></div>\n<div class="col"></div>\n
<<if $HDLC.request.length gt 0>>\n\t<<include SpecialColor>>\n<<else>><<include RandomColor>><</if>>\n\n/% This is a print just to make the height dynamic based on the given image dimensions (StoryInit) %/\n\n<<print "<div class='spriteFrame' style='height:" + $HDLC.dim + "px; width: " + $HDLC.dim + "px;'><<include Builder>></div>">>\n\n\n
\n<<if $HDLC.activeEye eq 1>>\n\t<<set $HDLC.eyeHue = random(0,360); $HDLC.eyeBri = random(25,175); $HDLC.eyeSat = random(0,175)>><</if>>\n\n<<if $HDLC.activeEx eq 1>>\n\t<<set $HDLC.exHue = random(0,360); $HDLC.exBri = random(25,175); $HDLC.exSat = random(0,175)>><</if>>\n\n<<if $HDLC.activeEx2 eq 1>>\n\t<<set $HDLC.ex2Hue = random(0,360); $HDLC.ex2Bri = random(25,175); $HDLC.ex2Sat = random(0,175)>><</if>>\n\n<<if $HDLC.activePat eq 1>>\n\t<<set $HDLC.patHue = random(0,360); $HDLC.patBri = random(25,175); $HDLC.patSat = random(0,175)>><</if>>\n\n<<if $HDLC.activePat2 eq 1>>\n\t<<set $HDLC.pat2Hue = random(0,360); $HDLC.pat2Bri = random(25,175); $HDLC.pat2Sat = random(0,175)>><</if>>\n\n<<if $HDLC.activeDet eq 1>>\n\t<<set $HDLC.detHue = random(0,360); $HDLC.detBri = random(25,175); $HDLC.detSat = random(0,175)>><</if>>\n\n<<if $HDLC.activeAcc eq 1>>\n\t<<set $HDLC.accHue = random(0,360); $HDLC.accBri = random(25,175); $HDLC.accSat = random(0,175)>><</if>>\n\n<<if $HDLC.activeBase eq 1>>\n\t<<set $HDLC.baseHue = random(0,360); $HDLC.baseBri = random(25,175); $HDLC.baseSat = random(0,175)>><</if>>
HEART*DREAM Colorizer
<<if $HDLC.preset.length gt 0>><<include Presets>>\n\t<<set $HDLC.preset = "">><</if>>\n<div class="col-2"></div><div class="col-9">\n\t<div class="row centerRow">\n\t\t<center>''Generating:'' <<print $HDLC.imageset>></center>\n\t</div>\n\t<div class="row centerRow">\n\t\t<<for _i to 0; _i < $HDLC.instances; _i++>><<include NewOutput>><</for>>\n\t</div>\n\t\t<div class="row centerRow" style="margin-top:0.5rem;"><center>\n\t\t\t<div>''#'' of generations: <<print "<<textbox '$HDLC.instances' " + $HDLC.instances + ">>">></div>\n\t\t\t<div class="row"><button class="btn" data-passage="Colorize">Reroll</button>\n\t\t\t<button class="btn" data-passage="Start" data-setter="$HDLC.request = '';">Back</button></div>\n\t\t\t<div class="row"><button class="btn" data-passage="CustomStart">Custom Image Setup</button></div>\n\t\t</center></div>\n\n\t<div class="row centerRow">\n\t\t<center>''Base Color:''</center>\n\t</div>\n\t\t<div class="row centerRow"><center>\n\t\t\t<button class="btn" data-passage="Colorize" data-setter="$HDLC.request = '';">Random</button>\n\t\t\t<button class="btn red" data-passage="Colorize" data-setter="$HDLC.request = 'red';">Red</button>\n\t\t\t<button class="btn orange" data-passage="Colorize" data-setter="$HDLC.request = 'orange';">Orange</button>\n\t\t\t<button class="btn yellow" data-passage="Colorize" data-setter="$HDLC.request = 'yellow';">Yellow</button>\n\t\t\t<button class="btn lime" data-passage="Colorize" data-setter="$HDLC.request = 'lime';">Lime</button>\n\t\t\t<button class="btn green" data-passage="Colorize" data-setter="$HDLC.request = 'green';">Green</button>\n\t\t\t<button class="btn teal" data-passage="Colorize" data-setter="$HDLC.request = 'teal';">Teal</button>\n\t\t\t<button class="btn blue" data-passage="Colorize" data-setter="$HDLC.request = 'blue';">Blue</button>\n\t\t\t<button class="btn indigo" data-passage="Colorize" data-setter="$HDLC.request = 'indigo';">Indigo</button>\n\t\t\t<button class="btn violet" data-passage="Colorize" data-setter="$HDLC.request = 'violet';">Violet</button>\n\t\t\t<button class="btn magenta" data-passage="Colorize" data-setter="$HDLC.request = 'magenta';">Magenta</button>\n\t\t\t<button class="btn pink" data-passage="Colorize" data-setter="$HDLC.request = 'pink';">Pink</button>\n\t\t\t<button class="btn white" data-passage="Colorize" data-setter="$HDLC.request = 'white';">White</button>\n\t\t\t<button class="btn gray" data-passage="Colorize" data-setter="$HDLC.request = 'gray';">Gray</button>\n\t\t\t<button class="btn brown" data-passage="Colorize" data-setter="$HDLC.request = 'brown';">Brown</button>\n\t\t\t<button class="btn black" data-passage="Colorize" data-setter="$HDLC.request = 'black';">Black</button>\n\t\t</center></div>\n<div class="col"></div>\n
/* ============================================ */\n/* ============================================ */\n/* Transitions*/\n/* ============================================ */\n\n* {\n -o-transition-property: none !important;\n -moz-transition-property: none !important;\n -ms-transition-property: none !important;\n -webkit-transition-property: none !important;\n transition-property: none !important;\n\t-ms-overflow-style: none; /* IE and Edge */\n\tscrollbar-width: none; /* Firefox */\n}\n\nbody::-webkit-scrollbar { display: none; }\n\n.error-view { background-color: #677eb6; }\n\n/* ============================================ */\n\n.hidden { display: none; }\n\n\n.devnote { \n\tfont-size: 0.7rem;\n\tborder: 1px solid #FFF;\n\tmargin: 1.5rem;\n\tpadding: 0.8rem;\n\twidth: 65%;\n\tborder-radius: 0.2rem;\n\tbackground-color: #130f79a3;\n\tcolor: #acd8ff;\n}\n\n\nbutton { line-height: 0.5; padding: .5em; }\n.btn { \n\tcolor: #fff; \n\tfont-weight: bold;\n\tbackground-color: #ff55dd8f;\n\tborder: 1px solid #ee0091c9;\n\tmargin-bottom: 0.2rem; }\n.btnClick { margin-left: 0.4rem; color: #68D5FF; }\n.btnClick:hover { color: #FF0CB3; text-decoration: underline; }\n\n.red,.orange,.yellow,.lime,.green,.teal,.blue,.indigo,.violet,.magenta,.white,.gray,.black,.brown {\n\twidth: 90px; }\n\n.red { background-color: #ff363691; color: #FFF; }\n.orange { background-color: #ff872fe3; color: #6c0042; }\n.yellow { background-color: #ffd83f; color: #6c0042; }\n.lime { background-color: #bef91d; color: #6c0042; }\n.green { background-color: #45a80e; color: #fff; }\n.teal { background-color: #0fcca0; color: #fff; }\n.blue { background-color: #0f8ecc; color: #fff; }\n.indigo { background-color: #334397; color: #fff; }\n.violet { background-color: #8332b0; color: #fff; }\n.magenta { background-color: #ff44ad; color: #fff; }\n.pink { background-color: #f496b0; color: #fff; }\n.white { background-color: #FFF; color: #000; }\n.gray { background-color: #93908b; color: #000; }\n.black { background-color: #000; color: #FFF; }\n.brown { background-color: #7b634e; color: #FFF; }\n\n/* ============================================ */\n\n.spriteFrame { \n\tposition: relative;\n\tbackground-color: #FFF; \n\tborder:1px solid #FFF;\n\t}\n\nzBase, zEye, zAcc, zDet, zPat, zPat2, zEx, zEx2, zLine, zSupport { position: absolute; bottom: 0px; }\n\nzEye { z-index: 14;}\nzLine { z-index: 11;}\nzEx2 { z-index: 10;}\nzEx { z-index: 9;}\nzPat2 { z-index: 8;}\nzPat { z-index: 7;}\nzDet { z-index: 5;}\nzAcc { z-index: 3;}\nzBase { z-index: 2;}\nzSupport { z-index: 1;}\n\n\n\n/* ============================================ */\n\n
\t<<if $HDLC.activeEye eq 1>>\n\t\t<<set $HDLC.eyeHue = random(0,360); $HDLC.eyeBri = random(25,175); $HDLC.eyeSat = random(0,175)>><</if>>\n\t<<if $HDLC.activeEx eq 1>>\n\t\t<<set $HDLC.exHue = random(0,360); $HDLC.exBri = random(25,175); $HDLC.exSat = random(0,175)>><</if>>\n\t<<if $HDLC.activeEx2 eq 1>>\n\t\t<<set $HDLC.ex2Hue = random(0,360); $HDLC.ex2Bri = random(25,175); $HDLC.ex2Sat = random(0,175)>><</if>>\n\t<<if $HDLC.activePat eq 1>>\n\t\t<<set $HDLC.patHue = random(0,360); $HDLC.patBri = random(25,175); $HDLC.patSat = random(0,175)>><</if>>\n\t<<if $HDLC.activePat2 eq 1>>\n\t\t<<set $HDLC.pat2Hue = random(0,360); $HDLC.pat2Bri = random(25,175); $HDLC.pat2Sat = random(0,175)>><</if>>\n\t<<if $HDLC.activeDet eq 1>>\n\t\t<<set $HDLC.detHue = random(0,360); $HDLC.detBri = random(25,175); $HDLC.detSat = random(0,175)>><</if>>\n\t<<if $HDLC.activeAcc eq 1>>\n\t\t<<set $HDLC.accHue = random(0,360); $HDLC.accBri = random(25,175); $HDLC.accSat = random(0,175)>><</if>>