master
parent
47a8ae7591
commit
1d18dd7ecd
|
@ -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();
|
||||
|
|
|
@ -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" -->
|
Loading…
Reference in New Issue