misc

creator/index.php

@@ -259,8 +259,8 @@ include('../globalHTML/header-1.php');
 							</div>
 							<h5 class='margin-bottom padding input-description'>Or enter a set code/rarity</h5>
 							<div class='input-grid margin-bottom'>
-								<input id='set-symbol-code' type='text' placeholder='Set Code' class='input' oninput='fetchSetSymbol();'>
+								<input id='set-symbol-code' type='text' placeholder='Set Code' class='input' onchange='fetchSetSymbol();'>
-								<input id='set-symbol-rarity' type='text' placeholder='Rarity' class='input' oninput='fetchSetSymbol();'>
+								<input id='set-symbol-rarity' type='text' placeholder='Rarity' class='input' onchange='fetchSetSymbol();'>
 							</div>
 							<h5 class='collapsible collapsed padding input-description' onclick='toggleCollapse(event);'>
 								How to find set codes

js/creator-16.js

@@ -369,10 +369,11 @@ function maskOptionClicked(event) {
 	if (selectedMaskIndex > 0) {selectedMaskName = availableFrames[selectedFrameIndex].masks[selectedMaskIndex - 1].name;}
 	document.querySelector('#selectedPreview').innerHTML = '(Selected: ' + availableFrames[selectedFrameIndex].name + ', ' + selectedMaskName + ')';
 }
-function addFrame(additionalMasks = [], loadingFrame = false) {
+async function addFrame(additionalMasks = [], loadingFrame = false) {
 	var frameToAdd = JSON.parse(JSON.stringify(availableFrames[selectedFrameIndex]));
 	var maskThumbnail = true;
 	if (!loadingFrame) {
+		// The frame is being added manually by the user, so we must process which mask(s) they have selected
 		var noDefaultMask = 0;
 		if (frameToAdd.noDefaultMask) {noDefaultMask = 1;}
 		if (frameToAdd.masks && selectedMaskIndex + noDefaultMask > 0) {
@@ -382,6 +383,20 @@ function addFrame(additionalMasks = [], loadingFrame = false) {
 		 	maskThumbnail = false;
 		}
 		additionalMasks.forEach(item => frameToAdd.masks.push(item));
+		// Likewise, we now add any complementary frames
+		if ('complementary' in frameToAdd && frameToAdd.masks.length == 0) {
+			if (typeof frameToAdd.complementary == 'number') {
+				frameToAdd.complementary = [frameToAdd.complementary];
+			}
+			const realFrameIndex = selectedFrameIndex;
+			for (const index of frameToAdd.complementary) {
+				selectedFrameIndex = index;
+				await addFrame();
+			}
+			selectedFrameIndex = realFrameIndex;
+		} else {
+			console.log(frameToAdd.masks)
+		}
 	} else {
 		frameToAdd = loadingFrame;
 		if (frameToAdd.masks.length == 0 || (frameToAdd.masks[0].src.includes('/img/frames/mask'))) {

js/frames/packBrawl.js

@@ -3,15 +3,15 @@ var masks = [{src:'/img/frames/custom/brawl/floating.svg', name:'Crown Without P
 var bounds = {x:0.0094, y:0.0005, width:0.9814, height:0.1848};
 //defines available frames
 availableFrames = [
-	{name:'Brawl Crown Border Cover', src:'/img/frames/custom/brawl/cover.svg'},
+	{name:'White Crown', src:'/img/frames/custom/brawl/w.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'White Crown', src:'/img/frames/custom/brawl/w.png', masks:masks, bounds:bounds},
+	{name:'Blue Crown', src:'/img/frames/custom/brawl/u.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Blue Crown', src:'/img/frames/custom/brawl/u.png', masks:masks, bounds:bounds},
+	{name:'Black Crown', src:'/img/frames/custom/brawl/b.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Black Crown', src:'/img/frames/custom/brawl/b.png', masks:masks, bounds:bounds},
+	{name:'Red Crown', src:'/img/frames/custom/brawl/r.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Red Crown', src:'/img/frames/custom/brawl/r.png', masks:masks, bounds:bounds},
+	{name:'Green Crown', src:'/img/frames/custom/brawl/g.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Green Crown', src:'/img/frames/custom/brawl/g.png', masks:masks, bounds:bounds},
+	{name:'Multicolored Crown', src:'/img/frames/custom/brawl/m.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Multicolored Crown', src:'/img/frames/custom/brawl/m.png', masks:masks, bounds:bounds},
+	{name:'Artifact Crown', src:'/img/frames/custom/brawl/a.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Artifact Crown', src:'/img/frames/custom/brawl/a.png', masks:masks, bounds:bounds},
+	{name:'Land Crown', src:'/img/frames/custom/brawl/l.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Land Crown', src:'/img/frames/custom/brawl/l.png', masks:masks, bounds:bounds}
+	{name:'Brawl Crown Border Cover', src:'/img/frames/custom/brawl/cover.svg'}
 ];
 //disables/enables the "Load Frame Version" button
 document.querySelector('#loadFrameVersion').disabled = true;

js/frames/packInvocation.js

@@ -1,6 +1,7 @@
 //Create objects for common properties across available frames
 // var masks = [{src:'/img/frames/m15/regular/m15MaskPinline.png', name:'Pinline'}, {src:'/img/frames/m15/regular/m15MaskTitle.png', name:'Title'}, {src:'/img/frames/m15/regular/m15MaskType.png', name:'Type'}, {src:'/img/frames/m15/regular/m15MaskRules.png', name:'Rules'}, {src:'/img/frames/m15/regular/m15MaskFrame.png', name:'Frame'}, {src:'/img/frames/m15/regular/m15MaskBorder.png', name:'Border'}];
 var bounds = {x:0.8587, y:0.8186, width:0.062, height:0.1258};
+var bounds2 = {x:0.0527, y:0.0496, width:0.8947, height:0.0515};
 //defines available frames
 availableFrames = [
 	{name:'White Frame', src:'/img/frames/invocation/W.png'},
@@ -11,6 +12,17 @@ availableFrames = [
 	{name:'Multicolored Frame', src:'/img/frames/invocation/M.png'},
 	{name:'Artifact Frame', src:'/img/frames/invocation/A.png'},
 	{name:'Power/Toughness', src:'/img/frames/invocation/pt.png', bounds:bounds},
+	{name:'Set Symbol Cover', src:'/img/frames/invocation/set.png', bounds:{x:0.8494, y:0.5705, width:0.0907, height:0.0434}},
+	{name:'Mana Bracket (1)', src:'/img/frames/invocation/mana/1.png', bounds:bounds2},
+	{name:'Mana Bracket (2)', src:'/img/frames/invocation/mana/2.png', bounds:bounds2},
+	{name:'Mana Bracket (3)', src:'/img/frames/invocation/mana/3.png', bounds:bounds2},
+	{name:'Mana Bracket (4)', src:'/img/frames/invocation/mana/4.png', bounds:bounds2},
+	{name:'Mana Bracket (5)', src:'/img/frames/invocation/mana/5.png', bounds:bounds2},
+	{name:'Mana Bracket (6)', src:'/img/frames/invocation/mana/6.png', bounds:bounds2},
+	{name:'Mana Bracket (7)', src:'/img/frames/invocation/mana/7.png', bounds:bounds2},
+	{name:'Mana Bracket (8)', src:'/img/frames/invocation/mana/8.png', bounds:bounds2},
+	{name:'Mana Bracket (9)', src:'/img/frames/invocation/mana/9.png', bounds:bounds2},
+	{name:'Mana Bracket (10)', src:'/img/frames/invocation/mana/10.png', bounds:bounds2}
 ];
 //disables/enables the "Load Frame Version" button
 document.querySelector('#loadFrameVersion').disabled = false;
@@ -20,22 +32,31 @@ document.querySelector('#loadFrameVersion').onclick = async function() {
 	await resetCardIrregularities();
 	//sets card version
 	card.version = 'invocation';
+	loadScript('/js/frames/manaSymbolsOutline.js');
 	//art bounds
 	card.artBounds = {x:0, y:0.1067, width:1, height:0.4386};
 	autoFitArt();
 	//set symbol bounds
-	card.setSymbolBounds = {x:0.8954, y:0.5910, width:0.12, height:0.0410, vertical:'center', horizontal: 'center'};
+	card.setSymbolBounds = {x:0.8954, y:0.5910, width:0.06, height:0.0353, vertical:'center', horizontal: 'center'};
 	resetSetSymbol();
 	//watermark bounds
 	card.watermarkBounds = {x:0.5, y:0.7762, width:0.75, height:0.2305};
 	resetWatermark();
 	//text
 	loadTextOptions({
-		mana: {name:'Mana Cost', text:'', y:0.0613, width:0.9292, height:71/2100, oneLine:true, size:71/1638, align:'right', shadowX:-0.001, shadowY:0.0029, manaCost:true, manaSpacing:0},
+		mana: {name:'Mana Cost', text:'', y:0.0613, width:0.93, height:78/2100, oneLine:true, size:78/1638, align:'right', shadowX:-0.0007, shadowY:0.0005, shadow:'#ccb28b', manaCost:true, manaSpacing:-0.002, manaPrefix:'outline', manaSymbolColor:'#24150E'},
-		title: {name:'Title', text:'', x:0.0727, y:0.05, width:0.8547, height:0.0515, oneLine:true, font:'invocation', size:0.0515},
+		title: {name:'Title', text:'', x:0.0834, y:0.05, width:0.8334, height:0.0515, oneLine:true, font:'invocation', size:0.0515, shadowX:-0.0007, shadowY:0.0005, shadow:'#ccb28b', color:'#24150E'},
-		type: {name:'Type', text:'', x:0.0767, y:0.5672, width:0.7334, height:0.0496, oneLine:true, font:'invocation', size:0.0496, align:'center'},
+		type: {name:'Type', text:'', x:0.0767, y:0.5672, width:0.7334, height:0.0496, oneLine:true, font:'invocation', size:0.0496, align:'center', shadowX:-0.0007, shadowY:0.0005, shadow:'#ccb28b', color:'#24150E'},
-		rules: {name:'Rules Text', text:'', x:0.086, y:0.6334, width:0.828, height:0.2429, size:0.0334, font:'invocation-text', align:'center'},
+		rules: {name:'Rules Text', text:'', x:0.1, y:0.6334, width:0.8, height:0.2429, size:0.0334, font:'invocation-text', align:'center', manaPrefix:'outline', shadowX:-0.0007, shadowY:0.0005, shadow:'#ccb28b', color:'#24150E', manaPrefix:'outline', manaSymbolColor:'#24150E'},
-		pt: {name:'Power/Toughness', text:'', x:0.8707, y:0.8315, width:0.0387, height:0.0929, size:0.0372, font:'belerenbsc', align:'center'}
+		pt: {name:'Power/Toughness', text:'', x:0.8707, y:0.8315, width:0.0387, height:0.0929, size:0.0372, font:'belerenbsc', align:'center', shadowX:-0.0007, shadowY:0.0005, shadow:'#ccb28b', color:'#24150E'}
+	});
+	//bottom info
+	await loadBottomInfo({
+		info: {text:'{elemidinfo-number} {elemidinfo-set}*{elemidinfo-language} {elemidinfo-rarity}', x:0.0787, y:0.912, width:0.29, height:0.0162, oneLine:true, font:'gothammedium', size:0.0162, color:'#24150E'},
+		artist: {text:`\uFFEE{fontsize-${scaleHeight(0.002)}}{fontinvocation-text}{elemidinfo-artist}`, x:0.0787, y:0.93, width:0.29, height:0.0181, oneLine:true, font:'belerenbsc', size:0.0181, color:'#24150E'},
+		nfs: {text:'NOT FOR SALE', x:0.2534, y:0.9667, width:0.8707, height:0.0134, oneLine:true, font:'invocation-text', size:0.0134, color:'#24150E'},
+		wizards: {name:'wizards', text:'\u2122 & \u00a9 ' + date.getFullYear() + ' Wizards of the Coast', x:0.0647, y:0.9453, width:0.86, height:0.0134, oneLine:true, font:'invocation-text', size:0.0134, color:'#24150E', align:'right'},
+		cc: {text:'CardConjurer.com', x:0.0647, y:0.9677, width:0.7467, height:0.0134, oneLine:true, font:'invocation-text', size:0.0134, color:'#24150E', align:'right'}
 	});
 }
 //loads available frames

js/frames/packM15LegendCrowns.js

@@ -3,14 +3,14 @@ var masks = [{src:'/img/frames/m15/crowns/m15MaskLegendCrown.png', name:'Crown W
 var bounds = {x:0.0274, y:0.0191, width:0.9454, height:0.1667};
 //defines available frames
 availableFrames = [
-	{name:'White Legend Crown', src:'/img/frames/m15/crowns/m15CrownW.png', masks:masks, bounds:bounds},
+	{name:'White Legend Crown', src:'/img/frames/m15/crowns/m15CrownW.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Blue Legend Crown', src:'/img/frames/m15/crowns/m15CrownU.png', masks:masks, bounds:bounds},
+	{name:'Blue Legend Crown', src:'/img/frames/m15/crowns/m15CrownU.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Black Legend Crown', src:'/img/frames/m15/crowns/m15CrownB.png', masks:masks, bounds:bounds},
+	{name:'Black Legend Crown', src:'/img/frames/m15/crowns/m15CrownB.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Red Legend Crown', src:'/img/frames/m15/crowns/m15CrownR.png', masks:masks, bounds:bounds},
+	{name:'Red Legend Crown', src:'/img/frames/m15/crowns/m15CrownR.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Green Legend Crown', src:'/img/frames/m15/crowns/m15CrownG.png', masks:masks, bounds:bounds},
+	{name:'Green Legend Crown', src:'/img/frames/m15/crowns/m15CrownG.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Multicolored Legend Crown', src:'/img/frames/m15/crowns/m15CrownM.png', masks:masks, bounds:bounds},
+	{name:'Multicolored Legend Crown', src:'/img/frames/m15/crowns/m15CrownM.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Artifact Legend Crown', src:'/img/frames/m15/crowns/m15CrownA.png', masks:masks, bounds:bounds},
+	{name:'Artifact Legend Crown', src:'/img/frames/m15/crowns/m15CrownA.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Land Legend Crown', src:'/img/frames/m15/crowns/m15CrownL.png', masks:masks, bounds:bounds},
+	{name:'Land Legend Crown', src:'/img/frames/m15/crowns/m15CrownL.png', masks:masks, bounds:bounds, complementary:8},
 	{name:'Legend Crown Border Cover', src:'/img/black.png', bounds:{x:0.0394, y:0.0277, width:0.9214, height:0.0177}}
 ];
 //disables/enables the "Load Frame Version" button

js/frames/packM15LegendCrownsFloating.js

@@ -2,14 +2,14 @@
 var bounds = {x:0.0307, y:0.0191, width:0.9387, height:0.1024};
 //defines available frames
 availableFrames = [
-	{name:'White Legend Crown', src:'/img/frames/m15/crowns/m15CrownWFloating.png', bounds:bounds},
+	{name:'White Legend Crown', src:'/img/frames/m15/crowns/m15CrownWFloating.png', bounds:bounds, complementary:8},
-	{name:'Blue Legend Crown', src:'/img/frames/m15/crowns/m15CrownUFloating.png', bounds:bounds},
+	{name:'Blue Legend Crown', src:'/img/frames/m15/crowns/m15CrownUFloating.png', bounds:bounds, complementary:8},
-	{name:'Black Legend Crown', src:'/img/frames/m15/crowns/m15CrownBFloating.png', bounds:bounds},
+	{name:'Black Legend Crown', src:'/img/frames/m15/crowns/m15CrownBFloating.png', bounds:bounds, complementary:8},
-	{name:'Red Legend Crown', src:'/img/frames/m15/crowns/m15CrownRFloating.png', bounds:bounds},
+	{name:'Red Legend Crown', src:'/img/frames/m15/crowns/m15CrownRFloating.png', bounds:bounds, complementary:8},
-	{name:'Green Legend Crown', src:'/img/frames/m15/crowns/m15CrownGFloating.png', bounds:bounds},
+	{name:'Green Legend Crown', src:'/img/frames/m15/crowns/m15CrownGFloating.png', bounds:bounds, complementary:8},
-	{name:'Multicolored Legend Crown', src:'/img/frames/m15/crowns/m15CrownMFloating.png', bounds:bounds},
+	{name:'Multicolored Legend Crown', src:'/img/frames/m15/crowns/m15CrownMFloating.png', bounds:bounds, complementary:8},
-	{name:'Artifact Legend Crown', src:'/img/frames/m15/crowns/m15CrownAFloating.png', bounds:bounds},
+	{name:'Artifact Legend Crown', src:'/img/frames/m15/crowns/m15CrownAFloating.png', bounds:bounds, complementary:8},
-	{name:'Land Legend Crown', src:'/img/frames/m15/crowns/m15CrownLFloating.png', bounds:bounds},
+	{name:'Land Legend Crown', src:'/img/frames/m15/crowns/m15CrownLFloating.png', bounds:bounds, complementary:8},
 	{name:'Legend Crown Border Cover', src:'/img/black.png', bounds:{x:0.0394, y:0.0277, width:0.9214, height:0.0177}},
 	{name:'Legend Crown Lower Cutout', src:'/img/black.png', bounds:{x:0.0734, y:0.1096, width:0.8532, height:0.0143}, erase:true},
 	{name:'Legend Crown Outline', src:'/img/frames/m15/crowns/m15CrownFloatingOutline.png', bounds:{x:0.028, y:0.0172, width:0.944, height:0.1062}}

js/frames/packModalLegendCrowns.js

@@ -3,15 +3,15 @@
 var bounds = {x:0.0274, y:0.0191, width:0.9454, height:0.1667};
 //defines available frames
 availableFrames = [
-	{name:'Legend Crown Border Cover', src:'/img/frames/modal/crowns/regular/cover.svg'},
+	{name:'White Legend Crown', src:'/img/frames/modal/crowns/regular/w.png', bounds:bounds, complementary:8},
-	{name:'White Legend Crown', src:'/img/frames/modal/crowns/regular/w.png', bounds:bounds},
+	{name:'Blue Legend Crown', src:'/img/frames/modal/crowns/regular/u.png', bounds:bounds, complementary:8},
-	{name:'Blue Legend Crown', src:'/img/frames/modal/crowns/regular/u.png', bounds:bounds},
+	{name:'Black Legend Crown', src:'/img/frames/modal/crowns/regular/b.png', bounds:bounds, complementary:8},
-	{name:'Black Legend Crown', src:'/img/frames/modal/crowns/regular/b.png', bounds:bounds},
+	{name:'Red Legend Crown', src:'/img/frames/modal/crowns/regular/r.png', bounds:bounds, complementary:8},
-	{name:'Red Legend Crown', src:'/img/frames/modal/crowns/regular/r.png', bounds:bounds},
+	{name:'Green Legend Crown', src:'/img/frames/modal/crowns/regular/g.png', bounds:bounds, complementary:8},
-	{name:'Green Legend Crown', src:'/img/frames/modal/crowns/regular/g.png', bounds:bounds},
+	{name:'Multicolored Legend Crown', src:'/img/frames/modal/crowns/regular/m.png', bounds:bounds, complementary:8},
-	{name:'Multicolored Legend Crown', src:'/img/frames/modal/crowns/regular/m.png', bounds:bounds},
+	{name:'Artifact Legend Crown', src:'/img/frames/modal/crowns/regular/a.png', bounds:bounds, complementary:8},
-	{name:'Artifact Legend Crown', src:'/img/frames/modal/crowns/regular/a.png', bounds:bounds},
+	{name:'Land Legend Crown', src:'/img/frames/modal/crowns/regular/l.png', bounds:bounds, complementary:8},
-	{name:'Land Legend Crown', src:'/img/frames/modal/crowns/regular/l.png', bounds:bounds}
+	{name:'Legend Crown Border Cover', src:'/img/frames/modal/crowns/regular/cover.svg'}
 ];
 //disables/enables the "Load Frame Version" button
 document.querySelector('#loadFrameVersion').disabled = true;

js/frames/packModalLegendCrownsBrawl.js

@@ -3,15 +3,15 @@ var masks = [{src:'/img/frames/custom/brawl/center.svg', name:'Center'}, {src:'/
 var bounds = {x:0.0087, y:0, width:0.9814, height:0.1262};
 //defines available frames
 availableFrames = [
-	{name:'Legend Crown Cutout', src:'/img/frames/modal/crowns/cutout.svg', erase:true},
+	{name:'White Crown', src:'/img/frames/modal/crowns/brawl/w.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'White Crown', src:'/img/frames/modal/crowns/brawl/w.png', masks:masks, bounds:bounds},
+	{name:'Blue Crown', src:'/img/frames/modal/crowns/brawl/u.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Blue Crown', src:'/img/frames/modal/crowns/brawl/u.png', masks:masks, bounds:bounds},
+	{name:'Black Crown', src:'/img/frames/modal/crowns/brawl/b.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Black Crown', src:'/img/frames/modal/crowns/brawl/b.png', masks:masks, bounds:bounds},
+	{name:'Red Crown', src:'/img/frames/modal/crowns/brawl/r.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Red Crown', src:'/img/frames/modal/crowns/brawl/r.png', masks:masks, bounds:bounds},
+	{name:'Green Crown', src:'/img/frames/modal/crowns/brawl/g.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Green Crown', src:'/img/frames/modal/crowns/brawl/g.png', masks:masks, bounds:bounds},
+	{name:'Multicolored Crown', src:'/img/frames/modal/crowns/brawl/m.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Multicolored Crown', src:'/img/frames/modal/crowns/brawl/m.png', masks:masks, bounds:bounds},
+	{name:'Artifact Crown', src:'/img/frames/modal/crowns/brawl/a.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Artifact Crown', src:'/img/frames/modal/crowns/brawl/a.png', masks:masks, bounds:bounds},
+	{name:'Land Crown', src:'/img/frames/modal/crowns/brawl/l.png', masks:masks, bounds:bounds, complementary:8},
-	{name:'Land Crown', src:'/img/frames/modal/crowns/brawl/l.png', masks:masks, bounds:bounds}
+	{name:'Legend Crown Cutout', src:'/img/frames/modal/crowns/cutout.svg', erase:true}
 ];
 //disables/enables the "Load Frame Version" button
 document.querySelector('#loadFrameVersion').disabled = true;

js/frames/packModalLegendCrownsFloating.js

@@ -2,14 +2,14 @@
 var bounds = {x:0.0307, y:0.0191, width:0.9387, height:0.1024};
 //defines available frames
 availableFrames = [
-	{name:'White Legend Crown', src:'/img/frames/modal/crowns/floating/w.png', bounds:bounds},
+	{name:'White Legend Crown', src:'/img/frames/modal/crowns/floating/w.png', bounds:bounds, complementary:8},
-	{name:'Blue Legend Crown', src:'/img/frames/modal/crowns/floating/u.png', bounds:bounds},
+	{name:'Blue Legend Crown', src:'/img/frames/modal/crowns/floating/u.png', bounds:bounds, complementary:8},
-	{name:'Black Legend Crown', src:'/img/frames/modal/crowns/floating/b.png', bounds:bounds},
+	{name:'Black Legend Crown', src:'/img/frames/modal/crowns/floating/b.png', bounds:bounds, complementary:8},
-	{name:'Red Legend Crown', src:'/img/frames/modal/crowns/floating/r.png', bounds:bounds},
+	{name:'Red Legend Crown', src:'/img/frames/modal/crowns/floating/r.png', bounds:bounds, complementary:8},
-	{name:'Green Legend Crown', src:'/img/frames/modal/crowns/floating/g.png', bounds:bounds},
+	{name:'Green Legend Crown', src:'/img/frames/modal/crowns/floating/g.png', bounds:bounds, complementary:8},
-	{name:'Multicolored Legend Crown', src:'/img/frames/modal/crowns/floating/m.png', bounds:bounds},
+	{name:'Multicolored Legend Crown', src:'/img/frames/modal/crowns/floating/m.png', bounds:bounds, complementary:8},
-	{name:'Artifact Legend Crown', src:'/img/frames/modal/crowns/floating/a.png', bounds:bounds},
+	{name:'Artifact Legend Crown', src:'/img/frames/modal/crowns/floating/a.png', bounds:bounds, complementary:8},
-	{name:'Land Legend Crown', src:'/img/frames/modal/crowns/floating/l.png', bounds:bounds},
+	{name:'Land Legend Crown', src:'/img/frames/modal/crowns/floating/l.png', bounds:bounds, complementary:8},
 	{name:'Legend Crown Border Cover', src:'/img/black.png', bounds:{x:0.0394, y:0.0277, width:0.9214, height:0.0177}},
 	{name:'Legend Crown Cutout', src:'/img/frames/modal/crowns/cutout.svg', erase:true},
 	{name:'Legend Crown Outline', src:'/img/frames/m15/crowns/m15CrownFloatingOutline.png', bounds:{x:0.028, y:0.0172, width:0.944, height:0.1062}}

js/frames/packModalLegendCrownsNickname.js

@@ -2,15 +2,15 @@
 var bounds = {x:0.0234, y:0.0167, width:0.952, height:0.1286};
 //defines available frames
 availableFrames = [
-	{name:'Legend Crown Cutout', src:'/img/frames/modal/crowns/cutout.svg', erase:true},
+	{name:'White Legend Crown', src:'/img/frames/modal/crowns/nickname/w.png', bounds:bounds, complementary:8},
-	{name:'White Legend Crown', src:'/img/frames/modal/crowns/nickname/w.png', bounds:bounds},
+	{name:'Blue Legend Crown', src:'/img/frames/modal/crowns/nickname/u.png', bounds:bounds, complementary:8},
-	{name:'Blue Legend Crown', src:'/img/frames/modal/crowns/nickname/u.png', bounds:bounds},
+	{name:'Black Legend Crown', src:'/img/frames/modal/crowns/nickname/b.png', bounds:bounds, complementary:8},
-	{name:'Black Legend Crown', src:'/img/frames/modal/crowns/nickname/b.png', bounds:bounds},
+	{name:'Red Legend Crown', src:'/img/frames/modal/crowns/nickname/r.png', bounds:bounds, complementary:8},
-	{name:'Red Legend Crown', src:'/img/frames/modal/crowns/nickname/r.png', bounds:bounds},
+	{name:'Green Legend Crown', src:'/img/frames/modal/crowns/nickname/g.png', bounds:bounds, complementary:8},
-	{name:'Green Legend Crown', src:'/img/frames/modal/crowns/nickname/g.png', bounds:bounds},
+	{name:'Multicolored Legend Crown', src:'/img/frames/modal/crowns/nickname/m.png', bounds:bounds, complementary:8},
-	{name:'Multicolored Legend Crown', src:'/img/frames/modal/crowns/nickname/m.png', bounds:bounds},
+	{name:'Artifact Legend Crown', src:'/img/frames/modal/crowns/nickname/a.png', bounds:bounds, complementary:8},
-	{name:'Artifact Legend Crown', src:'/img/frames/modal/crowns/nickname/a.png', bounds:bounds},
+	{name:'Land Legend Crown', src:'/img/frames/modal/crowns/nickname/l.png', bounds:bounds, complementary:8},
-	{name:'Land Legend Crown', src:'/img/frames/modal/crowns/nickname/l.png', bounds:bounds}
+	{name:'Legend Crown Cutout', src:'/img/frames/modal/crowns/cutout.svg', erase:true}
 ];
 //disables/enables the "Load Frame Version" button
 document.querySelector('#loadFrameVersion').disabled = true;

js/frames/packMysticalArchiveJP.js

@@ -22,15 +22,15 @@ availableFrames = [
 	{name:'Uncommon', src:'/img/frames/mysticalArchive/jp/uncommon.png', bounds:bounds},
 	{name:'Rare', src:'/img/frames/mysticalArchive/jp/rare.png', bounds:bounds},
 	{name:'Mythic', src:'/img/frames/mysticalArchive/jp/mythic.png', bounds:bounds},
-	{name:'Power/Toughness Cutout', src:'/img/frames/mysticalArchive/jp/pt/cutout.svg', bounds:bounds2, erase:true},
+	{name:'White Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/w.svg', bounds:bounds2, complementary:19},
-	{name:'White Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/w.svg', bounds:bounds2},
+	{name:'Blue Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/u.svg', bounds:bounds2, complementary:19},
-	{name:'Blue Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/u.svg', bounds:bounds2},
+	{name:'Black Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/b.svg', bounds:bounds2, complementary:19},
-	{name:'Black Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/b.svg', bounds:bounds2},
+	{name:'Red Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/r.svg', bounds:bounds2, complementary:19},
-	{name:'Red Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/r.svg', bounds:bounds2},
+	{name:'Green Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/g.svg', bounds:bounds2, complementary:19},
-	{name:'Green Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/g.svg', bounds:bounds2},
+	{name:'Multicolored Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/m.svg', bounds:bounds2, complementary:19},
-	{name:'Multicolored Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/m.svg', bounds:bounds2},
+	{name:'Artifact Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/a.svg', bounds:bounds2, complementary:19},
-	{name:'Artifact Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/a.svg', bounds:bounds2},
+	{name:'Land Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/l.svg', bounds:bounds2, complementary:19},
-	{name:'Land Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/l.svg', bounds:bounds2}
+	{name:'Power/Toughness Cutout', src:'/img/frames/mysticalArchive/jp/pt/cutout.svg', bounds:bounds2, erase:true}
 ];
 //disables/enables the "Load Frame Version" button
 document.querySelector('#loadFrameVersion').disabled = false;