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 Layout from '../../layouts/Layout.astro';
// import Phaser from "phaser"; // const planResp = await fetch('https://api8.siliconpin.com/items/hosting?filter[status][_eq]=published');
import background from "./assets/background.jpg"; // const planRespJson = await planResp.json();
import yam from "./assets/yam.png"; // const planRespData = planRespJson.data;
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";
--- ---
<Layout title="Drag Game"> <Layout title="Drag Game">
<main> <main>
@ -102,7 +92,7 @@ class MyGame extends Phaser.Scene {
super(); super();
} }
preload() { 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("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", './assets/yam.png');
@ -110,7 +100,7 @@ class MyGame extends Phaser.Scene {
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", './assets/chat.png', {
frameWidth: 100, frameWidth: 100,
frameHeight: 100, frameHeight: 100,
}); });
@ -128,6 +118,21 @@ class MyGame extends Phaser.Scene {
}); });
} }
create() { 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 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);
@ -230,42 +235,53 @@ class MyGame extends Phaser.Scene {
} }
const displayResult = (droppedBlocks) => { const displayResult = (droppedBlocks) => {
const overlap = document.getElementById("overlap"); // const overlap = document.getElementById("overlap");
overlap.style.display = "block"; // overlap.style.display = "block";
let finalDom; let finalDom;
let points = 0; let points = 0;
droppedBlocks.forEach((block) => { 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) {
if (targetZone.block === block) { if (targetZone.block === block) {
points++; points++;
} }
} }
}); });
if (points >= droppedBlocks.length / 2) { // if (points >= droppedBlocks.length / 2) {
finalDom = document.getElementById("win"); // finalDom = document.getElementById("win");
finalDom.classList.add("win"); // finalDom.classList.add("win");
} else { // } else {
finalDom = document.getElementById("lost"); // finalDom = document.getElementById("lost");
finalDom.classList.add("lost"); // finalDom.classList.add("lost");
} // }
document.getElementById("result").innerHTML = "Points: " + points; // document.getElementById("result").innerHTML = "Points: " + points;
finalDom.classList.add("result"); // finalDom.classList.add("result");
// console.log(displayResult)
}; };
// const blockMatches = [
// { blockName: "block1", targetName: "target1" },
// { blockName: "block2", targetName: "target2" },
// { blockName: "block3", targetName: "target3" },
// { blockName: "block4", targetName: "target4" }
// ];
let score = 0; let score = 0;
const isMatch = (blockName, targetName) => { const isMatch = (blockName, targetName) => {
const match = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName); const match = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName);
// console.log(match) if(match){
score++; score++
console.log(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; return match !== undefined;
}; };