planechase
Before Width: | Height: | Size: 1.6 MiB |
Before Width: | Height: | Size: 15 KiB |
BIN
img/frames/planechase/short.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
img/frames/planechase/shortThumb.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
img/frames/planechase/shorter.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
img/frames/planechase/shorterThumb.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
img/frames/planechase/shortest.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
img/frames/planechase/shortestThumb.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
img/frames/planechase/tall.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
img/frames/planechase/tallThumb.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
img/frames/planechase/taller.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
img/frames/planechase/tallerThumb.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
img/frames/planechase/tallest.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
img/frames/planechase/tallestThumb.png
Normal file
After Width: | Height: | Size: 14 KiB |
@@ -58,9 +58,10 @@ async function resetCardIrregularities({canvas = [1500, 2100, 0, 0], resetOthers
|
||||
card.margins = false;
|
||||
//rotation
|
||||
if (card.landscape) {
|
||||
previewContext.scale(5/7, 7/5);
|
||||
previewContext.rotate(Math.PI / 2);
|
||||
previewContext.translate(0, -card.width / 2);
|
||||
// previewContext.scale(card.width/card.height, card.height/card.width);
|
||||
// previewContext.rotate(Math.PI / 2);
|
||||
// previewContext.translate(0, -card.width / 2);
|
||||
previewContext.setTransform(1, 0, 0, 1, 0, 0);
|
||||
card.landscape = false;
|
||||
}
|
||||
//card size
|
||||
|
@@ -1,18 +1,24 @@
|
||||
//defines available frames
|
||||
availableFrames = [
|
||||
{name:'Planechase Frame', src:'/img/frames/planechase/planechaseFrame.png'}
|
||||
{name:'Planar Frame (1)', src:'/img/frames/planechase/tallest.png'},
|
||||
{name:'Planar Frame (2)', src:'/img/frames/planechase/taller.png'},
|
||||
{name:'Planar Frame (3)', src:'/img/frames/planechase/tall.png'},
|
||||
{name:'Planar Frame (4)', src:'/img/frames/planechase/short.png'},
|
||||
{name:'Planar Frame (5)', src:'/img/frames/planechase/shorter.png'},
|
||||
{name:'Planar Frame (6)', src:'/img/frames/planechase/shortest.png'}
|
||||
];
|
||||
//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({canvas:[2100, 1500, 0, 0]});
|
||||
var previousCardHeight = card.height
|
||||
await resetCardIrregularities({canvas:[3000, 2100, 0, 0]});
|
||||
//sets card version
|
||||
card.version = 'planechase';
|
||||
//rotation
|
||||
card.landscape = true;
|
||||
previewContext.translate(0, card.width / 2);
|
||||
previewContext.translate(0, previousCardHeight / 2);
|
||||
previewContext.rotate(-Math.PI / 2);
|
||||
previewContext.scale(7/5, 5/7);
|
||||
//art bounds
|
||||
|