mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-27 05:14:53 -05:00
artifact
This commit is contained in:
@@ -16,6 +16,7 @@ var creatureBorder = true
|
||||
var thirdBorder = true
|
||||
var secondBorder = true
|
||||
var transparentBorder = false
|
||||
var artifactBorder = false
|
||||
//Shifted text
|
||||
titleRightShift = 0
|
||||
typeRightShift = 0
|
||||
|
@@ -64,6 +64,7 @@ imgBorderFlipCircle.imgValues(26, 44, 78, 71)
|
||||
imgBorderFlippedDark.imgValues(44, 50, 661, 915, "imgSecondBorderFlippedDark")
|
||||
imgBorderFlipTip.imgValues(685, 877, 36, 48)
|
||||
stampBorder = true
|
||||
artifactBorder = true
|
||||
//With all the new values in place, the program will update it's border images
|
||||
finishTemplate()
|
||||
//Any special functions go at the bottom
|
||||
|
@@ -31,7 +31,7 @@ for (var i = 0; i < imgListTemplate.length; i ++) {
|
||||
}
|
||||
|
||||
//Load border images (images that are determined by border settings)
|
||||
var imgListBorder = ["borderColor", "secondBorderColor", "thirdBorderColor", "borderCreature", "borderLegendary", "secondBorderLegendary", "borderRareStamp", "secondBorderRareStamp", "borderNyx", "secondBorderNyx", "borderMiracle", "secondBorderMiracle", "borderFlipIcon", "borderFlipCircle", "borderFlipTip", "borderFlippedDark", "secondBorderFlippedDark"]
|
||||
var imgListBorder = ["borderColor", "secondBorderColor", "thirdBorderColor", "artifactBorderColor", "borderCreature", "borderLegendary", "secondBorderLegendary", "borderRareStamp", "secondBorderRareStamp", "borderNyx", "secondBorderNyx", "borderMiracle", "secondBorderMiracle", "borderFlipIcon", "borderFlipCircle", "borderFlipTip", "borderFlippedDark", "secondBorderFlippedDark"]
|
||||
for (var i = 0; i < imgListBorder.length; i ++) {
|
||||
var imgName = "img" + imgListBorder[i].charAt(0).toUpperCase() + imgListBorder[i].slice(1)
|
||||
window[imgName] = new Image()
|
||||
@@ -177,6 +177,9 @@ function updateBorder() {
|
||||
imgBorderColor.src = firstColorPath + "/frame.png"
|
||||
imgSecondBorderColor.src = secondColorPath + "/frame.png"
|
||||
imgThirdBorderColor.src = thirdColorPath + "/frame.png"
|
||||
if (artifactBorder == true) {
|
||||
imgArtifactBorderColor.src = borderPath + "artifact/frame.png"
|
||||
}
|
||||
if (document.getElementById("checkboxFlippedDark").checked == true && flipBorder == true) {
|
||||
altframe = "dark"
|
||||
} else {
|
||||
@@ -200,7 +203,9 @@ function updateBorder() {
|
||||
imgSecondBorderRareStamp.src = secondColorPath + "/stamp.png"
|
||||
}
|
||||
if (nyxBorder == true) {
|
||||
if (thirdColor == true) {
|
||||
if (artifactBorder == true && document.getElementById("checkboxArtifact").checked == true) {
|
||||
imgBorderNyx.src = borderPath + "artifact/nyx.png"
|
||||
} else if (thirdColor == true) {
|
||||
imgBorderNyx.src = thirdColorPath + "/nyx.png"
|
||||
} else {
|
||||
imgBorderNyx.src = firstColorPath + "/nyx.png"
|
||||
@@ -264,9 +269,12 @@ function createBorder() {
|
||||
if (thirdColor == true && thirdBorder == true) {
|
||||
border.mask("imgMultiMask,source-over;imgFrameMask,source-in", imgThirdBorderColor)
|
||||
}
|
||||
if (artifactBorder == true && document.getElementById("checkboxArtifact").checked == true) {
|
||||
border.mask("imgMultiMask,source-over;imgFrameMask,source-in;imgTitleMask,destination-out;imgTypeMask,destination-out", imgArtifactBorderColor)
|
||||
}
|
||||
//NYX
|
||||
if (document.getElementById("checkboxNyx").checked == true && nyxBorder == true) {
|
||||
if (thirdColor == true) {
|
||||
if (thirdColor == true || (document.getElementById("checkboxArtifact").checked == true && artifactBorder == true)) {
|
||||
border.mask("imgMultiMask,source-over;imgFrameMask,source-in", imgBorderNyx)
|
||||
} else {
|
||||
border.mask("imgFrameMask,source-over", imgBorderNyx)
|
||||
|
10
index.html
10
index.html
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html5>
|
||||
<html>
|
||||
<html itemscope itemtype="http://schema.org/Thing">
|
||||
<head>
|
||||
<title>Card Conjurer</title>
|
||||
<!-- Favicon craziness! -->
|
||||
@@ -25,7 +25,7 @@
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body itemscope itemtype="http://schema.org/Thing">
|
||||
<body>
|
||||
<div class="title"><img itemprop="image" src="images/title.png"></div>
|
||||
<div class="grid mainGrid">
|
||||
<div class="canvasContainer">
|
||||
@@ -85,6 +85,12 @@
|
||||
<span class="dropdown">
|
||||
<select id="thirdColorSelection" onchange="updateBorder()"></select>
|
||||
</span>
|
||||
<br>
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="checkboxArtifact" onchange="updateBorder()" />
|
||||
<label for="checkboxArtifact" />
|
||||
<div>Artifact</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cmm" id="cmm-advanced">
|
||||
<div class="checkbox">
|
||||
|
Reference in New Issue
Block a user