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();
+}