vanguard

data/borders/defaultBorder.js

@@ -23,6 +23,7 @@ typeRightShift = 0
 //Aligned text
 var titleAlign = "left"
 var typeAlign = "left"
+var italicSize = 1
 //Image alignment
 var centerSetSymbol = 1 //1=not centered, 2=centered
 var artX = 58

data/borders/vanguard/border.js

@@ -0,0 +1,84 @@
+//Vanguard Border
+//Anything to do with...
+//Loading Images
+imgFrameMask.src = borderPath + "frameMask.png"
+imgBorderMask.src = borderPath + "borderMask.png"
+imgRulesMask.src = borderPath + "rulesMask.png"
+document.getElementById("cmmVanguard").style.display = "block"
+var artX = 97
+var artY = 112
+//Card Title
+var titleFont = "52px matrixb" //40
+var titleFontSpacing = "0.15px" //0.15
+var titleX = cardWidth / 2
+var titleY = 56 //56
+titleAlign = "center"
+//Mana Cost
+var manaCostRadius = 0 //17.5
+var manaCostX = 657 //657
+var manaCostY = 59 //59
+//Card Type
+var typeFont = "33.5px matrix" //33.5
+var typeFontSpacing = "0.05px" //0.05
+var typeX = cardWidth / 2
+var typeY = 612 //595
+typeAlign = "center"
+//Rules/Flavor Text
+var textFont = "px mplantin"
+var textFontSpacing = 0.7 //0.7
+var textX = cardWidth / 2
+var textY = 656 //656
+var textWidth = 575 //682
+if (document.getElementById("inputText").value == "") {
+	document.getElementById("inputText").value = "<center>"
+}
+document.getElementById("textSize").value = 25
+italicSize = 2/3
+//Power Toughness
+var ptFont = "39px belerenb" //39
+var ptFontSpacing = "0.3px" //0.3
+var ptTextX = 645 //645
+var ptTextY = 936 //936
+imgBorderCreature.imgValues(571, 929, 137, 75)
+//Bottom Info
+var infoY = 930 //993
+//Set Symbol
+var setSymbolY = cardHeight * 2 //616
+var setSymbolRight = 693 //693
+var setSymbolWidth = 84 //77
+var setSymbolHeight = 44 //44
+//Watermark
+var watermarkWidth = 520 //520
+var watermarkHeight = 250 //250
+var watermarkY = 805 //805
+//Color Options
+loadColors("white-White,blue-Blue,black-Black,red-Red,green-Green,gold-Gold,colorless-Colorless")
+document.getElementById("secondColorSelection").innerHTML = document.getElementById("colorSelection").innerHTML
+document.getElementById("thirdColorSelection").innerHTML = document.getElementById("colorSelection").innerHTML
+//Things The Card Can Do
+creatureBorder = false
+//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 = "bottomInfoVanguard"
+function bottomInfoVanguard() {
+	card.textAlign = "center"
+	// card.fillStyle = document.getElementById("inputInfoColor").value
+	canvas.style.letterSpacing = "1px"
+	card.font = "20px matrix"
+	card.fillText("Illus. " + document.getElementById("inputArtist").value, cardWidth / 2, infoY)
+	canvas.style.letterSpacing = "0.5px"
+	card.font = "12px mplantin"
+	var vanguardInfo = "CC \u2014 " + document.getElementById("inputInfo").value
+	if (vanguardInfo == "CC \u2014 " + "secretcode") {
+		var date = new Date()
+		var year = date.getFullYear()
+		vanguardInfo = "\u2122 & \u00a9 1993-" + year + " Wizards of the Coast, Inc."
+	}
+	card.fillText(vanguardInfo, cardWidth / 2, infoY + 22)
+	//Now for the hand/life modifiers, not quite at the bottom but might as well go in this same function
+	canvas.style.letterSpacing = "0px"
+	card.font = "25px mplantin"
+	card.fillText(document.getElementById("inputVanguardHandMod").value, 111, 886)
+	card.fillText(document.getElementById("inputVanguardLifeMod").value, 631, 886)
+}

data/scripts/main.js

@@ -656,7 +656,7 @@ function drawText(text, xCoord, yCoord) {
 					//series of if statements to determine an action based off of the given code
 					if (megaSplit[0] == "i") {
 						canvas.style.letterSpacing = textFontSpacing * 1/3 + "px"
-						card.font = textSize + textFont + "i"
+						card.font = textSize * italicSize + textFont + "i"
 					} else if (megaSplit[0] == "/i") {
 						canvas.style.letterSpacing = textFontSpacing + "px"
 						card.font = textSize + textFont

index.html

@@ -75,6 +75,7 @@
 				<div onclick="toggleView('watermark', 'cmm')">Watermark</div>
 				<div onclick="toggleView('advanced', 'cmm')">Advanced</div>
 				<div onclick="toggleView('download', 'cmm')">Download</div>
+				<div onclick="toggleView('vanguard', 'cmm')" style="display: none;" id="cmmVanguard">Vanguard</div>
 				<div onclick="toggleView('planeswalker', 'cmm')" style="font-size: 85%; display: none;" id="cmmPlaneswalker">Planeswalker</div>
 			</div>
 			<div class="cardManipulationMenu">
@@ -90,6 +91,7 @@
 							<option value="tokenTall/">Token (Tall)</option>
 							<option value="map/">Treasure Map</option>
 							<option value="plane/">Plane</option>
+							<option value="vanguard/">Vanguard</option>
 							<option value="8th/">8th</option>
 						</select>
 					</span>
@@ -291,7 +293,7 @@
 					<input id="inputLanguage" value="EN" type="text" class="input">
 					<br>
 					Artist Credit
-					<input id="inputArtist" value="" type="text" class="input">
+					<input id="inputArtist" type="text" class="input">
 					<br>
 					<input type="color" id="inputInfoColor" value="#ffffff"> Info Color<br>
 				</div>
@@ -378,6 +380,12 @@
 					<input type="text" id="abilityValue2" value="-1">
 					<input type="text" id="abilityValue3" value="">
 				</div>
+				<div class="cmm" id="cmm-vanguard">
+					Hand Size Modifier
+					<input type="text" id="inputVanguardHandMod">
+					Life Total Modifier
+					<input type="text" id="inputVanguardLifeMod">
+				</div>
 			</div>
 		</div>
 		<div class="tutorialArea">