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

worked on various pages

Browse Source
This commit is contained in:
dev sp
2024-01-02 14:18:38 +00:00
parent 8b57605218
commit f26075d236
10 changed files with 116 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/pages/drag/v2.astro
View File

@@ -79,8 +79,16 @@ import Layout from '../../layouts/Layout.astro';
let submitButton;
let formattedDateTime;
let shortUniqueID;
let allElement = element1, element2, element3, element4, element5, element6, element7, element8;
allElement.setVisible(false)
let imageElement1;
let imageElement2;
let imageElement3;
let imageElement4;
let imageElement5;
let imageElement6;
let imageElement7;
let imageElement8;
// let allElement = [element1, element2, element3, element4, element5, element6, element7, element8];
// allElement.setVisible(false)
gameResult = [];
window.onload = function() {
// Get the current date and time
@@ -209,10 +217,10 @@ import Layout from '../../layouts/Layout.astro';
assetsList.element2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.element3 = assetsURL + left_image3 + imageCustomWidth;
assetsList.element4 = assetsURL + left_image4 + imageCustomWidth;
assetsList.element5 = assetsURL + right_image1 + imageCustomWidth;
assetsList.element6 = assetsURL + right_image2 + imageCustomWidth;
assetsList.element7 = assetsURL + right_image3 + imageCustomWidth;
assetsList.element8 = assetsURL + right_image4 + imageCustomWidth;
assetsList.element5 = assetsURL + right_image1 + imageCustomWidth;
assetsList.element6 = assetsURL + right_image2 + imageCustomWidth;
assetsList.element7 = assetsURL + right_image3 + imageCustomWidth;
assetsList.element8 = assetsURL + right_image4 + imageCustomWidth;
// console.log(assetsList.left_image1)
const config = {
type: Phaser.AUTO,
@@ -305,35 +313,35 @@ import Layout from '../../layouts/Layout.astro';
// this.load.image("target3", '/assets/mat.png');
// this.load.image("target4", '/assets/star.png');
this.load.image("border", '/assets/squar.png');
element1 = this.load.spritesheet("blocks1", assetsList.element5,{
this.load.spritesheet("blocks1", assetsList.element5,{
frameWidth: 100,
frameHeight: 100,
});
element2 = this.load.spritesheet("blocks2", assetsList.element6,{
this.load.spritesheet("blocks2", assetsList.element6,{
frameWidth: 100,
frameHeight: 100,
});
element3 = this.load.spritesheet("blocks3", assetsList.element7,{
this.load.spritesheet("blocks3", assetsList.element7,{
frameWidth: 100,
frameHeight: 100,
});
element4 =this.load.spritesheet("blocks4", assetsList.element8,{
this.load.spritesheet("blocks4", assetsList.element8,{
frameWidth: 100,
frameHeight: 100,
});
element5 = this.load.spritesheet("blocks5", assetsList.element1,{
this.load.spritesheet("blocks5", assetsList.element1,{
frameWidth: 100,
frameHeight: 100,
});
element6 = this.load.spritesheet("blocks6", assetsList.element2, {
this.load.spritesheet("blocks6", assetsList.element2, {
frameWidth: 100,
frameHeight: 100,
});
element7 = this.load.spritesheet("blocks7", assetsList.element3, {
this.load.spritesheet("blocks7", assetsList.element3, {
frameWidth: 100,
frameHeight: 100,
});
element8 = this.load.spritesheet("blocks8", assetsList.element4, {
this.load.spritesheet("blocks8", assetsList.element4, {
frameWidth: 100,
frameHeight: 100,
});
@@ -355,8 +363,8 @@ import Layout from '../../layouts/Layout.astro';
font: ` ${responsiveFontSize}px Quicksand`,
fill: '#7c4c23',
}).setOrigin(0.5);
this.add.text(displayW / 14 - 15, 50, data.LearningArea, {font: `20px`}).setTint(0x7c4c23);
this.add.text(displayW / 14 - 15, 70, data.LearningSubArea_copy, {font: `19px`}).setTint(0x7c4c23);
// this.add.text(displayW / 14 - 15, 50, data.LearningArea, {font: `20px`}).setTint(0x7c4c23);
// this.add.text(displayW / 14 - 15, 70, data.LearningSubArea_copy, {font: `19px`}).setTint(0x7c4c23);
// Left Image Name
this.add.text(leftTargetZoneW - 45, 240, data.left_image1_name).setTint(0x7c4c23);
this.add.text(leftTargetZoneW - 45, 409, data.left_image2_name).setTint(0x7c4c23);
@@ -483,6 +491,7 @@ import Layout from '../../layouts/Layout.astro';
id: "block8",
},
];
// console.log('test blocks',blocks[0])
const droppedBlocks = [];
const targetZoneBorders = [];
targetZones.forEach((targetZone) => {
@@ -491,9 +500,8 @@ import Layout from '../../layouts/Layout.astro';
targetZoneBorders.push(targetBorder);
targetZone.block = null;
}),
blocks.forEach((block, index) => {
const newBlock = this.add.sprite(block.x, block.y, block.textureKey, 10).setOrigin(0, 0).setInteractive({ draggable: true }).setScale(1);
const newBlock = this.add.sprite(block.x, block.y, block.textureKey, 0).setOrigin(0, 0).setInteractive({ draggable: true }).setScale(1);
// this.add.sprite(block.x, block.y, block.textureKey, 1).setOrigin(0, 0).setAlpha(0.3);
newBlock.on("drag", (pointer, dragX, dragY) => {
newBlock.setScale(1.3);
@@ -559,7 +567,6 @@ import Layout from '../../layouts/Layout.astro';
};
let score = 0;
let counter = 0;
let bottomElement = 0;
const isMatch = (blockName, targetName) => {
if(isMatch){