kar
/
phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix overlap issue

master
Subhodip Ghosh 2025-05-26 16:27:34 +05:30
parent 5e92a8762d
commit 477d1d4813
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/drawing/game_drawing_png.astro
View File

@ -314,12 +314,29 @@ import Layout from '../../layouts/Layout.astro';
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)
const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2; const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
const baseFontSize = 28; const baseFontSize = 28;
const responsiveFontSize = (window.innerWidth / 940) * baseFontSize; let responsiveFontSize = (window.innerWidth / 940) * baseFontSize;
let wrapWidth;
if(isMobile){wrapWidth = 10;} else{wrapWidth = 200;} // Set minimum font size for mobile
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); if (isMobile) {
responsiveFontSize = Math.max(responsiveFontSize, 35); // Never smaller than 42px on mobile
wrapWidth = 10;
} else {
wrapWidth = 200;
}
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, data.LearningArea, {font: `20px`}).setTint(0X7C4C23)
// this.add.text(customWidth / 2 - learningWidth, customHeight / 2 - learningHeight + 20, data.LearningSubArea, {font: `20px`}).setTint(0X7C4C23) // this.add.text(customWidth / 2 - learningWidth, customHeight / 2 - learningHeight + 20, data.LearningSubArea, {font: `20px`}).setTint(0X7C4C23)
}) })