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

init mygame

pull/1/head
Arkadyuti Sarkar 2023-07-23 11:43:42 +05:30
parent 8117642d5a
commit f350ede7ea
1 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/drag/index.astro
View File

@ -90,14 +90,34 @@ const blockMatches = [
targetName: "target4", targetName: "target4",
}, },
]; ];
var assetsList = {}
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const data = fetch(`https://management.beanstalkedu.com/items/game_drag/${encodeURIComponent(paramsID)}`) const data = fetch(`https://management.beanstalkedu.com/items/game_drag/${encodeURIComponent(paramsID)}`)
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(({data}) => {
// console.log(data.data); console.log("finding:: data",data)
// let ttt="ttt"; const {left_image1, right_image1} = data
data
assetsList.left_image1 = "https://management.beanstalkedu.com/assets/" + left_image1
assetsList.right_image1 = "https://management.beanstalkedu.com/assets/" + right_image1
const config = {
type: Phaser.AUTO,
width: window.innerWidth,
height: window.innerHeight,
parent: "phaser-example",
scale: {
mode: Phaser.Scale.FIT,
autoCenter: Phaser.Scale.CENTER_HORIZONTALLY,
},
scene: MyGame,
};
const game = new Phaser.Game(config);
}) })
.catch(error => { .catch(error => {
console.error('Error fetching initial data:', error); console.error('Error fetching initial data:', error);
@ -227,15 +247,15 @@ class MyGame extends Phaser.Scene {
this.load.image('logo'+i, '/assets/background.jpg'); this.load.image('logo'+i, '/assets/background.jpg');
} }
this.load.image("tick", '/assets/tick.png'); this.load.image("tick", '/assets/tick.png');
this.load.image("bg", '/assets/background.jpg'); this.load.image("bg", '/assets/background.jpg');
this.load.image("target1", '/assets/yam.png'); this.load.image("target1", assetsList.right_image1);
this.load.image("target2", '/assets/hay.png'); this.load.image("target2", '/assets/hay.png');
this.load.image("target3", '/assets/mat.png'); this.load.image("target3", '/assets/mat.png');
this.load.image("target4", '/assets/star.png'); this.load.image("target4", '/assets/star.png');
this.load.image("border", '/assets/squar.png'); this.load.image("border", '/assets/squar.png');
this.load.spritesheet("blocks1", '/assets/chat.png',{
this.load.spritesheet("blocks1", assetsList.left_image1,{
frameWidth: 100, frameWidth: 100,
frameHeight: 100, frameHeight: 100,
}); });
@ -253,7 +273,6 @@ class MyGame extends Phaser.Scene {
}); });
} }
create() { create() {
console.log(data)
const bgWidthX = window.innerWidth / 2; const bgWidthX = window.innerWidth / 2;
const bgWidthY = window.innerHeight / 2; const bgWidthY = window.innerHeight / 2;
this.add.image(bgWidthX, bgWidthY, "bg").setScale(2.4); this.add.image(bgWidthX, bgWidthY, "bg").setScale(2.4);
@ -405,21 +424,6 @@ const isMatch = (blockName, targetName) => {
// console.log("Result", result) // console.log("Result", result)
return match !== undefined; return match !== undefined;
}; };
const config = {
type: Phaser.AUTO,
width: window.innerWidth,
height: window.innerHeight,
parent: "phaser-example",
scale: {
mode: Phaser.Scale.FIT,
autoCenter: Phaser.Scale.CENTER_HORIZONTALLY,
},
scene: MyGame,
};
const game = new Phaser.Game(config);
</script> </script>
<style> <style>
* { * {