miniplane

This commit is contained in:
Kyle
2019-04-13 20:30:48 -07:00
parent cd11a8d559
commit 1589b567b7
9 changed files with 195 additions and 13 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@@ -0,0 +1,78 @@
//============================================//
// Miniplane Border //
//============================================//
//General Booleans
cardData.miracle = false
cardData.nyx = false
cardData.legendary = false
cardData.creature = false
cardData.rulesBox = false
cardData.pinline = false
cardData.titleTypeBoxes = false
cardData.rareStamp = false
//Specific Values
cardData.manaSymbolDirection = "none"
cardData.titleAlignment = "center"
cardData.titleX = cardWidth / 2
cardData.titleY = cheight(95)
cardData.titleFontSize = cwidth(42)
cardData.titleRight = cwidth(1000)
cardData.typeAlignment = "center"
cardData.typeX = cardWidth / 2
cardData.typeY = cheight(735)
cardData.typeFontSize = cwidth(32)
cardData.textX = cwidth(105)
cardData.textY = cheight(780)
cardData.textRight = cwidth(660)
cardData.setSymbolY = cheight(727)
cardData.setSymbolWidth = cwidth(55)
cardData.setSymbolHeight = cheight(33)
cardData.setSymbolX = cwidth(582)
cardData.watermarkWidth = cwidth(660)
cardData.watermarkHeight = cheight(210)
cardData.watermarkY = cheight(864)
cardData.cardArtX = cwidth(28)
cardData.cardArtY = cheight(46)
cardData.bottomInfoFunction = "bottomInfoPlanechase"
//Images
imgArtMask.load("data/borders/miniplane/imgArtMask.png")
imgFrameMask.load("data/borders/miniplane/imgFrameMask.png")
imgBorderMask.load("data/borders/miniplane/imgBorderMask.png")
//Loads the Colors
loadColors("white-White")
//Runs the things!
sectionTextFunction()
sectionFrameFunction()
sectionOtherFunction()
function bottomInfoPlanechase() {
var infoNumber = document.getElementById("inputInfoNumber").value
var infoRarity = document.getElementById("inputInfoRarity").value
var infoSet = document.getElementById("inputInfoSet").value
var infoLanguage = document.getElementById("inputInfoLanguage").value
var infoArtist = document.getElementById("inputInfoArtist").value
var infoCopyright = "CC \u2014 " + document.getElementById("inputInfoCopyright").value
if (infoCopyright == "CC \u2014 secretcode") {
var date = new Date()
var year = date.getFullYear()
infoCopyright = "\u2122 & \u00a9 " + year + " Wizards of the Coast"
} else if (infoCopyright == "CC \u2014 ") {
infoCopyright = ""
}
var infoNumberSetLanguage = infoNumber + " " + infoSet + " \u00b7 " + infoLanguage + " "
textContext.fillStyle = "white"
textContext.font = cheight(15) + "px gothammedium"
var infoNumberSetLanguageWidth = textContext.measureText(infoNumberSetLanguage).width
textContext.font = cheight(16) + "px mplantin"
var infoCopyrightWidth = textContext.measureText(infoCopyright).width
var bottomLineStart = cardWidth / 2 - (infoNumberSetLanguageWidth + infoCopyrightWidth) / 2
textContext.fillText(infoCopyright, bottomLineStart + infoNumberSetLanguageWidth, cheight(1029))
textContext.font = cheight(15) + "px gothammedium"
textContext.fillText(infoNumberSetLanguage, bottomLineStart, cheight(1029))
textContext.font = cheight(19) + "px belerenbsc"
var infoArtistStart = cardWidth / 2 - (textContext.measureText(infoArtist).width + cwidth(23)) / 2
imgArtistBrush.load("none", infoArtistStart, cheight(995), cwidth(21), cheight(13))
textContext.mask(imgArtistBrush, "none", textContext.fillStyle)
textContext.fillText(infoArtist, infoArtistStart + cwidth(23), cheight(1008))
drawCard()
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

@@ -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
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 376 KiB