diff --git a/data/images/planeswalker/abilityLineEvenDarkened.png b/data/images/planeswalker/abilityLineEvenDarkened.png new file mode 100644 index 00000000..bd239a9c Binary files /dev/null and b/data/images/planeswalker/abilityLineEvenDarkened.png differ diff --git a/data/images/planeswalker/abilityLineOddDarkened.png b/data/images/planeswalker/abilityLineOddDarkened.png new file mode 100644 index 00000000..f5578b80 Binary files /dev/null and b/data/images/planeswalker/abilityLineOddDarkened.png differ diff --git a/data/images/planeswalker/darkTwins.png b/data/images/planeswalker/darkTwins.png new file mode 100644 index 00000000..86734d5e Binary files /dev/null and b/data/images/planeswalker/darkTwins.png differ diff --git a/data/images/planeswalker/planeswalkerCSV.csv b/data/images/planeswalker/planeswalkerCSV.csv index b9df07fb..f0e1d6c4 100644 --- a/data/images/planeswalker/planeswalkerCSV.csv +++ b/data/images/planeswalker/planeswalkerCSV.csv @@ -6,4 +6,6 @@ Red,planeswalker/m15RPlaneswalker.png,Full-0-0-744-1039;Title Planeswalker-0-0-7 Green,planeswalker/m15GPlaneswalker.png,Full-0-0-744-1039;Title Planeswalker-0-0-744-1039;Type Planeswalker-0-0-744-1039;Pinline Planeswalker-0-0-744-1039;Frame Planeswalker-0-0-744-1039;Loyalty Planeswalker-0-0-744-1039,Planeswalker Multicolored,planeswalker/m15MPlaneswalker.png,Full-0-0-744-1039;Title Planeswalker-0-0-744-1039;Type Planeswalker-0-0-744-1039;Pinline Planeswalker-0-0-744-1039;Frame Planeswalker-0-0-744-1039;Loyalty Planeswalker-0-0-744-1039,Planeswalker Artifact,planeswalker/m15APlaneswalker.png,Full-0-0-744-1039;Title Planeswalker-0-0-744-1039;Type Planeswalker-0-0-744-1039;Pinline Planeswalker-0-0-744-1039;Frame Planeswalker-0-0-744-1039;Loyalty Planeswalker-0-0-744-1039,Planeswalker -Colorless,planeswalker/m15CPlaneswalker.png,Full-0-0-744-1039;Title Planeswalker-0-0-744-1039;Type Planeswalker-0-0-744-1039;Pinline Planeswalker-0-0-744-1039;Frame Planeswalker-0-0-744-1039;Loyalty Planeswalker-0-0-744-1039,Planeswalker \ No newline at end of file +Colorless,planeswalker/m15CPlaneswalker.png,Full-0-0-744-1039;Title Planeswalker-0-0-744-1039;Type Planeswalker-0-0-744-1039;Pinline Planeswalker-0-0-744-1039;Frame Planeswalker-0-0-744-1039;Loyalty Planeswalker-0-0-744-1039,Planeswalker +Dark Twins,planeswalker/darkTwins.png,Full-0-0-744-1039;Title Planeswalker-0-0-744-1039;Type Planeswalker-0-0-744-1039,Planeswalker +Border,masks/borderPlaneswalker.png,Full-0-0-744-1039;Border Planeswalker-0-0-744-1039,Planeswalker \ No newline at end of file diff --git a/data/versions/planeswalker.js b/data/versions/planeswalker.js index e63ce70b..2abaf684 100644 --- a/data/versions/planeswalker.js +++ b/data/versions/planeswalker.js @@ -57,7 +57,8 @@ if (!version.addedPlaneswalker) { Four:
For two-ability Planeswalkers only:
Use War of the Spark ability spacing
- Reverse War of the Spark ability spacing` + Reverse War of the Spark ability spacing
+ Dark ability boxes` document.getElementById("cardMenu").appendChild(planeswalkerTab) newCanvas("planeswalker"); var planeswalkerPlus = new Image() @@ -74,9 +75,21 @@ if (!version.addedPlaneswalker) { lightToDarkPlaneswalker.src = "data/images/planeswalker/abilityLineOdd.png" var darkToLightPlaneswalker = new Image() darkToLightPlaneswalker.crossOrigin = "anonymous"; - darkToLightPlaneswalker.onload = function() {planeswalkerAbilities()} + //darkToLightPlaneswalker.onload = function() {planeswalkerAbilities()} darkToLightPlaneswalker.src = "data/images/planeswalker/abilityLineEven.png" + var lightToDarkPlaneswalkerDarkened= new Image() + lightToDarkPlaneswalkerDarkened.crossOrigin = "anonymous"; + lightToDarkPlaneswalkerDarkened.src = "data/images/planeswalker/abilityLineOddDarkened.png" + var darkToLightPlaneswalkerDarkened = new Image() + darkToLightPlaneswalkerDarkened.crossOrigin = "anonymous"; + darkToLightPlaneswalkerDarkened.onload = function() {invertPlaneswalkerColors()} + darkToLightPlaneswalkerDarkened.src = "data/images/planeswalker/abilityLineEvenDarkened.png" setTimeout(planeswalkerAbilities, 1000); + //placeholders: + var darkColor = "#a4a4a4"; + var lightColor = "white"; + var planeswalkerLightToDark = new Image() + var planeswalkerDarkToLight = new Image() } m15PlaneswalkerBottomInfo() @@ -121,20 +134,20 @@ function planeswalkerTextFunction() { lastAdjust = 2 * cardHeight } if (i % 2 == 1) { - planeswalkerContext.fillStyle = "white" + planeswalkerContext.fillStyle = lightColor planeswalkerContext.globalAlpha = 0.608 planeswalkerContext.fillRect(scale(91), window["ability" + i + "Y"] + scale(10), scale(599), window["ability" + (i + 1) + "Y"] - window["ability" + i + "Y"] - scale(20) + lastAdjust) if (i == 1 && planeswalkerAbilityCount != 1) { planeswalkerContext.fillRect(scale(91), window["ability" + i + "Y"], scale(599), scale(10)) } planeswalkerContext.globalAlpha = 1 - planeswalkerContext.drawImage(lightToDarkPlaneswalker, scale(91), window["ability" + (i + 1) + "Y"] - scale(10) + lastAdjust, scale(599), scale(20)) + planeswalkerContext.drawImage(planeswalkerLightToDark, scale(91), window["ability" + (i + 1) + "Y"] - scale(10) + lastAdjust, scale(599), scale(20)) } else { - planeswalkerContext.fillStyle = "#a4a4a4" + planeswalkerContext.fillStyle = darkColor planeswalkerContext.globalAlpha = 0.706 planeswalkerContext.fillRect(scale(91), window["ability" + i + "Y"] + scale(10), scale(599), window["ability" + (i + 1) + "Y"] - window["ability" + i + "Y"] - scale(20) + lastAdjust) planeswalkerContext.globalAlpha = 1 - planeswalkerContext.drawImage(darkToLightPlaneswalker, scale(91), window["ability" + (i + 1)+ "Y"] - scale(10) + lastAdjust, scale(599), scale(20)) + planeswalkerContext.drawImage(planeswalkerDarkToLight, scale(91), window["ability" + (i + 1)+ "Y"] - scale(10) + lastAdjust, scale(599), scale(20)) } } planeswalkerContext.globalCompositeOperation = "destination-in" @@ -171,3 +184,17 @@ function changePlaneswalkerAbilityLayout() { } planeswalkerAbilities() } +function invertPlaneswalkerColors() { + if (document.getElementById("inputColorInvert").checked) { + darkColor = "#5b5b5b" + lightColor = "black" + planeswalkerLightToDark.src = lightToDarkPlaneswalkerDarkened.src + planeswalkerDarkToLight.src = darkToLightPlaneswalkerDarkened.src + } else { + darkColor = "#a4a4a4" + lightColor = "white" + planeswalkerLightToDark.src = lightToDarkPlaneswalker.src + planeswalkerDarkToLight.src = darkToLightPlaneswalker.src + } + planeswalkerAbilities(); +}