diff --git a/data/borders/miniPlane/artMask.png b/data/borders/miniPlane/artMask.png new file mode 100644 index 00000000..8f85ffde Binary files /dev/null and b/data/borders/miniPlane/artMask.png differ diff --git a/data/borders/miniPlane/border.js b/data/borders/miniPlane/border.js new file mode 100644 index 00000000..c9119b37 --- /dev/null +++ b/data/borders/miniPlane/border.js @@ -0,0 +1,90 @@ +//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 +} \ No newline at end of file diff --git a/data/borders/miniPlane/borderMask.png b/data/borders/miniPlane/borderMask.png new file mode 100644 index 00000000..f2b96842 Binary files /dev/null and b/data/borders/miniPlane/borderMask.png differ diff --git a/data/borders/miniPlane/frameMask.png b/data/borders/miniPlane/frameMask.png new file mode 100644 index 00000000..1130a56d Binary files /dev/null and b/data/borders/miniPlane/frameMask.png differ diff --git a/data/borders/miniPlane/white/frame.png b/data/borders/miniPlane/white/frame.png new file mode 100644 index 00000000..b5b221cb Binary files /dev/null and b/data/borders/miniPlane/white/frame.png differ diff --git a/index.html b/index.html index 4d7a4b87..f769b982 100644 --- a/index.html +++ b/index.html @@ -93,6 +93,7 @@ +