cardback
5
img/frames/cardbacks/border.svg
Normal file
@@ -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="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1430,86L70,86L70,2014L1430,2014L1430,86Z" style="fill:rgb(0,117,190);"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 577 B |
BIN
img/frames/cardbacks/borderThumb.png
Normal file
After Width: | Height: | Size: 814 B |
BIN
img/frames/cardbacks/cardback.png
Normal file
After Width: | Height: | Size: 3.6 MiB |
BIN
img/frames/cardbacks/cardbackThumb.png
Normal file
After Width: | Height: | Size: 24 KiB |
5
img/frames/cardbacks/inner.svg
Normal file
@@ -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;">
|
||||||
|
<ellipse cx="750" cy="1051" rx="573" ry="863" style="fill:rgb(239,56,39);"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 535 B |
BIN
img/frames/cardbacks/innerThumb.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
5
img/frames/cardbacks/outer.svg
Normal file
@@ -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="M1500,0L0,0L0,2100L1500,2100L1500,0ZM750,188C1066.25,188 1323,574.697 1323,1051C1323,1527.3 1066.25,1914 750,1914C433.753,1914 177,1527.3 177,1051C177,574.697 433.753,188 750,188Z" style="fill:rgb(0,123,67);"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 678 B |
BIN
img/frames/cardbacks/outerThumb.png
Normal file
After Width: | Height: | Size: 2.9 KiB |
@@ -9,5 +9,6 @@ loadFramePacks([
|
|||||||
{name:'Misc', value:'disabled'},
|
{name:'Misc', value:'disabled'},
|
||||||
{name:'Dungeon (AFR)', value:'Dungeon'},
|
{name:'Dungeon (AFR)', value:'Dungeon'},
|
||||||
{name:'Planechase', value:'Planechase'},
|
{name:'Planechase', value:'Planechase'},
|
||||||
{name:'Vanguard', value:'Vanguard'}
|
{name:'Vanguard', value:'Vanguard'},
|
||||||
|
{name:'Cardback', value:'Cardback'}
|
||||||
])
|
])
|
36
js/frames/packCardback.js
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
//Create objects for common properties across available frames
|
||||||
|
var masks = [{src:'/img/frames/cardbacks/outer.svg', name:'Outer Frame'}, {src:'/img/frames/cardbacks/inner.svg', name:'Inner Frame'}, {src:'/img/frames/cardbacks/border.svg', name:'Border'}];
|
||||||
|
//defines available frames
|
||||||
|
availableFrames = [
|
||||||
|
{name:'Cardback', src:'/img/frames/cardbacks/cardback.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 = 'cardback';
|
||||||
|
//art bounds
|
||||||
|
card.artBounds = {x:0, y:0, width:1, height:1};
|
||||||
|
autoFitArt();
|
||||||
|
//set symbol bounds
|
||||||
|
card.setSymbolBounds = {x:2, y:2, width:0.12, height:0.0362, vertical:'center', horizontal: 'center'};
|
||||||
|
resetSetSymbol();
|
||||||
|
//watermark bounds
|
||||||
|
card.watermarkBounds = {x:0.5, y:0.5, width:0.75, height:0.75};
|
||||||
|
resetWatermark();
|
||||||
|
//text
|
||||||
|
loadTextOptions({
|
||||||
|
title: {name:'Title', text:'', x:0.0474, y:0.7039, width:0.9054, height:0.0534, oneLine:true, font:'gothammedium', size:0.0534, color:'white', align:'center'},
|
||||||
|
}); //bottom info
|
||||||
|
loadBottomInfo({
|
||||||
|
midLeft: {text:'{elemidinfo-set}*{elemidinfo-language} {savex}{fontbelerenbsc}{fontsize' + scaleHeight(0.001) + '}{upinline' + scaleHeight(0.0005) + '}\uFFEE{elemidinfo-artist}', x:0.0647, y:0.9548 + 12/2100, 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 + 12/2100, width:0.8707, height:0.0143, oneLine:true, font:'gothammedium', size:0.0143, color:'white', outlineWidth:0.003},
|
||||||
|
wizards: {name:'wizards', text:'\u2122 & \u00a9 ' + date.getFullYear() + ' Wizards of the Coast', x:0.0647, y:0.9549 + 12/2100, 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 + 12/2100, width:0.8707, height:0.0143, oneLine:true, font:'mplantin', size:0.0143, color:'white', align:'right', outlineWidth:0.003}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
//loads available frames
|
||||||
|
loadFramePack();
|