mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-26 21:04:58 -05:00
Update CardConjurer.html
This commit is contained in:
@@ -1,13 +1,13 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>CardForge - Custom Magic Card Maker</title>
|
||||
<title>Card Conjurer - Custom Magic Card Maker</title>
|
||||
<script src="data/scripts/loadScript.js"></script>
|
||||
<script src="data/scripts/loadImage.js"></script>
|
||||
<script src="data/scripts/loadColors.js"></script>
|
||||
<script src="data/scripts/mask.js"></script>
|
||||
<script src="data/scripts/mask.js"></script>
|
||||
<!--<script src="data/scripts/autocrop.js"></script> This is no longer required, but possibly could be in the future -->
|
||||
<div class="title">CardForge</div>
|
||||
<div class="title">Card Conjurer</div>
|
||||
</head>
|
||||
<!-- <img src="data/background.png"></img> -->
|
||||
<body>
|
||||
@@ -114,13 +114,13 @@
|
||||
</div>
|
||||
<div class="toggle" onclick="toggleVisibility('setSymbolWatermark', this, 'toggleShown', 'hidden', 'shown')">Set Symbol and Watermark</div>
|
||||
<div class="setSymbolWatermark hidden">
|
||||
<input type="checkbox" id="setSymbolCheckbox" checked="true">Set Symbol</input>
|
||||
<br>
|
||||
Set Code
|
||||
<input type="text" onchange="loadSetSymbol()" value="HM" id="setSymbolCode"></input>
|
||||
<br>
|
||||
Set Symbol Rarity
|
||||
<input type="text" onchange="loadSetSymbol()" value="C" id="setSymbolRarity"></input>
|
||||
<input type="checkbox" id="setSymbolCheckbox" checked="true">Set Symbol</input>
|
||||
<br>
|
||||
Set Code
|
||||
<input type="text" onchange="loadSetSymbol()" value="HM" id="setSymbolCode"></input>
|
||||
<br>
|
||||
Set Symbol Rarity
|
||||
<input type="text" onchange="loadSetSymbol()" value="C" id="setSymbolRarity"></input>
|
||||
<br>
|
||||
Custom Set Symbol
|
||||
<input type="file" accept="image/*" onchange="loadImage(event, imgSetSymbol, true)" id="inputSetSymbol"></input>
|
||||
@@ -231,7 +231,7 @@
|
||||
<br/><br/><br/><br/><br/><br/><br/> <!-- Not quite sure why I needed so many linebreaks here! -->
|
||||
When selecting the card's color, use 'Second Color' for hybrid cards, and 'Third Color' for non-hybrid two-colored cards.
|
||||
</div>
|
||||
<div class="info">For Terms of Use and Disclaimer, see <a href="https://github.com/ImKyle4815/CardForge" target="_blank">the Github page</a>.</div>
|
||||
<div class="info">For Terms of Use and Disclaimer, see <a href="https://github.com/ImKyle4815/CardConjurer" target="_blank">the Github page</a>.</div>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -414,12 +414,12 @@ for (var i = 0; i < manaSymbolCode.length; i++) {
|
||||
if (document.getElementById(manaSymbolCode[i]) != null) {
|
||||
document.getElementById(manaSymbolCode[i]).src = "data/manaSymbols/" + i + ".png"
|
||||
}
|
||||
}
|
||||
//load first set symbol
|
||||
}
|
||||
//load first set symbol
|
||||
loadSetSymbol()
|
||||
//fill second watermark dropdown menu
|
||||
document.getElementById("secondWatermarkColorSelection").innerHTML = document.getElementById("watermarkColorSelection").innerHTML
|
||||
|
||||
|
||||
|
||||
//Runs ten times every second (main loop)
|
||||
updateBorder()
|
||||
@@ -653,14 +653,14 @@ function bottomInfoM15() {
|
||||
if (445 < artistBrushShift + 21 + card.measureText(document.getElementById("inputArtist").value).width && document.getElementById("creatureCheckbox").checked == true) {
|
||||
shiftInfo = artistBrushShift + card.measureText(document.getElementById("inputArtist").value).width + 26
|
||||
}
|
||||
//This is where "CF —" is hardcoded. The only reason is to prevent users from easily typing in the trademark and copyright that's usually on real cards. It's also there so I can see if a card was created with my program, it makes me feel good :)
|
||||
//This is where "CC —" is hardcoded. The only reason is to prevent users from easily typing in the trademark and copyright that's usually on real cards. It's also there so I can see if a card was created with my program, it makes me feel good :)
|
||||
if (document.getElementById("inputInfo").value != "") {
|
||||
canvas.style.letterSpacing = "0px"
|
||||
card.font = "17px mplantin"
|
||||
if (document.getElementById("creatureCheckbox").checked == true) {
|
||||
card.fillText("CF \u2014 " + document.getElementById("inputInfo").value, shiftInfo, m15InfoY + 3)
|
||||
card.fillText("CC \u2014 " + document.getElementById("inputInfo").value, shiftInfo, m15InfoY + 3)
|
||||
} else {
|
||||
card.fillText("CF \u2014 " + document.getElementById("inputInfo").value, shiftInfo, m15InfoY - 17)
|
||||
card.fillText("CC \u2014 " + document.getElementById("inputInfo").value, shiftInfo, m15InfoY - 17)
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -676,7 +676,7 @@ function bottomInfo8th() {
|
||||
card.fillText(document.getElementById("inputArtist").value, 116, eighthInfoY)
|
||||
canvas.style.letterSpacing = "0.5px"
|
||||
card.font = "16px mplantin"
|
||||
card.fillText("CF \u2014 " + document.getElementById("inputInfo").value + " " + document.getElementById("inputNumber").value, 62, eighthInfoY + 31)
|
||||
card.fillText("CC \u2014 " + document.getElementById("inputInfo").value + " " + document.getElementById("inputNumber").value, 62, eighthInfoY + 31)
|
||||
}
|
||||
|
||||
//Write rules and flavor text
|
||||
@@ -772,11 +772,11 @@ function toggleVisibility(targetClass, self, selfClass, hiddenClass, shownClass)
|
||||
elementList[i].classList.toggle(hiddenClass)
|
||||
elementList[i].classList.toggle(shownClass)
|
||||
}
|
||||
}
|
||||
|
||||
//runs the autocrop function for the chosen set symbol
|
||||
function loadSetSymbol() {
|
||||
imgSetSymbol.src = "https://raw.githubusercontent.com/ImKyle4815/MTG-Set-Symbols/master/setSymbols/" + document.getElementById("setSymbolCode").value.toUpperCase() + "_" + document.getElementById("setSymbolRarity").value.toUpperCase() + ".png"
|
||||
}
|
||||
|
||||
//runs the autocrop function for the chosen set symbol
|
||||
function loadSetSymbol() {
|
||||
imgSetSymbol.src = "https://raw.githubusercontent.com/ImKyle4815/MTG-Set-Symbols/master/setSymbols/" + document.getElementById("setSymbolCode").value.toUpperCase() + "_" + document.getElementById("setSymbolRarity").value.toUpperCase() + ".png"
|
||||
}
|
||||
</script>
|
||||
<html>
|
||||
|
Reference in New Issue
Block a user