8th Edition Playtest frames (#40)

* 8th edition playtest cards, mostly * Finish up 8th edition playtest cards * Reign in text sizes to prevent overlap with land notch * Slightly shift over the set symbol so it's more centered * Slight adjustment to artist credit positioning and size
joshbirnholz · Sep 8, 2024 · 494909f · 494909f
1 parent 2312727
commit 494909f
Show file tree

Hide file tree

Showing 76 changed files with 79 additions and 2 deletions.
diff --git a/css/style-9.css b/css/style-9.css
@@ -167,6 +167,10 @@
 	font-family: dinnextmedium;
 	src: url('../fonts/DIN-Next-Medium.otf') format('opentype');
 }
+@font-face {
+	font-family: notosans;
+	src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
+}
 /*Variables*/
 :root {
 	--site-background: url('../img/lowpolyBackground.svg');

diff --git a/fonts/NotoSans-Regular.ttf b/fonts/NotoSans-Regular.ttf
diff --git a/img/frames/8thPlaytest/acard.png b/img/frames/8thPlaytest/acard.png
diff --git a/img/frames/8thPlaytest/acardThumb.png b/img/frames/8thPlaytest/acardThumb.png
diff --git a/img/frames/8thPlaytest/apt.png b/img/frames/8thPlaytest/apt.png
diff --git a/img/frames/8thPlaytest/aptThumb.png b/img/frames/8thPlaytest/aptThumb.png
diff --git a/img/frames/8thPlaytest/bbar.png b/img/frames/8thPlaytest/bbar.png
diff --git a/img/frames/8thPlaytest/bbar2.png b/img/frames/8thPlaytest/bbar2.png
diff --git a/img/frames/8thPlaytest/bbar2Thumb.png b/img/frames/8thPlaytest/bbar2Thumb.png
diff --git a/img/frames/8thPlaytest/bbarThumb.png b/img/frames/8thPlaytest/bbarThumb.png
diff --git a/img/frames/8thPlaytest/bcard.png b/img/frames/8thPlaytest/bcard.png
diff --git a/img/frames/8thPlaytest/bcardThumb.png b/img/frames/8thPlaytest/bcardThumb.png
diff --git a/img/frames/8thPlaytest/blcard.png b/img/frames/8thPlaytest/blcard.png
diff --git a/img/frames/8thPlaytest/blcardThumb.png b/img/frames/8thPlaytest/blcardThumb.png
diff --git a/img/frames/8thPlaytest/bpt.png b/img/frames/8thPlaytest/bpt.png
diff --git a/img/frames/8thPlaytest/bptThumb.png b/img/frames/8thPlaytest/bptThumb.png
diff --git a/img/frames/8thPlaytest/cbar.png b/img/frames/8thPlaytest/cbar.png
diff --git a/img/frames/8thPlaytest/cbarThumb.png b/img/frames/8thPlaytest/cbarThumb.png
diff --git a/img/frames/8thPlaytest/ccard.png b/img/frames/8thPlaytest/ccard.png
diff --git a/img/frames/8thPlaytest/ccardThumb.png b/img/frames/8thPlaytest/ccardThumb.png
diff --git a/img/frames/8thPlaytest/clcard.png b/img/frames/8thPlaytest/clcard.png
diff --git a/img/frames/8thPlaytest/clcardThumb.png b/img/frames/8thPlaytest/clcardThumb.png
diff --git a/img/frames/8thPlaytest/cpt.png b/img/frames/8thPlaytest/cpt.png
diff --git a/img/frames/8thPlaytest/cptThumb.png b/img/frames/8thPlaytest/cptThumb.png
diff --git a/img/frames/8thPlaytest/gbar.png b/img/frames/8thPlaytest/gbar.png
diff --git a/img/frames/8thPlaytest/gbar2.png b/img/frames/8thPlaytest/gbar2.png
diff --git a/img/frames/8thPlaytest/gbar2Thumb.png b/img/frames/8thPlaytest/gbar2Thumb.png
diff --git a/img/frames/8thPlaytest/gbarThumb.png b/img/frames/8thPlaytest/gbarThumb.png
diff --git a/img/frames/8thPlaytest/gcard.png b/img/frames/8thPlaytest/gcard.png
diff --git a/img/frames/8thPlaytest/gcardThumb.png b/img/frames/8thPlaytest/gcardThumb.png
diff --git a/img/frames/8thPlaytest/glcard.png b/img/frames/8thPlaytest/glcard.png
diff --git a/img/frames/8thPlaytest/glcardThumb.png b/img/frames/8thPlaytest/glcardThumb.png
diff --git a/img/frames/8thPlaytest/gpt.png b/img/frames/8thPlaytest/gpt.png
diff --git a/img/frames/8thPlaytest/gptThumb.png b/img/frames/8thPlaytest/gptThumb.png
diff --git a/img/frames/8thPlaytest/mbar.png b/img/frames/8thPlaytest/mbar.png
diff --git a/img/frames/8thPlaytest/mbarThumb.png b/img/frames/8thPlaytest/mbarThumb.png
diff --git a/img/frames/8thPlaytest/mcard.png b/img/frames/8thPlaytest/mcard.png
diff --git a/img/frames/8thPlaytest/mcardThumb.png b/img/frames/8thPlaytest/mcardThumb.png
diff --git a/img/frames/8thPlaytest/mlcard.png b/img/frames/8thPlaytest/mlcard.png
diff --git a/img/frames/8thPlaytest/mlcardThumb.png b/img/frames/8thPlaytest/mlcardThumb.png
diff --git a/img/frames/8thPlaytest/mpt.png b/img/frames/8thPlaytest/mpt.png
diff --git a/img/frames/8thPlaytest/mptThumb.png b/img/frames/8thPlaytest/mptThumb.png
diff --git a/img/frames/8thPlaytest/rbar.png b/img/frames/8thPlaytest/rbar.png
diff --git a/img/frames/8thPlaytest/rbar2.png b/img/frames/8thPlaytest/rbar2.png
diff --git a/img/frames/8thPlaytest/rbar2Thumb.png b/img/frames/8thPlaytest/rbar2Thumb.png
diff --git a/img/frames/8thPlaytest/rbarThumb.png b/img/frames/8thPlaytest/rbarThumb.png
diff --git a/img/frames/8thPlaytest/rcard.png b/img/frames/8thPlaytest/rcard.png
diff --git a/img/frames/8thPlaytest/rcardThumb.png b/img/frames/8thPlaytest/rcardThumb.png
diff --git a/img/frames/8thPlaytest/rlcard.png b/img/frames/8thPlaytest/rlcard.png
diff --git a/img/frames/8thPlaytest/rlcardThumb.png b/img/frames/8thPlaytest/rlcardThumb.png
diff --git a/img/frames/8thPlaytest/rpt.png b/img/frames/8thPlaytest/rpt.png
diff --git a/img/frames/8thPlaytest/rptThumb.png b/img/frames/8thPlaytest/rptThumb.png
diff --git a/img/frames/8thPlaytest/ubar.png b/img/frames/8thPlaytest/ubar.png
diff --git a/img/frames/8thPlaytest/ubar2.png b/img/frames/8thPlaytest/ubar2.png
diff --git a/img/frames/8thPlaytest/ubar2Thumb.png b/img/frames/8thPlaytest/ubar2Thumb.png
diff --git a/img/frames/8thPlaytest/ubarThumb.png b/img/frames/8thPlaytest/ubarThumb.png
diff --git a/img/frames/8thPlaytest/ucard.png b/img/frames/8thPlaytest/ucard.png
diff --git a/img/frames/8thPlaytest/ucardThumb.png b/img/frames/8thPlaytest/ucardThumb.png
diff --git a/img/frames/8thPlaytest/ulcard.png b/img/frames/8thPlaytest/ulcard.png
diff --git a/img/frames/8thPlaytest/ulcardThumb.png b/img/frames/8thPlaytest/ulcardThumb.png
diff --git a/img/frames/8thPlaytest/upt.png b/img/frames/8thPlaytest/upt.png
diff --git a/img/frames/8thPlaytest/uptThumb.png b/img/frames/8thPlaytest/uptThumb.png
diff --git a/img/frames/8thPlaytest/wbar.png b/img/frames/8thPlaytest/wbar.png
diff --git a/img/frames/8thPlaytest/wbar2.png b/img/frames/8thPlaytest/wbar2.png
diff --git a/img/frames/8thPlaytest/wbar2Thumb.png b/img/frames/8thPlaytest/wbar2Thumb.png
diff --git a/img/frames/8thPlaytest/wbarThumb.png b/img/frames/8thPlaytest/wbarThumb.png
diff --git a/img/frames/8thPlaytest/wcard.png b/img/frames/8thPlaytest/wcard.png
diff --git a/img/frames/8thPlaytest/wcardThumb.png b/img/frames/8thPlaytest/wcardThumb.png
diff --git a/img/frames/8thPlaytest/wlcard.png b/img/frames/8thPlaytest/wlcard.png
diff --git a/img/frames/8thPlaytest/wlcardThumb.png b/img/frames/8thPlaytest/wlcardThumb.png
diff --git a/img/frames/8thPlaytest/wpt.png b/img/frames/8thPlaytest/wpt.png
diff --git a/img/frames/8thPlaytest/wptThumb.png b/img/frames/8thPlaytest/wptThumb.png
diff --git a/js/creator-23.js b/js/creator-23.js
@@ -3448,7 +3448,7 @@ function writeText(textObject, targetContext) {
 		newSplitText = [];
 		splitText.forEach((item, index) => {
 			if (item.includes('{') && item.includes('}')) {
-				newSplitText.push(item);
+				newSplitText.push(item, '{lns}');
 			} else if (item == ' ') {
 				newSplitText.push(`{down${scaleHeight(0.01)}}`);
 			} else {
@@ -3686,7 +3686,7 @@ function writeText(textObject, targetContext) {
 					if (word.includes('set')) {
 						var bottomTextSubstring = card.bottomInfo.midLeft.text.substring(0, card.bottomInfo.midLeft.text.indexOf('  {savex}')).replace('{elemidinfo-set}', document.querySelector('#info-set').value || '').replace('{elemidinfo-language}', document.querySelector('#info-language').value || '');
 						justifyWidth = lineContext.measureText(bottomTextSubstring).width;
-					} else if (word.includes('number') && wordToWrite.includes('/') && card.version != 'pokemon') {
+					} else if (word.includes('number') && wordToWrite.includes('/') && !['pokemon', '8thPlaytest'].includes(card.version)) {
 						fillJustify = true;
 						wordToWrite = Array.from(wordToWrite).join(' ');
 					}

diff --git a/js/frameSearch.js b/js/frameSearch.js
@@ -185,6 +185,7 @@ const frameNames = new Map ([
 	['Fourth Edition', 'Fourth'],
 	['Legends Multicolored', 'Legends'],
 	['Alpha/Beta/Unlimited', 'ABU'],
+	['8th Edition Playtest Cards', '8thPlaytest'],
 	['Playtest Cards', 'Playtest'],
 	['Dungeon (AFR)', 'Dungeon'],
 	['Planechase', 'Planechase'],

diff --git a/js/frames/groupMisc-2.js b/js/frames/groupMisc-2.js
@@ -9,6 +9,7 @@ loadFramePacks([
 	{name:'Legends Multicolored', value:'Legends'},
 	{name:'Alpha/Beta/Unlimited', value:'ABU'},
 	{name:'Misc', value:'disabled'},
+	{name:'8th Edition Playtest Cards', value:'8thPlaytest'},
 	{name:'Playtest Cards', value:'Playtest'},
 	{name:'Dungeon (AFR)', value:'Dungeon'},
 	{name:'Planechase', value:'Planechase'},

diff --git a/js/frames/pack8thPlaytest.js b/js/frames/pack8thPlaytest.js
@@ -0,0 +1,71 @@
+//defines available frames
+availableFrames = [
+	{name:'White Frame', src:'/img/frames/8thPlaytest/wcard.png'},
+	{name:'Blue Frame', src:'/img/frames/8thPlaytest/ucard.png'},
+	{name:'Black Frame', src:'/img/frames/8thPlaytest/bcard.png'},
+	{name:'Red Frame', src:'/img/frames/8thPlaytest/rcard.png'},
+	{name:'Green Frame', src:'/img/frames/8thPlaytest/gcard.png'},
+	{name:'Multicolored Frame', src:'/img/frames/8thPlaytest/mcard.png'},
+    {name:'Colorless Frame', src:'/img/frames/8thPlaytest/ccard.png'},
+	{name:'Artifact Frame', src:'/img/frames/8thPlaytest/acard.png'},
+    {name:'White Power/Toughness', src:'/img/frames/8thPlaytest/wpt.png'},
+	{name:'Blue Power/Toughness', src:'/img/frames/8thPlaytest/upt.png'},
+	{name:'Black Power/Toughness', src:'/img/frames/8thPlaytest/bpt.png'},
+	{name:'Red Power/Toughness', src:'/img/frames/8thPlaytest/rpt.png'},
+	{name:'Green Power/Toughness', src:'/img/frames/8thPlaytest/gpt.png'},
+	{name:'Multicolored Power/Toughness', src:'/img/frames/8thPlaytest/mpt.png'},
+    {name:'Colorless Power/Toughness', src:'/img/frames/8thPlaytest/cpt.png'},
+	{name:'Artifact Power/Toughness', src:'/img/frames/8thPlaytest/apt.png'},
+    {name:'White Land Frame', src:'/img/frames/8thPlaytest/wlcard.png'},
+    {name:'Blue Land Frame', src:'/img/frames/8thPlaytest/ulcard.png'},
+    {name:'Black Land Frame', src:'/img/frames/8thPlaytest/blcard.png'},
+    {name:'Red Land Frame', src:'/img/frames/8thPlaytest/rlcard.png'},
+    {name:'Green Land Frame', src:'/img/frames/8thPlaytest/glcard.png'},
+    {name:'Multicolored Land Frame', src:'/img/frames/8thPlaytest/mlcard.png'},
+    {name:'Colorless Land Frame', src:'/img/frames/8thPlaytest/clcard.png'},
+    {name:'White Land Bar (Tall)', src:'/img/frames/8thPlaytest/wbar.png'},
+	{name:'Blue Land Bar (Tall)', src:'/img/frames/8thPlaytest/ubar.png'},
+	{name:'Black Land Bar (Tall)', src:'/img/frames/8thPlaytest/bbar.png'},
+	{name:'Red Land Bar (Tall)', src:'/img/frames/8thPlaytest/rbar.png'},
+	{name:'Green Land Bar (Tall)', src:'/img/frames/8thPlaytest/gbar.png'},
+	{name:'Multicolored Land Bar (Tall)', src:'/img/frames/8thPlaytest/mbar.png'},
+    {name:'Colorless Land Bar (Tall)', src:'/img/frames/8thPlaytest/cbar.png'},
+    {name:'White Land Bar (Short)', src:'/img/frames/8thPlaytest/wbar2.png'},
+	{name:'Blue Land Bar (Short)', src:'/img/frames/8thPlaytest/ubar2.png'},
+	{name:'Black Land Bar (Short)', src:'/img/frames/8thPlaytest/bbar2.png'},
+	{name:'Red Land Bar (Short)', src:'/img/frames/8thPlaytest/rbar2.png'},
+	{name:'Green Land Bar (Short)', src:'/img/frames/8thPlaytest/gbar2.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();
+	//sets card version
+	card.version = '8thPlaytest';
+	//art bounds
+	card.artBounds = {x:360/2010, y:378/2814, width:(1818-360)/2010, height:(1546-378)/2814};
+	autoFitArt();
+	//set symbol bounds
+	card.setSymbolBounds = {x:207/2010, y:2598/2814, width:0.105, height:0.0410, vertical:'center', horizontal: 'center'};
+	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:125/2010, y:165/2814, size:120/2010, manaCost:true, vertical:true, noVerticalCenter:true, shadowY:0.0035},
+		title: {name:'Title', text:'', x:368/2010, y:195/2814, width:1454/2010, height:121/2814, oneLine:true, font:'matrixb', size:0.0429},
+		type: {name:'Type', text:'', x:363/2010, y:1579/2814, width:1466/2010, height:101/2814, oneLine:true, font:'matrixb', size:94/2814},
+		rules: {name:'Rules Text', text:'', x:362/2010, y:1803/2814, width:(1831-362)/2010, height:(2613-1803)/2814, size:0.0362},
+		pt: {name:'Power/Toughness', text:'', x:1504/2010, y:2513/2814, width:0.1367, height:0.0443, size:0.0443, font:'matrixbsc', oneLine:true, align:'center'}
+	});
+	//bottom info
+	loadBottomInfo({
+		top: {text:'{conditionalcolor:White_Frame:black}Illus. {elemidinfo-artist}', x:0.066, y:2475/2814, width:0.44, height:0.035, oneLine:true, font:'notosans', size:0.035, color:'white', shadowX:0.0007, shadowY:0.0005, rotation:-90},
+		midLeft: {text:'{conditionalcolor:White_Frame:black}{elemidinfo-note} {elemidinfo-set} {elemidinfo-number}', x:0.12, y:2475/2814, width:0.44, height:0.0172, oneLine:true, font:'notosans', size:0.0172, color:'white', shadowX:0.0007, shadowY:0.0005, rotation:-90}
+	});
+}
+//loads available frames
+loadFramePack();