Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

pw

Browse Source
This commit is contained in:
Kyle
2019-04-11 20:31:16 -07:00
parent c1c7216044
commit ff35dbc688
9 changed files with 3 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
data/borders/planeswalker/artMask.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.6 KiB

8
data/borders/planeswalker/border.js
View File

@@ -5,12 +5,9 @@
cardData.miracle = false
cardData.nyx = false
cardData.legendary = false
// cardData.creature = false
// cardData.rulesBox = false
cardData.rareStamp = false
//Specific Values
cardData.textX = cwidth(134)
cardData.textY = cheight(656)
cardData.textY = cheight(687)
cardData.textRight = cwidth(682)
cardData.cardArtX = cwidth(52)
cardData.cardArtY = cheight(106)
@@ -32,7 +29,8 @@ cardData.setSymbolRight = cwidth(695)
//Images
imgPowerToughness.load("data/borders/planeswalker/white/pt.png")
imgArtMask.load("data/borders/planeswalker/imgArtMask.png")
// imgFrameMask.load("data/borders/fullArtLandM15/imgFrameMask.png")
imgFrameMask.load("data/borders/planeswalker/imgFrameMask.png")
imgBorderMask.load("data/borders/planeswalker/imgBorderMask.png")
imgPinlineMask.load("data/borders/planeswalker/imgPinlineMask.png")
imgTitleMask.load("data/borders/planeswalker/imgTitleMask.png")
imgTypeMask.load("data/borders/planeswalker/imgTypeMask.png")

BIN
data/borders/planeswalker/borderMask.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

BIN
data/borders/planeswalker/frameMask.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.3 KiB

BIN
data/borders/planeswalker/imgBorderMask.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
data/borders/planeswalker/imgFrameMask.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
data/borders/planeswalker/multiGradient.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

BIN
data/borders/planeswalker/multiMask.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

145
data/borders/planeswalker/old.js
View File

@@ -1,145 +0,0 @@
//Planeswalker Border
//Anything to do with...
//Loading Images
imgMultiGradient.src = borderPath + "multiGradient.png"
imgMultiMask.src = borderPath + "multiMask.png"
imgFrameMask.src = borderPath + "frameMask.png"
imgRareStampMask.src = borderPath + "rareStampMask.png"
imgBorderMask.src = borderPath + "borderMask.png"
imgAbilityLineOdd.src = borderPath + "abilityLineOdd.png"
imgAbilityLineEven.src = borderPath + "abilityLineEven.png"
document.getElementById("textSize").value = 33
document.getElementById("inputCreatureColor").value = "#ffffff"
//Card Title
var titleFont = "40px belerenb" //40
var titleFontSpacing = "-0.1px" //-0.1
var titleX = 62 //62
var titleY = 48 //48
//Mana Cost
var manaCostRadius = 17.5 //17.5
var manaCostX = 657 //657
var manaCostY = 46 //46
//Card Type
var typeFont = "33.5px belerenb" //33.5
var typeFontSpacing = "0.05px" //0.05
var typeX = 62 //62
var typeY = 602 //602
//Rules/Flavor Text
var textFont = "px mplantin"
var textFontSpacing = -0.4 //-0.4
var textX = 134 //134
var textY = 656 //656
var textWidth = 682 //682
//Power Toughness
var ptFont = "39px belerenb" //39
var ptFontSpacing = "0.3px" //0.3
var ptTextX = 655 //655
var ptTextY = 940 //940
imgBorderCreature.imgValues(598, 920, 118, 75)
//Bottom Info
var infoY = 999 //993
//Set Symbol
var setSymbolY = 615 //615
var setSymbolRight = 695 //695
var setSymbolWidth = 90 //90
var setSymbolHeight = 42 //42
//Watermark
var watermarkWidth = 520 //520
var watermarkHeight = 250 //250
var watermarkY = 805 //805
//Rare Stamp
var rareStampY = 955 //955
//Color Options
loadColors("white-White,blue-Blue,black-Black,red-Red,green-Green,gold-Gold,colorless-Colorless,artifact-Artifact")
document.getElementById("secondColorSelection").innerHTML = document.getElementById("colorSelection").innerHTML
document.getElementById("thirdColorSelection").innerHTML = document.getElementById("colorSelection").innerHTML
//"Being a Planeswalker is being able to do what a card do"
// —Unknown AP English Student
stampBorder = true
var artX = 52
var artY = 106
//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 = "planeswalkerCustomFunction"
function planeswalkerCustomFunction() {
//Bottom info is important
bottomInfoM15()
//But now it has to draw/write the loyalty things!
var abilityLineY = 650
for (i = 0; i < abilityLines.length; i ++) {
var loyaltyValue = document.getElementById("abilityValue" + i).value
if (loyaltyValue != "") {
card.fillStyle = "white"
card.textAlign = "center"
card.font = "31px belerenbsc"
if (loyaltyValue.charAt(0) == "-") {
card.drawImage(manaSymbolImages[58], 34, abilityLineY + abilityLines[i] / 2 - 28, 84, 64)
card.fillText(loyaltyValue, 76, abilityLineY + abilityLines[i] / 2 - 17 + textBaselineShift[0] * card.font.split("px")[0])
} else if (loyaltyValue.charAt(0) == "+") {
card.drawImage(manaSymbolImages[59], 34, abilityLineY + abilityLines[i] / 2 - 38, 82, 62)
card.fillText(loyaltyValue, 74, abilityLineY + abilityLines[i] / 2 - 19 + textBaselineShift[0] * card.font.split("px")[0])
} else {
card.drawImage(manaSymbolImages[60], 34, abilityLineY + abilityLines[i] / 2 - 28, 82, 56)
card.fillText(loyaltyValue, 74, abilityLineY + abilityLines[i] / 2 - 16 + textBaselineShift[0] * card.font.split("px")[0])
}
card.font = "37px mplantin"
card.fillStyle = "black"
card.fillText(":", 124, abilityLineY + abilityLines[i] / 2 - 23 + textBaselineShift[0] * card.font.split("px")[0])
}
abilityLineY += abilityLines[i]
}
}
var savedFrameMask = new Image()
savedFrameMask.src = borderPath + "frameMask.png"
var abilityLineCanvas = document.createElement("canvas")
abilityLineCanvas.width = cardWidth
abilityLineCanvas.height = cardHeight
var abilityLineContext = abilityLineCanvas.getContext("2d")
var abilityLines = []
function planeswalkerAbilityLines() {
abilityLines = []
if (document.getElementById("abilityLine1").value > 0) {abilityLines[abilityLines.length] = parseInt(document.getElementById("abilityLine1").value)}
if (document.getElementById("abilityLine2").value > 0) {abilityLines[abilityLines.length] = parseInt(document.getElementById("abilityLine2").value)}
if (document.getElementById("abilityLine3").value > 0) {abilityLines[abilityLines.length] = parseInt(document.getElementById("abilityLine3").value)}
if (document.getElementById("abilityLine4").value > 0) {abilityLines[abilityLines.length] = parseInt(document.getElementById("abilityLine4").value)}
abilityLineContext.clearRect(0, 0, cardWidth, cardHeight)
var abilityLineY = 645
for (i = 0; i < abilityLines.length; i ++) {
if (i == abilityLines.length - 1) {
// abilityLines[i] += cardHeight - abilityLines[i]
if (i % 2 === 0) {
abilityLineContext.fillStyle = "#95959595"
} else {
abilityLineContext.fillStyle = "#6a6a6a6a"
}
abilityLineContext.fillRect(50, abilityLineY + 5, cardWidth - 100, cardHeight - abilityLineY - 90)
} else {
if (i % 2 === 0) {
abilityLineContext.fillStyle = "#95959595"
abilityLineContext.drawImage(imgAbilityLineOdd, 93, abilityLineY + abilityLines[i] - 5, 596, 10)
} else {
abilityLineContext.fillStyle = "#6a6a6a6a"
abilityLineContext.drawImage(imgAbilityLineEven, 93, abilityLineY + abilityLines[i] - 5, 596, 10)
}
abilityLineContext.fillRect(50, abilityLineY + 5, cardWidth - 100, abilityLines[i] - 10)
}
abilityLineY += abilityLines[i]
}
abilityLineContext.clearRect(0, 0, 93, cardHeight)
abilityLineContext.drawImage(savedFrameMask, 0, 0, cardWidth, cardHeight)
imgFrameMask.src = abilityLineCanvas.toDataURL()
imgFrameMask.hasToLoad = true
}
imgFrameMask.onload = function() {
if (imgFrameMask.hasToLoad == true) {
imgFrameMask.hasToLoad = false
createBorder()
}
}
//Reveals the planeswalker card manipulation menu section
document.getElementById("cmmPlaneswalker").style.display = "block"
//After a second the first ability lines will be generated
setTimeout(function(){if (document.getElementById("borderSelection").value == "planeswalker/") {planeswalkerAbilityLines()}}, 1000)