Add files via upload

This commit is contained in:
Kyle
2018-08-29 15:52:04 -07:00
committed by GitHub
parent d18c25a134
commit afacceb0e9

View File

@@ -5,7 +5,8 @@
<script src="data/scripts/loadScript.js"></script> <script src="data/scripts/loadScript.js"></script>
<script src="data/scripts/loadImage.js"></script> <script src="data/scripts/loadImage.js"></script>
<script src="data/scripts/loadColors.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>
<div class="title">CardForge</div> <div class="title">CardForge</div>
</head> </head>
<!-- <img src="data/background.png"></img> --> <!-- <img src="data/background.png"></img> -->
@@ -113,8 +114,15 @@
</div> </div>
<div class="toggle" onclick="toggleVisibility('setSymbolWatermark', this, 'toggleShown', 'hidden', 'shown')">Set Symbol and Watermark</div> <div class="toggle" onclick="toggleVisibility('setSymbolWatermark', this, 'toggleShown', 'hidden', 'shown')">Set Symbol and Watermark</div>
<div class="setSymbolWatermark hidden"> <div class="setSymbolWatermark hidden">
<input type="checkbox" id="setSymbolCheckbox" checked="true"></input> <input type="checkbox" id="setSymbolCheckbox" checked="true">Set Symbol</input>
Set Symbol <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> <input type="file" accept="image/*" onchange="loadImage(event, imgSetSymbol, true)" id="inputSetSymbol"></input>
<br/> <br/>
Scale Set Symbol Scale Set Symbol
@@ -406,10 +414,12 @@ for (var i = 0; i < manaSymbolCode.length; i++) {
if (document.getElementById(manaSymbolCode[i]) != null) { if (document.getElementById(manaSymbolCode[i]) != null) {
document.getElementById(manaSymbolCode[i]).src = "data/manaSymbols/" + i + ".png" document.getElementById(manaSymbolCode[i]).src = "data/manaSymbols/" + i + ".png"
} }
} }
//load first set symbol
loadSetSymbol()
//fill second watermark dropdown menu //fill second watermark dropdown menu
document.getElementById("secondWatermarkColorSelection").innerHTML = document.getElementById("watermarkColorSelection").innerHTML document.getElementById("secondWatermarkColorSelection").innerHTML = document.getElementById("watermarkColorSelection").innerHTML
//Runs ten times every second (main loop) //Runs ten times every second (main loop)
updateBorder() updateBorder()
@@ -716,7 +726,7 @@ function rulesText(text, x, y) {
if (extraSpace == true) { if (extraSpace == true) {
xShift += 2 xShift += 2
} }
card.drawImage(manaSymbolImages[manaSymbolCode.indexOf(words[n].substring(words[n].indexOf("<") + 1, words[n].indexOf(">")))], x + xShift + textSize * 0.054, y + textSize * 0.2, textSize * 0.77, textSize * 0.77) card.drawImage(manaSymbolImages[manaSymbolCode.indexOf(words[n].substring(words[n].indexOf("<") + 1, words[n].indexOf(">")))], x + xShift + textSize * 0.054, y + textSize * 0.11, textSize * 0.77, textSize * 0.77)
xShift += textSize * 0.84 xShift += textSize * 0.84
words[n] = words[n].slice(words[n].indexOf(">") + 1, words[n].length) words[n] = words[n].slice(words[n].indexOf(">") + 1, words[n].length)
extraSpace = true extraSpace = true
@@ -762,6 +772,12 @@ function toggleVisibility(targetClass, self, selfClass, hiddenClass, shownClass)
elementList[i].classList.toggle(hiddenClass) elementList[i].classList.toggle(hiddenClass)
elementList[i].classList.toggle(shownClass) elementList[i].classList.toggle(shownClass)
} }
}
//runs the autocrop function for the chosen set symbol
function loadSetSymbol() {
var setSymbolURL = "http://gatherer.wizards.com/Handlers/Image.ashx?type=symbol&set=" + document.getElementById("setSymbolCode").value + "&size=large&rarity=" + document.getElementById("setSymbolRarity").value
autocrop(setSymbolURL, imgSetSymbol)
} }
</script> </script>
<html> <html>