From 7c8503b5da15c38032233eb5aea66b196613d304 Mon Sep 17 00:00:00 2001 From: Dev 1 Date: Tue, 25 Jul 2023 21:52:15 +0530 Subject: [PATCH] add_image_name_&_bg_removed --- public/assets/top_logo.jpg | Bin 0 -> 11050 bytes public/assets/top_match.jpg | Bin 0 -> 10707 bytes src/pages/drag/font-size.js | 30 ++++++ src/pages/drag/index.astro | 201 +++++++++++++++++++----------------- 4 files changed, 134 insertions(+), 97 deletions(-) create mode 100755 public/assets/top_logo.jpg create mode 100755 public/assets/top_match.jpg create mode 100644 src/pages/drag/font-size.js diff --git a/public/assets/top_logo.jpg b/public/assets/top_logo.jpg new file mode 100755 index 0000000000000000000000000000000000000000..2dab0c78d70e8c6bf26eb34f4694324b7bf26e85 GIT binary patch literal 11050 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 UXgd5y`m=`J?p4tW`pd=t0QMZf-~a#s literal 0 HcmV?d00001 diff --git a/public/assets/top_match.jpg b/public/assets/top_match.jpg new file mode 100755 index 0000000000000000000000000000000000000000..f41e74d1173a12149f59fad6313affe21c9ff89e GIT binary patch literal 10707 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
+
+
+ +
-
+

Congratulations!

You win the Game!

- -
+ +
@@ -51,25 +58,25 @@ import Layout from '../../layouts/Layout.astro'; const targetZones = [ { x: 0, - y: 160, + y: 150, name: "target1", block: null, }, { x: 0, - y: 340, + y: 320, name: "target2", block: null, }, { x: 0, - y: 540, + y: 490, name: "target3", block: null, }, { x: 0, - y: 730, + y: 660, name: "target4", block: null, }, @@ -94,13 +101,14 @@ const blockMatches = [ ]; // console.log(blockMatches.blockName, blockMatches.targetName) var assetsList = {} +var assetsName = {} const params = new URLSearchParams(window.location.search); const paramsID = params.get('id'); const data = fetch(`https://management.beanstalkedu.com/items/game_drag/${encodeURIComponent(paramsID)}`) .then(response => response.json()) .then(({data}) => { - // console.log(data) - const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data + const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data; + // const {left_image1_name, left_image2_name, left_image3_name, left_image4_name, right_image1_name, right_image2_name, right_image3_name, right_image4_name} = data assetsList.left_image1 = "https://management.beanstalkedu.com/assets/" + left_image1 + "?width=100"; assetsList.left_image2 = "https://management.beanstalkedu.com/assets/" + left_image2 + "?width=100"; assetsList.left_image3 = "https://management.beanstalkedu.com/assets/" + left_image3 + "?width=100"; @@ -109,7 +117,6 @@ const params = new URLSearchParams(window.location.search); assetsList.right_image2 = "https://management.beanstalkedu.com/assets/" + right_image2 + "?width=100"; assetsList.right_image3 = "https://management.beanstalkedu.com/assets/" + right_image3 + "?width=100"; assetsList.right_image4 = "https://management.beanstalkedu.com/assets/" + right_image4 + "?width=100"; - const config = { type: Phaser.AUTO, width: window.innerWidth, @@ -121,10 +128,13 @@ const params = new URLSearchParams(window.location.search); }, scene: MyGame, }; + const name1 = data.left_image1_name + console.log(name1) const game = new Phaser.Game(config); - + }) .catch(error => { + console.error('Error fetching initial data:', error); }); class MyGame extends Phaser.Scene { @@ -192,8 +202,10 @@ class MyGame extends Phaser.Scene { for (var i = 0; i < 5; i++) { this.load.image('logo'+i, '/assets/background.jpg'); } + this.load.image("topMatch", "/assets/top_match.jpg"); + this.load.image("topLogo", "/assets/top_logo.jpg"); this.load.image("tick", '/assets/tick.png'); - this.load.image("bg", '/assets/background.jpg'); + this.load.image("bg", '/assets/bgwhite.jpg'); // this.load.image("target1", assetsList.right_image1); // this.load.image("target2", '/assets/hay.png'); // this.load.image("target3", '/assets/mat.png'); @@ -235,19 +247,49 @@ class MyGame extends Phaser.Scene { }); } create() { + const params = new URLSearchParams(window.location.search); + const paramsID = params.get('id'); + const data = fetch(`https://management.beanstalkedu.com/items/game_drag/${encodeURIComponent(paramsID)}`) + .then(response => response.json()) + .then(({data}) => { + // const name1 = data.left_image1_name + // console.log(name1) - const displayW = window.innerWidth; - const displayH = window.innerHeight; - + //Description Text + const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2; + const loadingText = this.add.text(screenCenterX, 60, data.description).setTint(0x7c4c23).setOrigin(0.5); + // this.add.text(0, 0, data.description).setFontSize(20).setTint(0x7c4c23); + + // Left Image Name + this.add.text(displayW / 18 + 10, 220, data.left_image1_name).setTint(0x7c4c23); + this.add.text(displayW / 18 + 10, 389, data.left_image2_name).setTint(0x7c4c23); + this.add.text(displayW / 18 + 10, 559, data.left_image3_name).setTint(0x7c4c23); + this.add.text(displayW / 18 + 10, 730, data.left_image4_name).setTint(0x7c4c23); + + //Right Image Name + this.add.text(displayW * 0.832-32, 220, data.right_image1_name).setTint(0x7c4c23); + this.add.text(displayW * 0.832-32, 389, data.right_image2_name).setTint(0x7c4c23); + this.add.text(displayW * 0.832-32, 559, data.right_image3_name).setTint(0x7c4c23); + this.add.text(displayW * 0.832-32, 730, data.right_image4_name).setTint(0x7c4c23); + }) + .catch(error => { + + console.error('Error fetching initial data:', error); + }); + + const displayW = window.innerWidth; + const displayH = window.innerHeight; this.add.image(displayW / 2, displayH / 2, "bg").setScale(2.4); - this.add.image(displayW * 0.9-32, 160, "target1"), - this.add.image(displayW * 0.9-32, 160, "border").setAlpha(0.4).setScale(0.7), - this.add.image(displayW * 0.9-32, 340, "target2"), - this.add.image(displayW * 0.9-32, 340, "border").setAlpha(0.4).setScale(0.7), - this.add.image(displayW * 0.9-32, 540, "target3"), - this.add.image(displayW * 0.9-32, 540, "border").setAlpha(0.4).setScale(0.7), - this.add.image(displayW * 0.9-32, 730, "target4"), - this.add.image(displayW * 0.9-32, 730, "border").setAlpha(0.4).setScale(0.7); + this.add.image(displayW /6, 30, "topMatch").setScale(); + this.add.image(displayW * 0.80-5, 30, "topLogo").setScale(); + this.add.image(displayW * 0.9-32, 150, "target1"), + this.add.image(displayW * 0.9-32, 150, "border").setAlpha(0.4).setScale(0.7), + this.add.image(displayW * 0.9-32, 320, "target2"), + this.add.image(displayW * 0.9-32, 320, "border").setAlpha(0.4).setScale(0.7), + this.add.image(displayW * 0.9-32, 490, "target3"), + this.add.image(displayW * 0.9-32, 490, "border").setAlpha(0.4).setScale(0.7), + this.add.image(displayW * 0.9-32, 660, "target4"), + this.add.image(displayW * 0.9-32, 660, "border").setAlpha(0.4).setScale(0.7); // { // this.group = this.add.group(); // Phaser.Math.Distance.Squared; @@ -262,26 +304,26 @@ class MyGame extends Phaser.Scene { // this.add.image(1570, 730, "target4"); const blocks = [ { - x: displayW / 15, - y: 90, + x: displayW / 15 - 10, + y: 100, textureKey: "blocks1", id: "block1", }, { - x: displayW / 15, - y: 270, + x: displayW / 15 - 10, + y: 260, textureKey: "blocks2", id: "block2", }, { - x: displayW / 15, - y: 470, + x: displayW / 15 - 10, + y: 440, textureKey: "blocks3", id: "block3", }, { - x: displayW / 15, - y: 660, + x: displayW / 15 - 10, + y: 620, textureKey: "blocks4", id: "block4", }, @@ -380,69 +422,41 @@ const displayResult = (droppedBlocks) => { } } }); - // 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"); }; -let score = 0; +score = 0; counter = 0; const isMatch = (blockName, targetName) => { -// if(isMatch){ -// counter++; -// if(counter === 4){ -// const overlap = document.getElementById("overlap"); -// overlap.style.display = "block"; -// console.log("Done") -// } - -// } - - const match = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName); +if(isMatch){ + counter++; + // console.log(counter) + if(counter === 4){ + const overlap = document.getElementById("overlap"); + overlap.style.display = "block"; + // console.log("Done") + } +} +const match = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName); // console.log(match) if(match){ - score++; - // console.log("Score:", score) + score ++; + // console.count(score) + let totalPoints = score +// let totalPoints = score.length; +console.log(totalPoints) +// let totalPoints = {}; + if(score === 4){ + finalDom = document.getElementById("win"); + finalDom.classList.add("win"); + // let img = document.createElement("img"); + // img.src = "/assets/party-feestje.gif"; + // img.width = 100; + // document.getElementById('win').appendChild(img); + } else { + finalDom = document.getElementById("lost"); + finalDom.classList.add("lost"); + // console.log("Loose") + } } - // if(match){ - // score++; - // // if(score === 4){ - // // const overlap = document.getElementById("overlap"); - // // overlap.style.display = "block"; - // // } - // console.log(score.length) - // if(score >= 4){ - // console.log("win") - // } else{ - // console.log("Loose") - // } - // } - // if(match){ - // score++ - // console.log(score) - // if(score.length >= 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; }; @@ -476,9 +490,6 @@ user-select: none; } */ #overlap { display: none; - /* width: 800px; - height: 600px; */ - margin: 0; position: absolute; top: 50%; @@ -511,8 +522,4 @@ user-select: none; font-size: 30px; font-weight: bold; } - /* .try{ - font-size: 20px; - color: white; - } */ \ No newline at end of file