extended art transform frames

img/frames/m15/transform/extended/pinlineBack.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M100,1308.21C88.362,1294.83 78.412,1270.28 78,1242C78.481,1208.95 91.996,1180.98 106,1170L1394,1170L1394.33,1170.26C1408.21,1181.42 1421.52,1209.21 1422,1242C1421.59,1270.28 1411.64,1294.83 1400,1308.21L1400,1948L100,1948L100,1308.21ZM1389,1314L1389,1937L111,1937L111,1314L1389,1314ZM1388.24,1181.01C1389.44,1181.08 1390.56,1181.69 1391.26,1182.68C1405.33,1202.45 1410.29,1222.23 1410.29,1242C1410.29,1261.77 1405.33,1281.55 1391.26,1301.32C1390.51,1302.37 1389.29,1303 1388,1303L112,1303C110.706,1303 109.492,1302.37 108.741,1301.32C94.667,1281.55 89.714,1261.77 89.714,1242C89.714,1222.23 94.667,1202.45 108.741,1182.68C109.492,1181.63 110.706,1181 112,1181L1388,1181L1388.24,1181.01ZM89,207.446C78.397,194.906 72,178.694 72,161C72,121.262 104.262,89 144,89L1394,89C1408,99.984 1421.52,127.948 1422,161C1421.52,194.052 1408,222.016 1394,233L144,233C121.957,233 102.215,223.073 89,207.446L89,207.446ZM182.244,100C202.516,112.744 216,135.309 216,161C216,186.691 202.516,209.256 182.244,222L1388,222C1389.29,222 1390.51,221.374 1391.26,220.32C1405.33,200.547 1410.29,180.773 1410.29,161C1410.29,141.227 1405.33,121.453 1391.26,101.68C1390.51,100.626 1389.29,100 1388,100L182.244,100ZM144,100C177.667,100 205,127.333 205,161C205,194.667 177.667,222 144,222C110.333,222 83,194.667 83,161C83,127.333 110.333,100 144,100Z" style="fill:rgb(0,123,67);"/>
+</svg>

img/frames/m15/transform/extended/pinlineFront.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M100,1308.21C88.362,1294.83 78.412,1270.28 78,1242C78.481,1208.95 91.996,1180.98 106,1170L1394,1170L1394.33,1170.26C1408.21,1181.42 1421.52,1209.21 1422,1242C1421.59,1270.28 1411.64,1294.83 1400,1308.21L1400,1749.8L1452.2,1802L1400,1854.2L1400,1948L100,1948L100,1308.21ZM1389,1314L1389,1754.36L1436.64,1802L1389,1849.64L1389,1937L111,1937L111,1314L1389,1314ZM1388.24,1181.01C1389.44,1181.08 1390.56,1181.69 1391.26,1182.68C1405.33,1202.45 1410.29,1222.23 1410.29,1242C1410.29,1261.77 1405.33,1281.55 1391.26,1301.32C1390.51,1302.37 1389.29,1303 1388,1303L112,1303C110.706,1303 109.492,1302.37 108.741,1301.32C94.667,1281.55 89.714,1261.77 89.714,1242C89.714,1222.23 94.667,1202.45 108.741,1182.68C109.492,1181.63 110.706,1181 112,1181L1388,1181L1388.24,1181.01ZM89,207.446C78.397,194.906 72,178.694 72,161C72,121.262 104.262,89 144,89L1394,89C1408,99.984 1421.52,127.948 1422,161C1421.52,194.052 1408,222.016 1394,233L144,233C121.957,233 102.215,223.073 89,207.446L89,207.446ZM182.244,100C202.516,112.744 216,135.309 216,161C216,186.691 202.516,209.256 182.244,222L1388,222C1389.29,222 1390.51,221.374 1391.26,220.32C1405.33,200.547 1410.29,180.773 1410.29,161C1410.29,141.227 1405.33,121.453 1391.26,101.68C1390.51,100.626 1389.29,100 1388,100L182.244,100ZM144,100C177.667,100 205,127.333 205,161C205,194.667 177.667,222 144,222C110.333,222 83,194.667 83,161C83,127.333 110.333,100 144,100Z" style="fill:rgb(0,123,67);"/>
+</svg>

js/frames/groupDFC.js

@@ -6,6 +6,8 @@ loadFramePacks([
 	{name:'Other Frames', value:'disabled'},
 	{name:'Borderless (Front)', value:'TransformBorderlessFront'},
 	{name:'Borderless (Back)', value:'TransformBorderlessBack'},
+	{name:'Extended Art (Front)', value:'TransformExtendedFront'},
+	{name:'Extended Art (Back)', value:'TransformExtendedBack'},
 	{name:'SDCC15 (Blackout)', value:'TransformSDCC15'},
 	{name:'Addons', value:'disabled'},
 	{name:'Legend Crowns', value:'TransformLegendCrowns'},

js/frames/packTransformExtendedBack.js

@@ -0,0 +1,49 @@
+//Create objects for common properties across available frames
+var masks = [{src:'/img/frames/m15/transform/extended/pinlineBack.svg', 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/transform/regular/maskFrameBack.png', name:'Frame'}, {src:'/img/frames/m15/regular/m15MaskBorder.png', name:'Border'}];
+var bounds = {x:0.7573, y:0.8848, width:0.188, height:0.0733};
+//defines available frames
+availableFrames = [
+	{name:'White Frame', src:'/img/frames/m15/transform/extended/wb.png', masks:masks},
+	{name:'Blue Frame', src:'/img/frames/m15/transform/extended/ub.png', masks:masks},
+	{name:'Black Frame', src:'/img/frames/m15/transform/extended/bb.png', masks:masks},
+	{name:'Red Frame', src:'/img/frames/m15/transform/extended/rb.png', masks:masks},
+	{name:'Green Frame', src:'/img/frames/m15/transform/extended/gb.png', masks:masks},
+	{name:'Multicolored Frame', src:'/img/frames/m15/transform/extended/mb.png', masks:masks},
+	{name:'Artifact Frame', src:'/img/frames/m15/transform/extended/ab.png', masks:masks},
+	{name:'Land Frame', src:'/img/frames/m15/transform/extended/lb.png', masks:masks},
+	{name:'White Power/Toughness', src:'/img/frames/m15/transform/regular/ptW.png', bounds:bounds},
+	{name:'Blue Power/Toughness', src:'/img/frames/m15/transform/regular/ptU.png', bounds:bounds},
+	{name:'Black Power/Toughness', src:'/img/frames/m15/transform/regular/ptB.png', bounds:bounds},
+	{name:'Red Power/Toughness', src:'/img/frames/m15/transform/regular/ptR.png', bounds:bounds},
+	{name:'Green Power/Toughness', src:'/img/frames/m15/transform/regular/ptG.png', bounds:bounds},
+	{name:'Multicolored Power/Toughness', src:'/img/frames/m15/transform/regular/ptM.png', bounds:bounds},
+	{name:'Artifact Power/Toughness', src:'/img/frames/m15/transform/regular/ptA.png', bounds:bounds}
+];
+//disables/enables the "Load Frame Version" button
+document.querySelector('#loadFrameVersion').disabled = false;
+//defines process for loading this version, if applicable
+document.querySelector('#loadFrameVersion').onclick = async function() {
+	//resets things so that every frame doesn't have to
+	await resetCardIrregularities();
+	//sets card version
+	card.version = 'transformExtendedBack';
+	//art bounds
+	card.artBounds = {x:0, y:0.081, width:1, height:0.531};
+	autoFitArt();
+	//set symbol bounds
+	card.setSymbolBounds = {x:0.9213, y:0.5910, width:0.12, height:0.0410, vertical:'center', horizontal: 'right'};
+	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},
+		title: {name:'Title', text:'', x:0.16, y:0.0522, width:0.7547, height:0.0543, oneLine:true, font:'belerenb', size:0.0381, color:'white'},
+		type: {name:'Type', text:'', x:0.1294, y:0.5664, width:0.7854, height:0.0543, oneLine:true, font:'belerenb', size:0.0324, color:'white', shadowX:0.0014, shadowY:0.001},
+		rules: {name:'Rules Text', text:'', x:0.086, y:0.6303, width:0.828, height:0.2875, size:0.0362},
+		pt: {name:'Power/Toughness', text:'', x:0.7928, y:0.902, width:0.1367, height:0.0372, size:0.0372, font:'belerenbsc', oneLine:true, align:'center', color:'white'}
+	});
+}
+//loads available frames
+loadFramePack();

js/frames/packTransformExtendedFront.js

@@ -0,0 +1,50 @@
+//Create objects for common properties across available frames
+var masks = [{src:'/img/frames/m15/transform/extended/pinlineFront.svg', name:'Pinline'}, {src:'/img/frames/m15/transform/regular/maskTitle.png', name:'Title'}, {src:'/img/frames/m15/regular/m15MaskType.png', name:'Type'}, {src:'/img/frames/m15/transform/regular/maskRulesFront.png', name:'Rules'}, {src:'/img/frames/m15/transform/regular/maskFrameFront.png', name:'Frame'}, {src:'/img/frames/m15/transform/regular/maskBorderFront.png', name:'Border'}];
+var bounds = {x:0.7573, y:0.8848, width:0.188, height:0.0733};
+//defines available frames
+availableFrames = [
+	{name:'White Frame', src:'/img/frames/m15/transform/extended/wf.png', masks:masks},
+	{name:'Blue Frame', src:'/img/frames/m15/transform/extended/uf.png', masks:masks},
+	{name:'Black Frame', src:'/img/frames/m15/transform/extended/bf.png', masks:masks},
+	{name:'Red Frame', src:'/img/frames/m15/transform/extended/rf.png', masks:masks},
+	{name:'Green Frame', src:'/img/frames/m15/transform/extended/gf.png', masks:masks},
+	{name:'Multicolored Frame', src:'/img/frames/m15/transform/extended/mf.png', masks:masks},
+	{name:'Artifact Frame', src:'/img/frames/m15/transform/extended/af.png', masks:masks},
+	{name:'Land Frame', src:'/img/frames/m15/transform/extended/lf.png', masks:masks},
+	{name:'White Power/Toughness', src:'/img/frames/m15/regular/m15PTW.png', bounds:bounds},
+	{name:'Blue Power/Toughness', src:'/img/frames/m15/regular/m15PTU.png', bounds:bounds},
+	{name:'Black Power/Toughness', src:'/img/frames/m15/regular/m15PTB.png', bounds:bounds},
+	{name:'Red Power/Toughness', src:'/img/frames/m15/regular/m15PTR.png', bounds:bounds},
+	{name:'Green Power/Toughness', src:'/img/frames/m15/regular/m15PTG.png', bounds:bounds},
+	{name:'Multicolored Power/Toughness', src:'/img/frames/m15/regular/m15PTM.png', bounds:bounds},
+	{name:'Artifact Power/Toughness', src:'/img/frames/m15/regular/m15PTA.png', bounds:bounds}
+];
+//disables/enables the "Load Frame Version" button
+document.querySelector('#loadFrameVersion').disabled = false;
+//defines process for loading this version, if applicable
+document.querySelector('#loadFrameVersion').onclick = async function() {
+	//resets things so that every frame doesn't have to
+	await resetCardIrregularities();
+	//sets card version
+	card.version = 'transformExtendedFront';
+	//art bounds
+	card.artBounds = {x:0, y:0.081, width:1, height:0.531};
+	autoFitArt();
+	//set symbol bounds
+	card.setSymbolBounds = {x:0.9213, y:0.5910, width:0.12, height:0.0410, vertical:'center', horizontal: 'right'};
+	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},
+		title: {name:'Title', text:'', x:0.16, y:0.0522, width:0.7547, height:0.0543, oneLine:true, font:'belerenb', size:0.0381},
+		type: {name:'Type', text:'', x:0.0854, y:0.5664, width:0.8292, height:0.0543, oneLine:true, font:'belerenb', size:0.0324, color:'white', shadowX:0.0014, shadowY:0.001},
+		rules: {name:'Rules Text', text:'', x:0.086, y:0.6303, width:0.828, height:0.2875, size:0.0362},
+		reminder: {name:'Reverse PT', text:'', x:0.086, y:0.842, width:0.838, height:0.0362, size:0.0291, oneLine:true, color:'#666', align:'right', font:'belerenbsc'},
+		pt: {name:'Power/Toughness', text:'', x:0.7928, y:0.902, width:0.1367, height:0.0372, size:0.0372, font:'belerenbsc', oneLine:true, align:'center'}
+	});
+}
+//loads available frames
+loadFramePack();