83 lines
2.4 KiB
JavaScript
83 lines
2.4 KiB
JavaScript
const queryString = window.location.search;
|
|
const urlParams = new URLSearchParams(queryString);
|
|
const userId = urlParams.get('userid');
|
|
const gameId = urlParams.get('id');
|
|
|
|
|
|
// Get the current time
|
|
let startTime = new Date();
|
|
|
|
// Simulate some process with a delay
|
|
setTimeout(() => {
|
|
// Get the current time again
|
|
let endTime = new Date();
|
|
|
|
// Calculate the difference in milliseconds
|
|
let timeDifference = endTime - startTime;
|
|
|
|
// Convert milliseconds to seconds
|
|
let timeDifferenceInSeconds = timeDifference / 1000;
|
|
|
|
console.log(`Time difference: ${timeDifferenceInSeconds} seconds`);
|
|
}, 3000); // 3-second delay
|
|
|
|
const url = window.location.href;
|
|
const gameName = url.split('/');
|
|
const gameType = gameName[3].split('?id=');
|
|
const gameVersion = gameType[0] + '-' + gameName[4];
|
|
|
|
|
|
function submitUserData(drawingZone) {
|
|
let imageCode;
|
|
// console.log(drawingZone);
|
|
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);
|
|
imageCode = image.src;
|
|
|
|
|
|
let userData = {
|
|
'gameName': gameVersion,
|
|
'gameID': gameId,
|
|
'screenShot': imageCode,
|
|
'userId' : userId,
|
|
'gameTime' : '10',
|
|
'score' : '100'
|
|
// 'starts': formattedDateTime,
|
|
// 'game_start' : gameStartTime,
|
|
};
|
|
console.log(userData);
|
|
|
|
fetch(`http://192.168.0.166:3000/save-data`, {
|
|
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();
|
|
});
|
|
}; |