//Mini Plane Border //Anything to do with... //Loading Images imgFrameMask.src = borderPath + "frameMask.png" imgBorderMask.src = borderPath + "borderMask.png" //Card Size //Card Title var titleFont = cardHeight * 0.04 + "px belerenb" //34 var titleFontSpacing = cardWidth * 0.00014 + "px" //0.15 var titleX = cardWidth * 0.5000 //522 var titleY = cardHeight * 0.0614 //46 var titleAlign = "center" //Mana Cost var manaCostRadius = 0 var manaCostX = 0 var manaCostY = 0 //Card Type var typeFont = cardHeight * 0.03 + "px belerenb" //26 var typeFontSpacing = "0px" //0 var typeX = cardWidth * 0.5000 //522 var typeY = cardHeight * 0.675 //508 var typeAlign = "center" //Rules/Flavor Text var textFont = "px mplantin" var textFontSpacing = cardWidth * 0.0002 //0.2 var textX = cardWidth * 0.14 //124 var textY = cardHeight * 0.7223 //541 var textWidth = cardWidth * 0.87 //925 //Set Symbol var setSymbolY = cardHeight * 0.6929 //519 var setSymbolRight = cardWidth * 0.776 //814 var setSymbolWidth = cardWidth * 0.0402 //42 var setSymbolHeight = cardHeight * 0.0320 //24 //Watermark var watermarkWidth = cardWidth * 0.8787 //920 var watermarkHeight = cardHeight * 0.2000 //150 var watermarkY = cardHeight * 0.8225 //616 //Color Options loadColors("white-Regular") document.getElementById("secondColorSelection").innerHTML = document.getElementById("colorSelection").innerHTML document.getElementById("thirdColorSelection").innerHTML = document.getElementById("colorSelection").innerHTML //Other var creatureBorder = false var thirdBorder = false var secondBorder = false var artX = cardWidth * 0.0316 //33 var artY = cardHeight * 0.0441 //33 transparentBorder = true //With all the new values in place, the program will update it's border images finishTemplate() //Any special functions go at the bottom var uniqueFunctionName = "bottomInfoPlanechase" function bottomInfoPlanechase() { card.textAlign = "left" card.fillStyle = document.getElementById("inputInfoColor").value var bottomLineFirst = document.getElementById("inputNumber").value + " " + document.getElementById("inputSet").value + " \u00b7 " + document.getElementById("inputLanguage").value var bottomLineSecond = document.getElementById("inputInfo").value if (bottomLineSecond != "") { if (bottomLineSecond == "secretcode") { var date = new Date() var year = date.getFullYear() bottomLineSecond = "\u2122 & \u00a9 " + year + " Wizards of the Coast" } else { bottomLineSecond = "CC \u2014 " + document.getElementById("inputInfo").value } } var artist = document.getElementById("inputArtist").value //Artist canvas.style.letterSpacing = cardWidth * -0.0002 + "px" //-0.2 card.font = "20px matrixbsc" //16 var artistLineWidth = (card.measureText(artist).width + cardWidth * 0.01724) / 2 //18 imgArtistBrush.imgValues(cardWidth / 2 - artistLineWidth, cardHeight * 0.9455, cardWidth * 0.0285, cardHeight * 0.013) card.mask("imgArtMask,source-over", imgArtistBrush, card.fillStyle) card.fillText(artist, cardWidth / 2 - artistLineWidth + cardWidth * 0.028, cardHeight * 0.9445 + textBaselineShift[0] * card.font.split("px")[0]) //18, 710 //Left and Right side canvas.style.letterSpacing = "0px" card.font = cardHeight * 0.016 + "px relaymedium" //14 var firstWidth = card.measureText(bottomLineFirst).width + cardWidth * 0.0144 //15 canvas.style.letterSpacing = cardWidth * -0.0007 + "px" //-0.7 card.font = cardHeight * 0.016 + "px mplantin" //14 var secondWidth = card.measureText(bottomLineSecond).width canvas.style.letterSpacing = "0px" card.font = cardHeight * 0.016 + "px relaymedium" //14 card.fillText(bottomLineFirst, cardWidth / 2 - ((secondWidth + firstWidth) / 2) - cardWidth * 0.0077, cardHeight * 0.9666 + textBaselineShift[0] * card.font.split("px")[0]) //8, 724 canvas.style.letterSpacing = cardWidth * -0.0007 + "px" //-0.7 card.font = cardHeight * 0.016 + "px mplantin" //14 card.fillText(bottomLineSecond, cardWidth / 2 - ((secondWidth + firstWidth) / 2) + firstWidth - cardWidth * 0.0077, cardHeight * 0.9666 + textBaselineShift[0] * card.font.split("px")[0]) //8, 724 }