unhinged

data/images/unhinged/unhingedCSV.csv

@@ -0,0 +1,8 @@
+displayName,imagePath,maskOptions,framePickerOptions
+White,unhinged/unhingedWFull.png,Full-0-0-744-1039;Title Unhinged-0-0-744-1039;Pinline Unhinged-0-0-744-1039;Border Unhinged-0-0-744-1039,Unhinged
+Blue,unhinged/unhingedUFull.png,Full-0-0-744-1039;Title Unhinged-0-0-744-1039;Pinline Unhinged-0-0-744-1039;Border Unhinged-0-0-744-1039,Unhinged
+Black,unhinged/unhingedBFull.png,Full-0-0-744-1039;Title Unhinged-0-0-744-1039;Pinline Unhinged-0-0-744-1039;Border Unhinged-0-0-744-1039,Unhinged
+Red,unhinged/unhingedRFull.png,Full-0-0-744-1039;Title Unhinged-0-0-744-1039;Pinline Unhinged-0-0-744-1039;Border Unhinged-0-0-744-1039,Unhinged
+Green,unhinged/unhingedGFull.png,Full-0-0-744-1039;Title Unhinged-0-0-744-1039;Pinline Unhinged-0-0-744-1039;Border Unhinged-0-0-744-1039,Unhinged
+Multicolored,unhinged/unhingedMFull.png,Full-0-0-744-1039;Title Unhinged-0-0-744-1039;Pinline Unhinged-0-0-744-1039;Border Unhinged-0-0-744-1039,Unhinged
+Colorless,unhinged/unhingedCFull.png,Full-0-0-744-1039;Title Unhinged-0-0-744-1039;Pinline Unhinged-0-0-744-1039;Border Unhinged-0-0-744-1039,Unhinged

data/scripts/main.js

@@ -282,11 +282,11 @@ function cardImageUpdated() {
     if (version.currentVersion == "planeswalker") {
         cardFinalContext.drawImage(planeswalkerCanvas, 0, 0, cardWidth, cardHeight);
     }
-	cardFinalContext.drawImage(textCanvas, 0, 0, cardWidth, cardHeight);
-	cardFinalContext.drawImage(bottomInfoCanvas, 0, 0, cardWidth, cardHeight);
-	cardFinalContext.drawManaCost(document.getElementById("inputManaCost").value, version.manaCostX, version.manaCostY, version.manaCostDiameter, version.manaCostDistance, version.manaCostDirection)
     cardFinalContext.drawImage(watermarkCanvas, 0, 0, cardWidth, cardHeight)
+	cardFinalContext.drawImage(bottomInfoCanvas, 0, 0, cardWidth, cardHeight);
+    cardFinalContext.drawImage(textCanvas, 0, 0, cardWidth, cardHeight);
 	cardFinalContext.drawImage(setSymbolCanvas, 0, 0, cardWidth, cardHeight)
+    cardFinalContext.drawManaCost(document.getElementById("inputManaCost").value, version.manaCostX, version.manaCostY, version.manaCostDiameter, version.manaCostDistance, version.manaCostDirection)
 	//Clear the corners
 	cardFinalContext.globalCompositeOperation = "destination-out"
 	cardFinalContext.drawImage(maskList[1], 0, 0, cardWidth, cardHeight)

data/versions/unhinged.js

@@ -0,0 +1,44 @@
+//============================================//
+//       Card Conjurer, by Kyle Burton        //
+//============================================//
+version.currentVersion = "unhinged"
+version.artX = scale(58)
+version.artY = scale(118)
+version.setSymbolRight = scale(684)
+version.setSymbolVertical = scale(614)
+version.setSymbolWidth = scale(90)
+version.setSymbolHeight = scale(40)
+version.bottomInfoFunction = "unhingedBottomInfo"
+version.manaCostX = scale(653)
+version.manaCostY = scale(60)
+version.manaCostDiameter = scale(34)
+version.manaCostDistance = scale(-38)
+version.manaCostDirection = "horizontal"
+version.watermarkWidth = scale(520)
+version.watermarkHeight = scale(250)
+version.watermarkY = scale(800)
+version.masksToAdd = ["Title Unhinged", "Pinline Unhinged", "Frame Unhinged", "Border Unhinged"]
+filterFramePicker("frameClassUnhinged")
+//Name, text, x, y, width, height, font, size, color, other
+version.textList = [
+	["Title", "", scale(280), scale(56), scale(174), 0, "belerenb", 37, "black", "oneLine=true,textAlign='center'"],/*,
+	["Flip PT", "", scale(588), scale(902), scale(100), 0, "belerenb", 28, "#666", "oneLine=true,textAlign='right'"]*/
+]
+
+function unhingedBottomInfo() {
+	//remember to ctrl+f for 'artistBrushWidth' and adjust that when fixing these values!
+	bottomInfoContext.clearRect(0, 0, cardWidth, cardHeight)
+	bottomInfoContext.writeText(document.getElementById("inputInfoNumber").value + " " + document.getElementById("inputInfoRarity").value + " *Not For Sale*", scale(46), scale(980), scale(329), 0, "gothammedium", 17, "white", "oneLine=true")
+	bottomInfoContext.writeText(document.getElementById("inputInfoSet").value + "  \u2022  " + document.getElementById("inputInfoLanguage").value + "  {font:belerenbsc}{artistBrush}{fontsize1}" + document.getElementById("inputInfoArtist").value, scale(46), scale(1000), scale(375), 0, "gothammedium", 17, "white", "oneLine=true")
+	var copyrightShift = 0;
+	for (var i = 0; i < cardMaster.children.length; i++) {
+		if (parseInt(cardMaster.children[i].id.replace("frameIndex", "")) != -1 && frameList[parseInt(cardMaster.children[i].id.replace("frameIndex", ""))].image.src.includes("PT")) {
+			copyrightShift = 19;
+		}
+	}
+	bottomInfoContext.writeText("\u2122 & \u00a9 " + date.getFullYear() + " Wizards of the Coast", cardWidth / 2, scale(980 + copyrightShift), scale(322), 0, "mplantin", 17, "white", "oneLine=true,textAlign='right'")
+	cardImageUpdated()
+}
+// setTimeout(m15BottomInfo, 250)
+
+finishChangingVersion("data/images/unhinged/unhingedCSV.csv")

index.html

@@ -128,6 +128,7 @@
                         </div>
                         <button onclick="changeVersionTo('planeswalker')" class="button">Planeswalker</button>
                         <button onclick="changeVersionTo('expedition')" class="button">Expeditions</button>
+                        <button onclick="changeVersionTo('unhinged')" class="button">Unhinged Basics</button>
                         <button onclick="changeVersionTo('m15extras')" class="button">M15 Extras</button>
                         <div class="bar"></div>
                         <input type="checkbox" class="checkbox" id="inputCheckboxHideFrames" checked onchange="toggleFrameOptionVisibility()">Hide unrelated frames<br>