diff --git a/src/pages/drawing/game_drawing_png.astro b/src/pages/drawing/game_drawing_png.astro index 6478250..083261b 100644 --- a/src/pages/drawing/game_drawing_png.astro +++ b/src/pages/drawing/game_drawing_png.astro @@ -315,11 +315,11 @@ import Layout from '../../layouts/Layout.astro'; .then(({ data }) => { // console.log(data.colors) const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2; - const baseFontSize = 24; + const baseFontSize = 28; const responsiveFontSize = (window.innerWidth / 940) * baseFontSize; let wrapWidth; if(isMobile){wrapWidth = 10;} else{wrapWidth = 200;} - const descrptText = this.add.text(screenCenterX, 100, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#60C6CB', align: "center", wordWrap: {width: window.innerWidth-wrapWidth}}, ).setOrigin(0.5); + const descrptText = this.add.text(screenCenterX, 90, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#60C6CB', align: "center", wordWrap: {width: window.innerWidth-wrapWidth}}, ).setOrigin(0.5); // this.add.text(customWidth / 2 - learningWidth, customHeight / 2 - learningHeight, data.LearningArea, {font: `20px`}).setTint(0X7C4C23) // this.add.text(customWidth / 2 - learningWidth, customHeight / 2 - learningHeight + 20, data.LearningSubArea, {font: `20px`}).setTint(0X7C4C23) }) @@ -390,7 +390,6 @@ import Layout from '../../layouts/Layout.astro'; gallerySliderId.classList.remove('hidden'); }); - const textStyle = {font: 'bold 40px quicksand', fill: '#05b3a4',}; if(!isMobile){ // this.add.text(customWidth / 10, 20, "Drawing", textStyle); // this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); @@ -398,7 +397,7 @@ import Layout from '../../layouts/Layout.astro'; // this.add.text(customWidth / 30, 0, "Drawing", textStyle); // this.add.image(customWidth / 2 * 1.6 - 0.5, 25, 'topLogo'); } - const outlineImage = this.add.image(customWidth / 2, customHeight / 2.2, 'outline'); + const outlineImage = this.add.image(customWidth / 2, customHeight / 2, 'outline'); if(isMobile){ outlineImage.setDepth(1).setScale(0.2); }else if(isTab){