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

get_parameter

pull/1/head
Dev 1 2023-07-18 21:41:02 +05:30
parent 6cc387d542
commit fb224621e6
1 changed files with 53 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,18 +1,8 @@
---
import Layout from '../../layouts/Layout.astro';
// import Phaser from "phaser";
import background from "./assets/background.jpg";
import yam from "./assets/yam.png";
import hay from "./assets/hay.png";
import mat from "./assets/mat.png";
import star from "./assets/star.png";
import chat from "./assets/chat.png";
import jar from "./assets/jar.png";
import jam from "./assets/jam.png";
import day from "./assets/day.png";
import tick from "./assets/tick.png";
import wrong from "./assets/day.png";
import border from "./assets/squar.png";
// const planResp = await fetch('https://api8.siliconpin.com/items/hosting?filter[status][_eq]=published');
// const planRespJson = await planResp.json();
// const planRespData = planRespJson.data;
---
<Layout title="Drag Game">
<main>
@ -102,7 +92,7 @@ class MyGame extends Phaser.Scene {
super();
}
preload() {
this.load.image("wrong", "./assets/yam.png");
// this.load.image("wrong", "https://management.beanstalkedu.com/assets/1320eec6-3029-41e5-8aad-904e590cb420");
this.load.image("tick", './assets/tick.png');
this.load.image("bg", './assets/background.jpg');
this.load.image("target1", './assets/yam.png');
@ -110,7 +100,7 @@ class MyGame extends Phaser.Scene {
this.load.image("target3", './assets/mat.png');
this.load.image("target4", './assets/star.png');
this.load.image("border", './assets/squar.png');
this.load.spritesheet("blocks1", './assets/chat.png', {
this.load.spritesheet("blocks1", './assets/chat.png', {
frameWidth: 100,
frameHeight: 100,
});
@ -128,6 +118,21 @@ class MyGame extends Phaser.Scene {
});
}
create() {
var url = 'https://management.beanstalkedu.com/items/game_drag';
var id = url.substring(url.lastIndexOf('/') + 1);
//alert(id); // 234234234
console.log(id)
// fetch(`https://management.beanstalkedu.com/items/game_drag`)
// .then(response => response.json())
// .then(data => {
// // console.log(data)
// const queryString = window.location.search;
// console.log(queryString)
// })
// .catch(error => {
// });
const bgWidthX = window.innerWidth / 2;
const bgWidthY = window.innerHeight / 2;
this.add.image(bgWidthX, bgWidthY, "bg").setScale(2.4);
@ -230,42 +235,53 @@ class MyGame extends Phaser.Scene {
}
const displayResult = (droppedBlocks) => {
const overlap = document.getElementById("overlap");
overlap.style.display = "block";
// const overlap = document.getElementById("overlap");
// overlap.style.display = "block";
let finalDom;
let points = 0;
droppedBlocks.forEach((block) => {
const targetZone = targetZones.find((zone) => zone.name === block.texture.key);
const targetZone = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName);
if (targetZone) {
if (targetZone.block === block) {
points++;
}
}
});
if (points >= droppedBlocks.length / 2) {
finalDom = document.getElementById("win");
finalDom.classList.add("win");
} else {
finalDom = document.getElementById("lost");
finalDom.classList.add("lost");
}
document.getElementById("result").innerHTML = "Points: " + points;
finalDom.classList.add("result");
// console.log(displayResult)
// if (points >= droppedBlocks.length / 2) {
// finalDom = document.getElementById("win");
// finalDom.classList.add("win");
// } else {
// finalDom = document.getElementById("lost");
// finalDom.classList.add("lost");
// }
// document.getElementById("result").innerHTML = "Points: " + points;
// finalDom.classList.add("result");
};
// const blockMatches = [
// { blockName: "block1", targetName: "target1" },
// { blockName: "block2", targetName: "target2" },
// { blockName: "block3", targetName: "target3" },
// { blockName: "block4", targetName: "target4" }
// ];
let score = 0;
const isMatch = (blockName, targetName) => {
const match = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName);
// console.log(match)
score++;
console.log(score)
if(match){
score++
console.log(score)
}
if(score === 4){
const overlap = document.getElementById("overlap");
overlap.style.display = "block";
let resultt;
if (resultt >= 2){
// result
finalDom = document.getElementById("win");
finalDom.classList.add("win");
console.log("Win")
} else {
finalDom = document.getElementById("lost");
finalDom.classList.add("lost");
console.log("Loose")
}
}
// console.log("Result", result)
return match !== undefined;
};