sagas

creator/index.html

@@ -50,6 +50,7 @@
 				                <option value="m15">Regular</option>
 				                <option value="token">Tokens</option>
 				                <option value="m15Planeswalker">M15 Planeswalker</option>
+				                <option value="saga">Sagas</option>
 				                <option disabled value=''>Special Frames</option>
 				                <option value="m15Promo">Promo (Tall-Art)</option>
 				                <option value="m15Textless">Textless/Fullart</option>

data/scripts/main.js

@@ -166,6 +166,8 @@ class cardPlaceholder {
 		if (this.whatToDraw == textCanvas) {
 			if (currentVersion.includes('m15Planeswalker/')) {
 				mainContext.drawImage(planeswalkerCanvas, 0, 0, cardWidth, cardHeight)
+			} else if (currentVersion.includes('saga')) {
+				mainContext.drawImage(sagaCanvas, 0, 0, cardWidth, cardHeight)
 			}
 			mainContext.globalAlpha = parseInt(document.getElementById('inputWatermarkOpacity').value) / 100
 			mainContext.drawImage(watermarkCanvas, 0, 0, cardWidth, cardHeight)
@@ -865,7 +867,7 @@ function watermarkUpdated() {
 			watermarkDrawHeight = watermarkHeight
 			watermarkDrawWidth = watermarkHeight / watermark.height * watermark.width
 		}
-		watermarkDrawX = cardWidth / 2 - watermarkDrawWidth / 2
+		watermarkDrawX = watermarkX - watermarkDrawWidth / 2
 		watermarkDrawY = watermarkY - watermarkDrawHeight / 2
 		watermarkContext.drawImage(watermark, watermarkDrawX, watermarkDrawY, watermarkDrawWidth, watermarkDrawHeight)
 		watermarkContext.globalCompositeOperation = 'source-in'

data/scripts/versions/saga/legendCrowns.js

@@ -0,0 +1,14 @@
+if (!loadedVersions.includes('saga/legendCrowns')) {
+	loadedVersions.push("saga/legendCrowns")
+	loadFrameImages([
+		['White Legend Crown', '/data/images/cardImages/m15/m15CrownW.png', 41/1500, 40/2100, 1418/1500, 350/2100, ['Full', 'Legend Crown W/ Pinline (m15)']],
+		['Blue Legend Crown', '/data/images/cardImages/m15/m15CrownU.png', 41/1500, 40/2100, 1418/1500, 350/2100, ['Full', 'Legend Crown W/ Pinline (m15)']],
+		['Black Legend Crown', '/data/images/cardImages/m15/m15CrownB.png', 41/1500, 40/2100, 1418/1500, 350/2100, ['Full', 'Legend Crown W/ Pinline (m15)']],
+		['Red Legend Crown', '/data/images/cardImages/m15/m15CrownR.png', 41/1500, 40/2100, 1418/1500, 350/2100, ['Full', 'Legend Crown W/ Pinline (m15)']],
+		['Green Legend Crown', '/data/images/cardImages/m15/m15CrownG.png', 41/1500, 40/2100, 1418/1500, 350/2100, ['Full', 'Legend Crown W/ Pinline (m15)']],
+		['Multicolored Legend Crown', '/data/images/cardImages/m15/m15CrownM.png', 41/1500, 40/2100, 1418/1500, 350/2100, ['Full', 'Legend Crown W/ Pinline (m15)']],
+		['Legend Crown Border Cover', '/data/images/cardImages/black.png', 59/1500, 58/2100, 1382/1500, 37/2100, ['Full']]
+	], 'frameClassSagaLegendCrowns')
+}
+
+hideFrameImages('frameClassSagaLegendCrowns')

data/scripts/versions/saga/regular.js

@@ -0,0 +1,16 @@
+if (!loadedVersions.includes('m15Saga/regular')) {
+	loadedVersions.push('m15Saga/regular')
+	loadFrameImages([
+        ['White Frame', '/data/images/cardImages/saga/sagaFrameW.png', 0, 0, 1, 1, ['Full','Pinline (saga)', 'Frame (saga)', 'Banner (saga)', 'Title (m15)', 'Type (saga)', 'Rules Text (saga)', 'Border (saga)']],
+        ['Blue Frame', '/data/images/cardImages/saga/sagaFrameU.png', 0, 0, 1, 1, ['Full','Pinline (saga)', 'Frame (saga)', 'Banner (saga)', 'Title (m15)', 'Type (saga)', 'Rules Text (saga)', 'Border (saga)']],
+        ['Black Frame', '/data/images/cardImages/saga/sagaFrameb.png', 0, 0, 1, 1, ['Full','Pinline (saga)', 'Frame (saga)', 'Banner (saga)', 'Title (m15)', 'Type (saga)', 'Rules Text (saga)', 'Border (saga)']],
+        ['Red Frame', '/data/images/cardImages/saga/sagaFrameR.png', 0, 0, 1, 1, ['Full','Pinline (saga)', 'Frame (saga)', 'Banner (saga)', 'Title (m15)', 'Type (saga)', 'Rules Text (saga)', 'Border (saga)']],
+        ['Green Frame', '/data/images/cardImages/saga/sagaFrameG.png', 0, 0, 1, 1, ['Full','Pinline (saga)', 'Frame (saga)', 'Banner (saga)', 'Title (m15)', 'Type (saga)', 'Rules Text (saga)', 'Border (saga)']],
+        ['Multicolored Frame', '/data/images/cardImages/saga/sagaFrameM.png', 0, 0, 1, 1, ['Full','Pinline (saga)', 'Frame (saga)', 'Banner (saga)', 'Title (m15)', 'Type (saga)', 'Rules Text (saga)', 'Border (saga)']],
+        ['White Border', '/data/images/cardImages/white.png', 0, 0, 1, 1, ['Alternative Border', 'Border (saga)']],
+        ['Silver Border', '/data/images/cardImages/silver.png', 0, 0, 1, 1, ['Alternative Border', 'Border (saga)']],
+        ['Gold Border', '/data/images/cardImages/gold.png', 0, 0, 1, 1, ['Alternative Border', 'Border (saga)']]
+    ], 'frameClassSagaRegular')
+}
+
+hideFrameImages('frameClassSagaRegular')

data/scripts/versions/saga/version.js

@@ -0,0 +1,124 @@
+if (!loadedVersions.includes('m15Saga/version')) {
+	loadedVersions.push('m15Saga/version')
+	var sagaDivider = new Image()
+    sagaDivider.crossOrigin = 'anonymous'
+    sagaDivider.src = '/data/images/cardImages/saga/sagaDivider.png'
+    var sagaChapter = new Image()
+    sagaChapter.crossOrigin = 'anonymous'
+    sagaChapter.src = '/data/images/cardImages/saga/sagaChapter.png'
+	newCanvas('saga')
+	loadMaskImages([['Pinline (saga)', '/data/images/cardImages/saga/sagaMaskPinline.png'], ['Border (saga)', '/data/images/cardImages/saga/sagaMaskBorder.png'], ['Type (saga)', '/data/images/cardImages/saga/sagaMaskType.png'], ['Frame (saga)', '/data/images/cardImages/saga/sagaMaskFrame.png'], ['Rules Text (saga)', '/data/images/cardImages/saga/sagaMaskText.png'], ['Banner (saga)', '/data/images/cardImages/saga/sagaMaskBanner.png']])
+	document.getElementById('tabPicker').innerHTML += `<div onclick='toggleTabs(this, "sagaTab")' class='interactable'>Saga</div>`
+    var sagaTab = document.createElement("div")
+    sagaTab.classList.add('hidden')
+    sagaTab.id = 'sagaTab'
+    sagaTab.innerHTML = `
+            Adjust the height (first input) and chapter count (second input) of each Saga ability:<br>
+            First Ability: <input type="number" class="input number" id="inputSagaChapterHeight1" oninput="sagaAbilities()" value="375" min="0"><input type="number" class="input number" id="inputSagaChapterCount1" oninput="sagaAbilities()" min="0" max="2" value="1">
+            Second Ability: <input type="number" class="input number" id="inputSagaChapterHeight2" oninput="sagaAbilities()" value="375" min="0"><input type="number" class="input number" id="inputSagaChapterCount2" oninput="sagaAbilities()" min="0" max="2" value="1">
+            Third Ability: <input type="number" class="input number" id="inputSagaChapterHeight3" oninput="sagaAbilities()" value="375" min="0"><input type="number" class="input number" id="inputSagaChapterCount3" oninput="sagaAbilities()" min="0" max="2" value="1">
+            Fourth Ability: <input type="number" class="input number" id="inputSagaChapterHeight4" oninput="sagaAbilities()" value="0" min="0"><input type="number" class="input number" id="inputSagaChapterCount4" oninput="sagaAbilities()" min="0" max="2" value="0"><br>`
+    document.getElementById('tabOptions').appendChild(sagaTab)
+    setTimeout(sagaAbilities, 1000)
+
+    notify('To edit the arrangement of saga chapters, see the new \'Saga\' tab.\nImporting Sagas is not currently functional.', '#aaffaae0')
+}
+
+if (currentVersion != 'saga/version') {
+	currentVersion = 'saga/version'
+
+	artX = scaleX(752 / 1500)
+	artY = scaleY(237 / 2100)
+	artWidth = scaleX(632 / 1500)
+	artHeight = scaleY(1521 / 2100)
+
+	manaCostXPath = '1316 - 78 * manaSymbolIndex'
+	manaCostYPath = '121'
+	manaCostDiameter = '70'
+	manaCostShadowOffset = '[-2, 6]'
+	manaCostDirection = 'reverse'
+
+	setSymbolX = [scaleX(1382/1500), 'right']
+	setSymbolY = [scaleY(1831/2100), 'center']
+	setSymbolWidth = scaleX(180/1500)
+	setSymbolHeight = scaleY(86/2100)
+
+	watermarkX = scaleX(432/1500)
+	watermarkY = scaleY(997/2100)
+	watermarkWidth = scaleX(532/1500)
+	watermarkHeight = scaleY(1421/2100)
+
+	bottomInfoFunction = 'bottomInfoM15'
+
+	loadTextOptions([
+    new cardText('Card Title', '', 126/1500, 188/2100, 1248/1500, 80/2100, 'belerenb', 80/2100, 'black', ['oneLine=true']),
+	new cardText('Card Type', '', 126/1500, 1858/2100, 1248/1500, 68/2100, 'belerenb', 68/2100, 'black', ['oneLine=true']),
+    new cardText('Ability 1', '', 200/1500, 620/2100, 525/1500, 625/2100, 'mplantin', 64/2100, 'black'),
+    new cardText('Ability 2', '', 200/1500, 620/2100, 525/1500, 625/2100, 'mplantin', 64/2100, 'black'),
+    new cardText('Ability 3', '', 200/1500, 620/2100, 525/1500, 625/2100, 'mplantin', 64/2100, 'black'),
+    new cardText('Ability 4', '', 200/1500, 620/2100, 525/1500, 625/2100, 'mplantin', 64/2100, 'black'),
+	new cardText('Reminder Text', '{i}(As this Saga enters and after your draw step, add a lore counter. Sacrifice after III.)', 130/1500, 155/2100, 606/1500, 625/2100, 'mplantin', 63/2100, 'black')
+    ])
+}
+
+function sagaAbilities() { //Determines the height of each Saga ability
+    sagaContext.clearRect(0, 0, cardWidth, cardHeight)
+    sagaContext.textAlign = 'center'
+    sagaContext.font = 'normal normal 550 68px plantinsemibold'
+    var currentChapterY = 620/2100
+    var currentChapterCount = 0
+    for (var i = 2; i < 6; i++) {
+    	if (document.getElementById('inputSagaChapterCount' + (i - 1)).value > 0) {
+    		cardTextList[i].y = currentChapterY + cardTextList[i].fontSize * 0.75
+	    	cardTextList[i].height = document.getElementById('inputSagaChapterHeight' + (i - 1)).value / cardHeight
+	    	if (document.getElementById('textPicker').children[i].classList.contains('selected')) {
+	    		document.getElementById('textEditorY').value = scaleY(cardTextList[i].y)
+	    		document.getElementById('textEditorHeight').value = scaleY(cardTextList[i].height)
+	    	}
+	    	sagaContext.drawImage(sagaDivider, scaleX(150/1500), scaleY(currentChapterY) - scaleY(6/2100) / 2, scaleX(592/1500), scaleY(6/2100))
+	        currentChapterY += document.getElementById('inputSagaChapterHeight' + (i - 1)).value / cardHeight
+	        if (document.getElementById('inputSagaChapterCount' + (i - 1)).value == 1) {
+	        	currentChapterCount += 1
+	        	sagaContext.drawImage(sagaChapter, scaleX(58/1500), scaleY(currentChapterY) - (scaleY(cardTextList[i].height) + scaleY(132/2100)) / 2, scaleX(118/1500), scaleY(132/2100))
+	        	sagaContext.fillText(romanize(currentChapterCount), scaleX(117/1500), scaleY(currentChapterY) - (scaleY(cardTextList[i].height) + scaleY(132/2100)) / 2 + scaleY(90/2100))
+	        } else {
+	        	currentChapterCount += 2
+	        	sagaContext.drawImage(sagaChapter, scaleX(58/1500), scaleY(currentChapterY) - (scaleY(cardTextList[i].height) + scaleY(132/2100)) / 2 - scaleY(75/2100), scaleX(118/1500), scaleY(132/2100))
+	        	sagaContext.fillText(romanize(currentChapterCount - 1), scaleX(117/1500), scaleY(currentChapterY) - (scaleY(cardTextList[i].height) + scaleY(132/2100)) / 2 + scaleY(15/2100))
+	        	sagaContext.drawImage(sagaChapter, scaleX(58/1500), scaleY(currentChapterY) - (scaleY(cardTextList[i].height) + scaleY(132/2100)) / 2 + scaleY(75/2100), scaleX(118/1500), scaleY(132/2100))
+	        	sagaContext.fillText(romanize(currentChapterCount), scaleX(117/1500), scaleY(currentChapterY) - (scaleY(cardTextList[i].height) + scaleY(132/2100)) / 2 + scaleY(165/2100))
+	        }
+    	} else {
+    		cardTextList[i].y = 1
+    		cardTextList[i].height = 1
+    	}
+    }
+    cardTextEdited()
+}
+
+function romanize(input) {
+	switch(input) {
+		case 1:
+			return 'I'
+		case 2:
+			return 'II'
+		case 3:
+			return 'III'
+		case 4:
+			return 'IV'
+		case 5:
+			return 'V'
+		case 6:
+			return 'VI'
+		case 7:
+			return 'VII'
+		case 8:
+			return 'VIII'
+		case 9:
+			return 'IX'
+		default:
+			return 'X'
+	}
+}
+
+loadFramePackOptions([['regular', 'Regular'], ['legendCrowns', 'Legend Crowns']])

data/styles/main.css

@@ -31,6 +31,10 @@
 	font-family: mplantini;
 	src: url("/data/fonts/mplantin-i.ttf");
 }
+@font-face {
+	font-family: plantinsemibold;
+	src: url("/data/fonts/plantin-semibold.otf");
+}
 @font-face {
 	font-family: goudymedieval;
 	src: url("/data/fonts/goudy-medieval.ttf");