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

s1

master
Subhodip Ghosh 2025-06-20 12:14:55 +05:30
parent 47a8ae7591
commit 1d18dd7ecd
2 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/drawing/game_drawing_jpg.astro
View File

@ -317,7 +317,7 @@ import Layout from '../../layouts/Layout.astro';
wrapWidth = 200; 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, 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)
}) })
@ -362,7 +362,21 @@ import Layout from '../../layouts/Layout.astro';
borderBottom.lineTo(x + lineWidth, y); borderBottom.lineTo(x + lineWidth, y);
borderBottom.strokePath(); 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 / topLogoWidth, 30, "topLogo");
// this.add.image(customWidth / muteIconWidth, 30, "muteIcon"); // this.add.image(customWidth / muteIconWidth, 30, "muteIcon");
// const retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon"); // const retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon");
@ -424,15 +438,15 @@ import Layout from '../../layouts/Layout.astro';
// } // }
if(isSmallMobile){ if(isSmallMobile){
outlineImage.setDepth(-1).setScale(0.25); outlineImage.setDepth(-1).setScale(0.24);
}else if(isMobile){ }else if(isMobile){
outlineImage.setDepth(-1).setScale(0.29); outlineImage.setDepth(-1).setScale(0.28);
}else if(isTablet){ }else if(isTablet){
outlineImage.setDepth(-1).setScale(0.30); outlineImage.setDepth(-1).setScale(0.30);
} else if(isSmallLaptop){ } else if(isSmallLaptop){
outlineImage.setDepth(-1).setScale(0.24); outlineImage.setDepth(-1).setScale(0.26);
} else{ } else{
outlineImage.setDepth(-1).setScale(0.4); outlineImage.setDepth(-1).setScale(0.3);
} }
const maskGraphics = this.make.graphics(); const maskGraphics = this.make.graphics();

4
src/pages/test-game.astro
View File

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