master
Subhodip Ghosh 2025-06-20 12:14:55 +05:30
parent 47a8ae7591
commit 1d18dd7ecd
2 changed files with 23 additions and 7 deletions

View File

@ -317,7 +317,7 @@ import Layout from '../../layouts/Layout.astro';
wrapWidth = 200;
}
const descrptText = this.add.text(screenCenterX, isSmallMobile ? 100 : isMobile ? 130 : 90, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#60C6CB', align: "center", wordWrap: { width: window.innerWidth - wrapWidth }}).setOrigin(0.5);
const descrptText = this.add.text(screenCenterX, isSmallMobile ? 70 : isMobile ? 80 : 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)
})
@ -362,7 +362,21 @@ import Layout from '../../layouts/Layout.astro';
borderBottom.lineTo(x + lineWidth, y);
borderBottom.strokePath();
const outlineImage = this.add.image(customWidth / 2, customHeight / 2 + 20, 'outline');
let outlineImageHeight = 20;
if(isSmallMobile){
outlineImageHeight = 0;
} else if(isMobile){
outlineImageHeight = 50;
} else if(isTablet){
outlineImageHeight = 60;
} else if(isSmallLaptop){
outlineImageHeight = 30;
} else{
outlineImageHeight = 70;
}
const outlineImage = this.add.image(customWidth / 2, customHeight / 2 + outlineImageHeight, 'outline');
// this.add.image(customWidth / topLogoWidth, 30, "topLogo");
// this.add.image(customWidth / muteIconWidth, 30, "muteIcon");
// const retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon");
@ -424,15 +438,15 @@ import Layout from '../../layouts/Layout.astro';
// }
if(isSmallMobile){
outlineImage.setDepth(-1).setScale(0.25);
outlineImage.setDepth(-1).setScale(0.24);
}else if(isMobile){
outlineImage.setDepth(-1).setScale(0.29);
outlineImage.setDepth(-1).setScale(0.28);
}else if(isTablet){
outlineImage.setDepth(-1).setScale(0.30);
} else if(isSmallLaptop){
outlineImage.setDepth(-1).setScale(0.24);
outlineImage.setDepth(-1).setScale(0.26);
} else{
outlineImage.setDepth(-1).setScale(0.4);
outlineImage.setDepth(-1).setScale(0.3);
}
const maskGraphics = this.make.graphics();

View File

@ -5,10 +5,12 @@ import Layout from "../layouts/Layout.astro"
<div style="width: 100%; height: 100%;">
<iframe
id="gameIframe"
src="https://interaktogames.beanstalkedu.com/drawing/game_drawing_png?id=2"
src="http://192.168.1.186:2022/drawing/game_drawing_jpg?id=2"
frameborder="0"
style="width: 100%; border: 1px solid red;"
height="670px"
></iframe>
</div>
</Layout>
<!-- http://192.168.1.186:2022/ -->
<!-- src="https://interaktogames.beanstalkedu.com/drawing/game_drawing_jpg?id=2" -->