diff --git a/src/pages/drawing/drawing_writo.astro b/src/pages/drawing/drawing_writo.astro index 0dd7b78..4d33c58 100644 --- a/src/pages/drawing/drawing_writo.astro +++ b/src/pages/drawing/drawing_writo.astro @@ -117,9 +117,9 @@ 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 = 22; + const baseFontSize = 18; const responsiveFontSize = (window.innerWidth / 800) * baseFontSize; - const descrptText = this.add.text(screenCenterX, 70, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', }).setOrigin(0.5); + const descrptText = this.add.text(screenCenterX, 50, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', }).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) }) @@ -181,11 +181,11 @@ 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, 'outline'); + const outlineImage = this.add.image(customWidth / 2, customHeight / 2+0, 'outline'); if(isMobile){ outlineImage.setDepth(1).setScale(0.33); } else{ - outlineImage.setDepth(1).setScale(0.65); + outlineImage.setDepth(1).setScale(0.45); } graphics = this.add.graphics();