five new frames...

This commit is contained in:
Kyle
2021-08-30 14:07:47 -07:00
parent aa0cd56e50
commit f7f5af06c7
82 changed files with 433 additions and 17 deletions

View File

@@ -2,8 +2,9 @@ loadFramePacks([
{name:'D&D Sourcebook', value:'DNDSourcebook'},
{name:'D&D Module', value:'DNDModule'},
{name:'Sketch Cards (MH2)', value:'MH2'},
{name:'Mystical Archive (Japanese)', value:'MysticalArchiveJP'},
{name:'Mystical Archive', value:'MysticalArchive'},
{name:'Mystical Archive (Japanese)', value:'MysticalArchiveJP'},
{name:'Mystical Archive (Japanese, Horizontal)', value:'MysticalArchiveJPHorizontal'},
{name:'Praetors', value:'Praetors'},
{name:'Kaldheim', value:'Kaldheim-2'},
{name:'Kaldheim (Nonlegendary)', value:'KaldheimNonleg'},
@@ -17,6 +18,7 @@ loadFramePacks([
{name:'Nickname', value:'M15Nickname'},
{name:'Extended Art (Box Topper)', value:'M15BoxTopper'},
{name:'ZNR Expeditions (2020)', value:'ExpeditionZNR-1'},
{name:'Signature Spellbook (Jace/Gideon)', value:'SignatureSpellbook'},
{name:'Ixalan Maps', value:'Ixalan'},
{name:'Amonkhet Invocations (u/Smyris)', value:'Invocation'},
{name:'Kaladesh Inventions', value:'Invention'},

View File

@@ -3,6 +3,9 @@ loadFramePacks([
{name:'Textless', value:'TokenTextless-1'},
{name:'Tall', value:'TokenTall-1'},
{name:'Jumpstart Front Cards', value:'JMPFront'},
{name:'Old Tokens (Bordered M15)', value:'disabled'},
{name:'Regular (Bordered M15)', value:'TokenRegularM15'},
{name:'Textless (Bordered M15)', value:'TokenTextlessM15'},
{name:'Addons', value:'disabled'},
{name:'Floating Legend Crowns', value:'M15LegendCrownsFloating'},
{name:'Inner Crowns', value:'M15InnerCrowns'},

View File

@@ -2,11 +2,11 @@
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/m21/m15M21FrameW.png'},
{name:'Blue Frame', src:'/img/frames/m15/m21/m15M21FrameU.png'},
{name:'Black Frame', src:'/img/frames/m15/m21/m15M21FrameB.png'},
{name:'Red Frame', src:'/img/frames/m15/m21/m15M21FrameR.png'},
{name:'Green Frame', src:'/img/frames/m15/m21/m15M21FrameG.png'},
{name:'White Frame (Basri)', src:'/img/frames/m15/m21/m15M21FrameW.png'},
{name:'Blue Frame (Teferi)', src:'/img/frames/m15/m21/m15M21FrameU.png'},
{name:'Black Frame (Liliana)', src:'/img/frames/m15/m21/m15M21FrameB.png'},
{name:'Red Frame (Chandra)', src:'/img/frames/m15/m21/m15M21FrameR.png'},
{name:'Green Frame (Garruk)', src:'/img/frames/m15/m21/m15M21FrameG.png'},
{name:'White Basic Land', src:'/img/frames/m15/m21/m15M21FrameWL.png'},
{name:'Blue Basic Land', src:'/img/frames/m15/m21/m15M21FrameUL.png'},
{name:'Black Basic Land', src:'/img/frames/m15/m21/m15M21FrameBL.png'},

View File

@@ -0,0 +1,65 @@
//Create objects for common properties across available frames
var masks = [{src:'/img/frames/mysticalArchive/jp/pinline.svg', name:'Pinline'}, {src:'/img/frames/mysticalArchive/jp/rightHalf.svg', name:'Right Half'}];
var masks2 = [{src:'/img/frames/mysticalArchive/jp/rightHalf.svg', name:'Right Half'}];
var stretch = [
{name:'adjustableHorizontal', targets: [0, 1, 6, 7, 8, 10, 11, 16, 17, 18, 20, 21, 22, 27, 28], change:[0, 0]},
{name:'typePinline', targets: [0, 1, 2, 3, 4, 5, 6, 12, 14, 18, 19, 20, 21, 22, 23], change:[0, 0]},
{name:'type', targets: [0, 1, 2], change:[0, 0]}
];
var bounds = {x:0.8027, y:0.5381, width:0.116, height:0.0829}
var bounds2 = {x:0.7767, y:0.8881, width:0.1687, height:0.0591}
// Notification
notify('When you load the Japanese Mystical Archive frame version, a "Mystical Archive" tab will appear. This tab allows you to control the height of the title bar.', 15);
//defines available frames
availableFrames = [
{name:'White Frame', src:'/img/frames/mysticalArchive/jp/horizontal/w.svg', stretch:stretch, masks:masks},
{name:'Blue Frame', src:'/img/frames/mysticalArchive/jp/horizontal/u.svg', stretch:stretch, masks:masks},
{name:'Black Frame', src:'/img/frames/mysticalArchive/jp/horizontal/b.svg', stretch:stretch, masks:masks},
{name:'Red Frame', src:'/img/frames/mysticalArchive/jp/horizontal/r.svg', stretch:stretch, masks:masks},
{name:'Green Frame', src:'/img/frames/mysticalArchive/jp/horizontal/g.svg', stretch:stretch, masks:masks},
{name:'Multicolored Frame', src:'/img/frames/mysticalArchive/jp/horizontal/m.svg', stretch:stretch, masks:masks},
{name:'Artifact Frame', src:'/img/frames/mysticalArchive/jp/horizontal/a.svg', stretch:stretch, masks:masks},
{name:'Land Frame', src:'/img/frames/mysticalArchive/jp/horizontal/l.svg', stretch:stretch, masks:masks},
{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:'White Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/w.svg', bounds:bounds2, complementary:19},
{name:'Blue Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/u.svg', bounds:bounds2, complementary:19},
{name:'Black Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/b.svg', bounds:bounds2, complementary:19},
{name:'Red Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/r.svg', bounds:bounds2, complementary:19},
{name:'Green Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/g.svg', bounds:bounds2, complementary:19},
{name:'Multicolored Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/m.svg', bounds:bounds2, complementary:19},
{name:'Artifact Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/a.svg', bounds:bounds2, complementary:19},
{name:'Land Power/Toughness', src:'/img/frames/mysticalArchive/jp/pt/l.svg', bounds:bounds2, complementary:19},
{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;
//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 = 'MAJPHorizontal';
card.onload = '/js/frames/versionMysticalArchiveJPHorizontal.js';
loadScript('/js/frames/versionMysticalArchiveJPHorizontal.js');
//art bounds
card.artBounds = {x:0, y:0, width:1, height:0.9286};
autoFitArt();
//set symbol bounds
card.setSymbolBounds = {x:0.8607, y:0.5796, width:0.116, height:0.0829, vertical:'center', horizontal: 'center'};
resetSetSymbol();
//watermark bounds
card.watermarkBounds = {x:0.5, y:0.7705, width:0.75, height:0.2362};
resetWatermark();
//text
loadTextOptions({
mana: {name:'Mana Cost', text:'', y:0.0505, width:0.9414, height:100/2100, oneLine:true, size:100/1638, align:'right', manaCost:true, manaSpacing:-0.0015, manaPrefix:'majp'},
title: {name:'Title', text:'', x:0.0514, y:0.0522, width:0.18, height:0.0543, oneLine:true, font:'belerenb', size:0.0381, color:'white', align:'center'},
type: {name:'Type', text:'', x:0.08, y:0.5548, width:0.2867, height:0.0543, oneLine:true, font:'belerenb', size:0.0324, align:'center'},
rules: {name:'Rules Text', text:'', x:0.0934, y:0.6248, width:0.8134, height:0.2934, 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'}
});
}
//loads available frames
loadFramePack();

View File

@@ -0,0 +1,40 @@
//Create objects for common properties across available frames
var bounds = {x:0.7573, y:0.8848, width:0.188, height:0.0733};
//defines available frames
availableFrames = [
{name:'White Frame (Gideon)', src:'/img/frames/m15/signatureSpellbook/gideon.png'},
{name:'Blue Frame (Jace)', src:'/img/frames/m15/signatureSpellbook/jace.png'},
{name:'White Power/Toughness', src:'/img/frames/m15/signatureSpellbook/gideonPT.png', bounds:bounds},
{name:'Blue Power/Toughness', src:'/img/frames/m15/signatureSpellbook/jacePT.png', bounds:bounds},
{name:'Holo Stamp', src:'/img/frames/m15/m21/m15M21Stamp.png', bounds:{x:0.4727, y:0.892, width:0.0547, height:0.0391}},
];
//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 = 'signatureSpellbook';
loadScript('/js/frames/manaSymbolsM21.js');
// notify('To use the darker mana symbols on white cards, place a "DM21" (for "Dark M21") before the following mana symbols: wubrg, 0-9, and x.');
//art bounds
card.artBounds = {x:0.0767, y:0.1129, width:0.8476, height:0.4429};
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', manaCost:true, manaSpacing:0, manaPrefix:'m21'},
title: {name:'Title', text:'', x:0.0854, y:0.0522, width:0.8292, height:0.0543, oneLine:true, font:'belerenb', size:0.0381, color:'white', shadowX:0.0014, shadowY:0.001},
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.0967, y:0.6453, width:0.8067, height:0.2381, 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();

View File

@@ -12,6 +12,7 @@ availableFrames = [
{name:'Artifact Frame', src:'/img/frames/token/regular/tokenFrameARegular.png', masks:masks},
{name:'Land Frame', src:'/img/frames/token/regular/tokenFrameLRegular.png', masks:masks},
{name:'Colorless Frame', src:'/img/frames/token/regular/frameC.png', masks:masks},
{name:'Snow Frame', src:'/img/frames/token/regular/snow.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},
@@ -28,7 +29,7 @@ document.querySelector('#loadFrameVersion').onclick = async function() {
//resets things so that every frame doesn't have to
await resetCardIrregularities();
//sets card version
card.version = 'promoRegular';
card.version = 'tokenRegular';
//art bounds
card.artBounds = {x:0.04, y:0.0286, width:0.92, height:0.8953};
autoFitArt();

View File

@@ -0,0 +1,50 @@
//Create objects for common properties across available frames
var masks = [{src:'/img/frames/token/m15/regular/pinline.svg', name:'Pinline'}, {src:'/img/frames/token/m15/regular/frame.svg', name:'Frame'}, {src:'/img/frames/m15/regular/m15MaskTitle.png', name:'Title'}, {src:'/img/frames/token/tokenMaskRegularType.png', name:'Type'}, {src:'/img/frames/token/tokenMaskRegularRules.png', name:'Rules'}, {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/token/m15/regular/w.png', masks:masks},
{name:'Blue Frame', src:'/img/frames/token/m15/regular/u.png', masks:masks},
{name:'Black Frame', src:'/img/frames/token/m15/regular/b.png', masks:masks},
{name:'Red Frame', src:'/img/frames/token/m15/regular/r.png', masks:masks},
{name:'Green Frame', src:'/img/frames/token/m15/regular/g.png', masks:masks},
{name:'Multicolored Frame', src:'/img/frames/token/m15/regular/m.png', masks:masks},
{name:'Artifact Frame', src:'/img/frames/token/m15/regular/a.png', masks:masks},
{name:'Land Frame', src:'/img/frames/token/m15/regular/l.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},
{name:'Colorless Power/Toughness', src:'/img/frames/m15/regular/m15PTC.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 = 'tokenRegularM15';
//art bounds
card.artBounds = {x:0.04, y:0.0286, width:0.92, height:0.8953};
autoFitArt();
//set symbol bounds
card.setSymbolBounds = {x:0.9213, y:0.6743, width:0.12, height:0.0410, vertical:'center', horizontal: 'right'};
resetSetSymbol();
//watermark bounds
card.watermarkBounds = {x:0.5, y:0.8177, width:0.75, height:0.1472};
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.0854, y:0.0522, width:0.8292, height:0.0543, oneLine:true, font:'belerenbsc', size:0.0381, color:'#fde367', align:'center'},
type: {name:'Type', text:'', x:0.0854, y:0.65, width:0.8292, height:0.0543, oneLine:true, font:'belerenb', size:0.0324},
rules: {name:'Rules Text', text:'', x:0.086, y:0.7143, width:0.828, height:0.2048, 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'}
});
}
//loads available frames
loadFramePack();

View File

@@ -12,6 +12,7 @@ availableFrames = [
{name:'Artifact Frame', src:'/img/frames/token/tall/tokenFrameATall.png', masks:masks},
{name:'Land Frame', src:'/img/frames/token/tall/tokenFrameLTall.png', masks:masks},
{name:'Colorless Frame', src:'/img/frames/token/tall/frameC.png', masks:masks},
{name:'Snow Frame', src:'/img/frames/token/tall/snow.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},
@@ -28,7 +29,7 @@ document.querySelector('#loadFrameVersion').onclick = async function() {
//resets things so that every frame doesn't have to
await resetCardIrregularities();
//sets card version
card.version = 'promoTall';
card.version = 'tokenTall';
//art bounds
card.artBounds = {x:0.04, y:0.0286, width:0.92, height:0.8953};
autoFitArt();

View File

@@ -12,6 +12,7 @@ availableFrames = [
{name:'Artifact Frame', src:'/img/frames/token/textless/tokenFrameATextless.png', masks:masks},
{name:'Land Frame', src:'/img/frames/token/textless/tokenFrameLTextless.png', masks:masks},
{name:'Colorless Frame', src:'/img/frames/token/textless/frameC.png', masks:masks},
{name:'Snow Frame', src:'/img/frames/token/textless/snow.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},
@@ -28,7 +29,7 @@ document.querySelector('#loadFrameVersion').onclick = async function() {
//resets things so that every frame doesn't have to
await resetCardIrregularities();
//sets card version
card.version = 'promoTextless';
card.version = 'tokenTextless';
//art bounds
card.artBounds = {x:0.04, y:0.0286, width:0.92, height:0.8953};
autoFitArt();

View File

@@ -0,0 +1,49 @@
//Create objects for common properties across available frames
var masks = [{src:'/img/frames/token/m15/textless/pinline.svg', name:'Pinline'}, {src:'/img/frames/token/m15/textless/frame.svg', name:'Frame'}, {src:'/img/frames/m15/regular/m15MaskTitle.png', name:'Title'}, {src:'/img/frames/token/tokenMaskTextlessType.png', name:'Type'}, {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/token/m15/textless/w.png', masks:masks},
{name:'Blue Frame', src:'/img/frames/token/m15/textless/u.png', masks:masks},
{name:'Black Frame', src:'/img/frames/token/m15/textless/b.png', masks:masks},
{name:'Red Frame', src:'/img/frames/token/m15/textless/r.png', masks:masks},
{name:'Green Frame', src:'/img/frames/token/m15/textless/g.png', masks:masks},
{name:'Multicolored Frame', src:'/img/frames/token/m15/textless/m.png', masks:masks},
{name:'Artifact Frame', src:'/img/frames/token/m15/textless/a.png', masks:masks},
{name:'Land Frame', src:'/img/frames/token/m15/textless/l.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},
{name:'Colorless Power/Toughness', src:'/img/frames/m15/regular/m15PTC.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 = 'tokenTextlessM15';
//art bounds
card.artBounds = {x:0.04, y:0.0286, width:0.92, height:0.8953};
autoFitArt();
//set symbol bounds
card.setSymbolBounds = {x:0.9213, y:0.8439, width:0.12, height:0.0410, vertical:'center', horizontal: 'right'};
resetSetSymbol();
//watermark bounds
card.watermarkBounds = {x:-1, y:-1, width:0.0007, height:0.0005};
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.0854, y:0.0522, width:0.8292, height:0.0543, oneLine:true, font:'belerenbsc', size:0.0381, color:'#fde367', align:'center'},
type: {name:'Type', text:'', x:0.0854, y:0.8196, width:0.8292, height:0.0543, oneLine:true, font:'belerenb', size:0.0324},
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();

View File

@@ -0,0 +1,42 @@
//checks to see if it needs to run
if (!loadedVersions.includes('/js/frames/versionMysticalArchiveJPHorizontal.js')) {
loadedVersions.push('/js/frames/versionMysticalArchiveJPHorizontal.js');
document.querySelector('#creator-menu-tabs').innerHTML += '<h3 class="selectable readable-background" onclick="toggleCreatorTabs(event, `mysticalArchiveHorizontal`)">Mystical Archive (H)</h3>';
var newHTML = document.createElement('div');
newHTML.id = 'creator-menu-mysticalArchiveHorizontal';
newHTML.classList.add('hidden');
newHTML.innerHTML = `
<div class='readable-background padding'>
<h5 class='padding margin-bottom input-description'>Adjust the title bar's width:</h5>
<input id='mah-change1' class='input' type='number' oninput='stretchMysticalArchiveHorizontal();' min='100', max='1000', value='270', step='5'>
</div>
<div class='readable-background padding'>
<h5 class='padding margin-bottom input-description'>Adjust the type bar's width:</h5>
<input id='mah-change2' class='input' type='number' oninput='stretchMysticalArchiveHorizontal();' min='150', max='1000', value='430', step='5'>
</div>
<!-- <div class='readable-background padding'>
<h5 class='padding margin-bottom input-description'>Targets:</h5>
<input id='mah-targets' class='input' type='text' oninput='stretchMysticalArchiveHorizontal();'>
</div> -->`;
document.querySelector('#creator-menu-sections').appendChild(newHTML);
loadScript('/js/frames/manaSymbolsMysticalArchiveJP.js');
}
function stretchMysticalArchiveHorizontal() {
// compute changes
const change1 = [(parseInt(document.querySelector('#mah-change1').value) - 270) / 1500, 0];
const change2 = [(parseInt(document.querySelector('#mah-change2').value) - 430) / 1260, 0];
// change textbox sizes
card.text.title.width = change1[0] + 270 / 1500;
card.text.type.width = change2[0] + 430 / 1500;
drawTextBuffer();
// resize SVGs
card.frames.forEach(frame => {
if (frame.src.includes('Archive/jp/horizontal') && 'stretch' in frame) {
frame.stretch[0].change = change1;
frame.stretch[1].change = change2;
frame.stretch[2].change = change2;
stretchSVG(frame);
}
});
}