diff --git a/img/frames/m15/invention/phyrexian.png b/img/frames/m15/invention/phyrexian.png new file mode 100644 index 00000000..30fb880e Binary files /dev/null and b/img/frames/m15/invention/phyrexian.png differ diff --git a/img/frames/m15/invention/phyrexianPT.png b/img/frames/m15/invention/phyrexianPT.png new file mode 100644 index 00000000..03fa19c7 Binary files /dev/null and b/img/frames/m15/invention/phyrexianPT.png differ diff --git a/img/frames/m15/invention/phyrexianPTThumb.png b/img/frames/m15/invention/phyrexianPTThumb.png new file mode 100644 index 00000000..343b3a03 Binary files /dev/null and b/img/frames/m15/invention/phyrexianPTThumb.png differ diff --git a/img/frames/m15/invention/phyrexianThumb.png b/img/frames/m15/invention/phyrexianThumb.png new file mode 100644 index 00000000..350b7b55 Binary files /dev/null and b/img/frames/m15/invention/phyrexianThumb.png differ diff --git a/js/creator-22.js b/js/creator-22.js index d77e57c7..2f711a1f 100644 --- a/js/creator-22.js +++ b/js/creator-22.js @@ -1812,6 +1812,31 @@ function drawNewGuidelines() { } guidelinesContext.fillStyle = 'red'; guidelinesContext.fillRect(setSymbolX, setSymbolY, setSymbolWidth, setSymbolHeight); + // grid + guidelinesContext.globalAlpha = 1; + guidelinesContext.beginPath(); + guidelinesContext.strokeStyle = 'gray'; + guidelinesContext.lineWidth = 1; + const boxPadding = 25; + for (var x = 0; x <= card.width; x += boxPadding) { + guidelinesContext.moveTo(x, 0); + guidelinesContext.lineTo(x, card.height); + } + for (var y = 0; y <= card.height; y += boxPadding) { + guidelinesContext.moveTo(0, y); + guidelinesContext.lineTo(card.width, y); + } + guidelinesContext.stroke(); + //center lines + guidelinesContext.beginPath(); + guidelinesContext.strokeStyle = 'black'; + guidelinesContext.lineWidth = 3; + guidelinesContext.moveTo(card.width / 2, 0); + guidelinesContext.lineTo(card.width / 2, card.height); + guidelinesContext.moveTo(0, card.height / 2); + guidelinesContext.lineTo(card.width, card.height / 2); + guidelinesContext.stroke(); + //draw to card drawCard(); } //Various loaders diff --git a/js/frames/packInvention.js b/js/frames/packInvention.js index d68492b7..31f27184 100644 --- a/js/frames/packInvention.js +++ b/js/frames/packInvention.js @@ -6,7 +6,9 @@ availableFrames = [ {name:'Invention Frame', src:'/img/frames/m15/invention/inventionFrameA.png', masks:masks}, {name:'Invention Power/Toughness', src:'/img/frames/m15/invention/inventionPT.png', bounds:bounds}, {name:'Silver Frame', src:'/img/frames/m15/invention/a.png', masks:masks}, - {name:'Silver Power/Toughness', src:'/img/frames/m15/invention/apt.png', bounds:bounds} + {name:'Silver Power/Toughness', src:'/img/frames/m15/invention/apt.png', bounds:bounds}, + {name:'Phyrexian Frame', src:'/img/frames/m15/invention/phyrexian.png', masks:masks}, + {name:'Phyrexian Power/Toughness', src:'/img/frames/m15/invention/phyrexianPT.png', bounds:bounds} ]; //disables/enables the "Load Frame Version" button document.querySelector('#loadFrameVersion').disabled = false;