minimalistic frames + gallery

This commit is contained in:
Kyle
2022-04-14 19:23:22 -07:00
parent 77e05b73dd
commit e9d40d424a
80 changed files with 72 additions and 2 deletions

View File

@@ -23,5 +23,6 @@ loadFramePacks([
{name:'Cartoony - Sheepwave', value:'Cartoony'},
{name:'Neon - Elry', value:'CustomNeon'},
{name:'Ixalan - @feuer_ameise', value:'FeuerAmeiseIxalan'},
{name:'Kaldheim, Fullart - @feuer_ameise', value:'FeuerAmeiseKaldheim'}
{name:'Kaldheim, Fullart - @feuer_ameise', value:'FeuerAmeiseKaldheim'},
{name:'Celid\'s Asap', value:'CustomCelidAsap'}
])

View File

@@ -3,7 +3,9 @@ loadFramePacks([
{name:'D&D Module Margins', value:'MarginDNDModule'},
{name:'Mystical Archive Margins', value:'MarginMysticalArchive'},
{name:'Unstable Basics Margins', value:'MarginUnstable'},
{name:'Invocation Margins', value:'MarginInvocation'}
{name:'Invocation Margins', value:'MarginInvocation'},
{name:'Custom Margins', value:'disabled'},
{name:'Celid\'s Asap Margins', value:'CustomMarginCelidAsap'}
])
//For multiple Margin packs

View File

@@ -0,0 +1,48 @@
//Create objects for common properties across available frames
var masks = []//[{src:'/img/frames/m15/regular/m15MaskPinline.png', name:'Pinline'}];
// var bounds = {x:0.74, y:0.85, width:0.26, height:0.15};
//defines available frames
availableFrames = [
{name:'White Frame', src:'/img/frames/custom/celid/asap/w.png', masks:masks},
{name:'Blue Frame', src:'/img/frames/custom/celid/asap/u.png', masks:masks},
{name:'Black Frame', src:'/img/frames/custom/celid/asap/b.png', masks:masks},
{name:'Red Frame', src:'/img/frames/custom/celid/asap/r.png', masks:masks},
{name:'Green Frame', src:'/img/frames/custom/celid/asap/g.png', masks:masks},
{name:'Multicolored Frame', src:'/img/frames/custom/celid/asap/m.png', masks:masks},
{name:'Artifact Frame', src:'/img/frames/custom/celid/asap/a.png', masks:masks}
];
//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 = 'customCelidAsap';
//art bounds
card.artBounds = {x:0, y:0, width:1, height:0.8929};
autoFitArt();
//set symbol bounds
card.setSymbolBounds = {x:0.9213, y:0.9196, width:0.12, height:0.0362, 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:'', x:0.37, y:0.0267, width:0.26, height:54/2100, oneLine:true, size:54/1638, align:'center', manaCost:true, manaSpacing:0},
title: {name:'Title', text:'', x:0.06, y:0.0743, width:0.88, height:0.04, oneLine:true, font:'belerenb', size:0.04, color:'white', align:'center'},
type: {name:'Type', text:'', x:0.07, y:0.9058, width:0.86, height:0.0286, oneLine:true, font:'belerenb', size:0.0286, color:'white', align:'center'},
rules: {name:'Rules Text', text:'', x:0.074, y:0.672, width:0.852, height:0.2191, size:0.0362, color:'white', align:'center'},
// 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'}
});
//bottom info
await loadBottomInfo({
midLeft: {text:'{elemidinfo-set}*{elemidinfo-language} {fontbelerenbsc}{fontsize' + scaleHeight(0.001) + '}{upinline' + scaleHeight(0.0005) + '}\uFFEE{elemidinfo-artist}', x:0.0647, y:0.9548, width:0.8707, height:0.0171, oneLine:true, font:'gothammedium', size:0.0171, color:'white', outlineWidth:0.003},
bottomLeft: {text:'NOT FOR SALE', x:0.0647, y:0.9719, width:0.8707, height:0.0143, oneLine:true, font:'gothammedium', size:0.0143, color:'white', outlineWidth:0.003},
wizards: {name:'wizards', text:'\u2122 & \u00a9 {elemidinfo-year} Wizards of the Coast', x:0.0647, y:0.9549, width:0.8707, height:0.0167, oneLine:true, font:'mplantin', size:0.0162, color:'white', align:'right', outlineWidth:0.003},
bottomRight: {text:'CardConjurer.com', x:0.0647, y:0.972, width:0.8707, height:0.0143, oneLine:true, font:'mplantin', size:0.0143, color:'white', align:'right', outlineWidth:0.003}
});
}
//loads available frames
loadFramePack();

View File

@@ -0,0 +1,19 @@
//Create objects for common properties across available frames
var bounds = {x:-0.044, y:0.6143, width:1.088, height:0.4143};
var ogBounds = {x:0, y:0, width:1, height:1};
//defines available frames
availableFrames = [
{name:'White Extension', src:'/img/frames/custom/celid/asap/margins/w.png', bounds:bounds, ogBounds:ogBounds},
{name:'Blue Extension', src:'/img/frames/custom/celid/asap/margins/u.png', bounds:bounds, ogBounds:ogBounds},
{name:'Black Extension', src:'/img/frames/custom/celid/asap/margins/b.png', bounds:bounds, ogBounds:ogBounds},
{name:'Red Extension', src:'/img/frames/custom/celid/asap/margins/r.png', bounds:bounds, ogBounds:ogBounds},
{name:'Green Extension', src:'/img/frames/custom/celid/asap/margins/g.png', bounds:bounds, ogBounds:ogBounds},
{name:'Multicolored Extension', src:'/img/frames/custom/celid/asap/margins/m.png', bounds:bounds, ogBounds:ogBounds},
{name:'Artifact Extension', src:'/img/frames/custom/celid/asap/margins/a.png', bounds:bounds, ogBounds:ogBounds}
];
//disables/enables the "Load Frame Version" button
document.querySelector('#loadFrameVersion').disabled = false;
//defines process for loading this version, if applicable
document.querySelector('#loadFrameVersion').onclick = loadMarginVersion;
//loads available frames
loadFramePack();