From 04500f43d60db12352938a6697cb17f4ecbb7272 Mon Sep 17 00:00:00 2001 From: Suvodip Date: Thu, 16 May 2024 21:20:55 +0530 Subject: [PATCH 1/6] post base 64 with submitUserData function --- src/pages/drawing/index.astro | 106 +++++++++++++++++++++------------- 1 file changed, 66 insertions(+), 40 deletions(-) diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro index ec1ff28..12b9070 100644 --- a/src/pages/drawing/index.astro +++ b/src/pages/drawing/index.astro @@ -126,33 +126,6 @@ import Layout from '../../layouts/Layout.astro'; .catch(error => { console.error('Error fetching initial data:', error); }); - const URL = window.location.href; - const gameName = URL.split('/'); - let userData = { - 'user': 'drawing@beanstalkedu.com', - 'game_name': gameName[3], - 'starts': formattedDateTime, - // 'game_start' : gameStartTime, - }; - function submitUserData() { - fetch(`https://2016.dev2-cs.siliconpin.com/save/`, { - method: 'POST', - headers: { - 'Content-Type' : 'application/json' - }, - body: JSON.stringify(userData) - }) - .then(response => { - if(response.ok){ - // console.log('Data Saved', response) - } else{ - // console.log('Something Wrong', response) - } - }) - .catch(error => { - console.error('An error occured', error) - }); - }; // window.load const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', @@ -167,11 +140,10 @@ import Layout from '../../layouts/Layout.astro'; }); submitButton.setVisible(true); submitButton.setInteractive().on('pointerdown', () => { - // console.log('Clicked'); - submitButton.setVisible(false); - submitNotic.setVisible(true); - // windowLoad(); - submitUserData(); + submitButton.setVisible(false); + submitNotic.setVisible(true); + // windowLoad(); + submitUserData(this); }) const textStyle = {font: 'bold 40px quicksand', fill: '#05b3a4',}; if(!isMobile){ @@ -463,16 +435,17 @@ import Layout from '../../layouts/Layout.astro'; // snapshotButton = this.add.text(150, 80, 'SAVE', { fill: '#7c4c23', backgroundColor : '#5e17eb', font: '600 30px quicksand', borderRadius: '20px'}).setPadding(10, 10); snapshotButton.setInteractive(); snapshotButton.on('pointerdown', () => { - captureSnapshot(this); + // submitUserData(this); }); snapNotice = this.add.text(customWidth / 2, customHeight / 2, 'Succecfully Downloaded', {font :'700 30px Quicksand', fill: '#05b3a4'}); snapNotice.setVisible(false); } - function captureSnapshot(drawingZone) { - submitButton.setVisible(false); - // snapNotice.setVisible(true); - snapshotButton.setVisible(false); - customCursor.setVisible(false); + const url = window.location.href; + const gameName = url.split('/'); + const gameType = gameName[3].split('?id='); + function submitUserData(drawingZone) { + let imageCode; + console.log(drawingZone); drawingZone.renderer.snapshot((image) => { submitButton.setVisible(true); snapshotButton.setVisible(true); @@ -487,11 +460,64 @@ import Layout from '../../layouts/Layout.astro'; link.download = 'my_drawing.png'; link.click(); document.body.removeChild(image); + imageCode = image.src; + + + let userData = { + 'userID': 'drawing@beanstalkedu.com', + 'gameType': gameType[0], + 'gameID': gameType[1], + 'screenShot': imageCode + // 'starts': formattedDateTime, + // 'game_start' : gameStartTime, + }; + console.log(userData); + fetch(`https://save-game-data.teachertrainingchennai.in/saveGameData`, { + method: 'POST', + headers: { + 'Content-Type' : 'application/json' + }, + body: JSON.stringify(userData) + }) + .then(response => { + if(response.ok){ + console.log('Data Saved', response) + } else{ + // console.log('Something Wrong', response) + } + }) + .catch(error => { + console.error('An error occured', error) + }); // Clear the drawing // graphics.clear(); - }); - } + }); + }; + // function captureSnapshot(drawingZone) { + // submitButton.setVisible(false); + // // snapNotice.setVisible(true); + // snapshotButton.setVisible(false); + // customCursor.setVisible(false); + // drawingZone.renderer.snapshot((image) => { + // submitButton.setVisible(true); + // snapshotButton.setVisible(true); + // customCursor.setVisible(true); + // image.style.width = '160px'; + // image.style.height = '120px'; + // image.style.paddingLeft = '2px'; + // document.body.appendChild(image); + // // Download the snapshot as an image + // const link = document.createElement('a'); + // link.href = image.src; + // link.download = 'my_drawing.png'; + // link.click(); + // document.body.removeChild(image); + + // // Clear the drawing + // // graphics.clear(); + // }); + // } function startDrawing(x, y) { if (!isErasing) { graphics.lineStyle(brushSize * 2, Phaser.Display.Color.HexStringToColor(selectedColor).color); From 17538eb91cf355669229643e721be72b293fe67b Mon Sep 17 00:00:00 2001 From: Suvodip Date: Thu, 16 May 2024 21:22:07 +0530 Subject: [PATCH 2/6] post base 64 with submitUserData function --- src/pages/drawing/index.astro | 33 +++++++++++++++++---------------- 1 file changed, 17 insertions(+), 16 deletions(-) diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro index 12b9070..307cc8a 100644 --- a/src/pages/drawing/index.astro +++ b/src/pages/drawing/index.astro @@ -472,27 +472,28 @@ import Layout from '../../layouts/Layout.astro'; // 'game_start' : gameStartTime, }; console.log(userData); - fetch(`https://save-game-data.teachertrainingchennai.in/saveGameData`, { + + fetch(`https://save-game-data.teachertrainingchennai.in/saveGameData`, { method: 'POST', headers: { 'Content-Type' : 'application/json' }, body: JSON.stringify(userData) - }) - .then(response => { - if(response.ok){ - console.log('Data Saved', response) - } else{ - // console.log('Something Wrong', response) - } - }) - .catch(error => { - console.error('An error occured', error) - }); - - // Clear the drawing - // graphics.clear(); - }); + }) + .then(response => { + if(response.ok){ + console.log('Data Saved', response) + } else{ + // console.log('Something Wrong', response) + } + }) + .catch(error => { + console.error('An error occured', error) + }); + + // Clear the drawing + // graphics.clear(); + }); }; // function captureSnapshot(drawingZone) { // submitButton.setVisible(false); From 0240755b03cd41c411dfdf447dbab6fbd92f60ae Mon Sep 17 00:00:00 2001 From: Suvodip Date: Tue, 21 May 2024 11:57:28 +0530 Subject: [PATCH 3/6] c --- src/pages/drawing/index.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro index 307cc8a..c7831b4 100644 --- a/src/pages/drawing/index.astro +++ b/src/pages/drawing/index.astro @@ -139,7 +139,7 @@ import Layout from '../../layouts/Layout.astro'; padding: { x: 20, y: 10 }, }); submitButton.setVisible(true); - submitButton.setInteractive().on('pointerdown', () => { + submitButton.setIntepointerdownractive().on('', () => { submitButton.setVisible(false); submitNotic.setVisible(true); // windowLoad(); From 5c797000d50c03026e7c449387d9dd3a897b9fb0 Mon Sep 17 00:00:00 2001 From: Suvodip Date: Tue, 21 May 2024 12:04:09 +0530 Subject: [PATCH 4/6] c --- src/pages/drawing/index.astro | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro index c7831b4..99ab10a 100644 --- a/src/pages/drawing/index.astro +++ b/src/pages/drawing/index.astro @@ -139,12 +139,13 @@ import Layout from '../../layouts/Layout.astro'; padding: { x: 20, y: 10 }, }); submitButton.setVisible(true); - submitButton.setIntepointerdownractive().on('', () => { - submitButton.setVisible(false); - submitNotic.setVisible(true); - // windowLoad(); - submitUserData(this); - }) + submitButton.setInteractive().on('pointerdown', () => { + submitButton.setVisible(false); + submitNotic.setVisible(true); + // windowLoad(); + submitUserData(this); +}); + const textStyle = {font: 'bold 40px quicksand', fill: '#05b3a4',}; if(!isMobile){ // this.add.text(customWidth / 10, 20, "Drawing", textStyle); From a287126bcd67dd24c6592f156cf8a02c8582f9f2 Mon Sep 17 00:00:00 2001 From: Suvodip Date: Tue, 21 May 2024 13:02:04 +0530 Subject: [PATCH 5/6] c --- src/pages/drawing/index.astro | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro index 99ab10a..65cd33c 100644 --- a/src/pages/drawing/index.astro +++ b/src/pages/drawing/index.astro @@ -140,11 +140,11 @@ import Layout from '../../layouts/Layout.astro'; }); submitButton.setVisible(true); submitButton.setInteractive().on('pointerdown', () => { - submitButton.setVisible(false); - submitNotic.setVisible(true); - // windowLoad(); - submitUserData(this); -}); + submitButton.setVisible(false); + submitNotic.setVisible(true); + // windowLoad(); + submitUserData(this); + }); const textStyle = {font: 'bold 40px quicksand', fill: '#05b3a4',}; if(!isMobile){ @@ -477,7 +477,7 @@ import Layout from '../../layouts/Layout.astro'; fetch(`https://save-game-data.teachertrainingchennai.in/saveGameData`, { method: 'POST', headers: { - 'Content-Type' : 'application/json' + 'Content-Type' : 'application/json' }, body: JSON.stringify(userData) }) From a84ed5b61fe3a6c9ff3d4f5023fa09ee34bc7417 Mon Sep 17 00:00:00 2001 From: Suvodip Date: Sat, 25 May 2024 19:29:42 +0530 Subject: [PATCH 6/6] change border opacity drag v4 --- src/pages/drag/v4.astro | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/drag/v4.astro b/src/pages/drag/v4.astro index 6b6d9fc..d7a293e 100644 --- a/src/pages/drag/v4.astro +++ b/src/pages/drag/v4.astro @@ -465,7 +465,7 @@ import Layout from '../../layouts/Layout.astro'; const targetZoneBorders = []; targetZones.forEach((targetZone) => { const targetImage = this.add.image(targetZone.x, targetZone.y, targetZone.name).setAlpha(0); - const targetBorder = this.add.image(targetZone.x, targetZone.y, "border").setAlpha(0).setScale(borderScale); + const targetBorder = this.add.image(targetZone.x, targetZone.y, "border").setAlpha(0.05).setScale(borderScale); targetZoneBorders.push(targetBorder); targetZone.block = null; }), @@ -505,7 +505,7 @@ import Layout from '../../layouts/Layout.astro'; droppedOnTargetZone = true; targetZoneBorders[targetIndex].setVisible(true); - targetZoneBorders[targetIndex].setAlpha(0); + targetZoneBorders[targetIndex].setAlpha(0.05); return; } });