Emoji Battle Arena

{"name":"Emoji Battle Arena","description":"Join the ultimate Emoji Battle Arena where players compete using fun emoji characters! Move, score, and collide in a vibrant multiplayer environment that guarantees a good time.","photo":null,"view_count":13,"fork_count":1,"expires_at":null,"created_at":"2024-08-26T02:56:58.173965Z","updated_at":"2024-08-26T02:56:58.173966Z","user_id":2,"status":"PRIVATE","parent_id":null,"id":3038,"user":{"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// createProject(id) => Creates the project using the id, run on start or your project will break frequently\n// setVar(id, var, str) => Sets the variable \"var\" to \"str\" (STR or INT)\n// getVar(id, var) => Returns the last value setVar set it to\n\n// All these must be awaited in an async function\n// For most situations these are the values to use for delays, game: 100, writing: 300, chats: 500, etc\n// The networking lib automatically runs setup()\n\n// VAR must be from 0 to 6\nconst obstacles = [\n { x: 100, y: 100, width: 50, height: 50 },\n { x: 300, y: 200, width: 50, height: 50 },\n { x: 500, y: 300, width: 50, height: 50 },\n { x: 700, y: 400, width: 50, height: 50 }\n];\nlet lastUpdateTime = 0;\nlet playerX, playerY;\nlet player2X, player2Y;\nlet playerSpeedX = 0, playerSpeedY = 0;\nlet player2SpeedX = 0, player2SpeedY = 0;\nlet frameCounter = 0; // Frame counter to track frames\nasync function setup() {\n await createProject(3038); // Ensure project is created\n\n createCanvas(windowWidth, windowHeight);\n background(200);\n\n // Initialize x and y positions for player 1\n let x = await getVar(3038, 0);\n let y = await getVar(3038, 1);\n\n // Log the values retrieved for debugging\n console.log(`Retrieved x: ${x}, y: ${y}`);\n\n playerX = isNaN(parseInt(x)) ? width / 2 : parseInt(x); // Default to canvas center if x is not a number\n playerY = isNaN(parseInt(y)) ? height / 2 : parseInt(y); // Default to canvas center if y is not a number\n\n // Log the initialized values for debugging\n console.log(`Initialized playerX: ${playerX}, playerY: ${playerY}`);\n\n // Initialize x and y positions for player 2\n let x2 = await getVar(3038, 2);\n let y2 = await getVar(3038, 3);\n\n // Log the values retrieved for debugging\n console.log(`Retrieved x2: ${x2}, y2: ${y2}`);\n\n player2X = isNaN(parseInt(x2)) ? width / 3 : parseInt(x2); // Default to canvas 1/3 if x2 is not a number\n player2Y = isNaN(parseInt(y2)) ? height / 3 : parseInt(y2); // Default to canvas 1/3 if y2 is not a number\n\n // Log the initialized values for debugging\n console.log(`Initialized player2X: ${player2X}, player2Y: ${player2Y}`);\n}\nasync function draw() {\n background(200); // Clear the canvas\n frameCounter++;\n\n // Draw Obstacle\n fill(150); // Set fill color to grey\n for (let obstacle of obstacles) {\n rect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);\n }\n\n // Draw Player 1\n fill(0, 0, 255); // Set fill color to blue\n rect(playerX, playerY, 50, 50); // Draw player 1 as a 50x50 rectangle\n\n // Draw Player 2\n fill(255, 0, 0); // Set fill color to red\n rect(player2X, player2Y, 50, 50); // Draw player 2 as a 50x50 rectangle\n\n // Check for key presses and move player 1 accordingly\n if (keyIsDown(87) && playerY > 0 && !isColliding(playerX, playerY - 5, 50, 50)) { // W key\n playerY -= 5;\n if (frameCounter % 5 === 0) {\n await setVar(3038, 1, playerY); // Update y position for player 1\n }\n }\n if (keyIsDown(83) && playerY < height - 50 && !isColliding(playerX, playerY + 5, 50, 50)) { // S key\n playerY += 5;\n if (frameCounter % 5 === 0) {\n await setVar(3038, 1, playerY); // Update y position for player 1\n }\n }\n if (keyIsDown(65) && playerX > 0 && !isColliding(playerX - 5, playerY, 50, 50)) { // A key\n playerX -= 5;\n if (frameCounter % 5 === 0) {\n await setVar(3038, 0, playerX); // Update x position for player 1\n }\n }\n if (keyIsDown(68) && playerX < width - 50 && !isColliding(playerX + 5, playerY, 50, 50)) { // D key\n playerX += 5;\n if (frameCounter % 5 === 0) {\n await setVar(3038, 0, playerX); // Update x position for player 1\n }\n }\n\n // Check for key presses and move player 2 accordingly\n if (keyIsDown(UP_ARROW) && player2Y > 0 && !isColliding(player2X, player2Y - 5, 50, 50)) { // Up Arrow key\n player2Y -= 5;\n if (frameCounter % 5 === 0) {\n await setVar(3038, 3, player2Y); // Update y position for player 2\n }\n }\n if (keyIsDown(DOWN_ARROW) && player2Y < height - 50 && !isColliding(player2X, player2Y + 5, 50, 50)) { // Down Arrow key\n player2Y += 5;\n if (frameCounter % 5 === 0) {\n await setVar(3038, 3, player2Y); // Update y position for player 2\n }\n }\n if (keyIsDown(LEFT_ARROW) && player2X > 0 && !isColliding(player2X - 5, player2Y, 50, 50)) { // Left Arrow key\n player2X -= 5;\n if (frameCounter % 5 === 0) {\n await setVar(3038, 2, player2X); // Update x position for player 2\n }\n }\n if (keyIsDown(RIGHT_ARROW) && player2X < width - 50 && !isColliding(player2X + 5, player2Y, 50, 50)) { // Right Arrow key\n player2X += 5;\n if (frameCounter % 5 === 0) {\n await setVar(3038, 2, player2X); // Update x position for player 2\n }\n }\n\n // Fetch new x and x2 positions every 0.5 seconds\n if (millis() - lastUpdateTime >= 500) {\n let x = await getVar(3038, 0);\n let x2 = await getVar(3038, 2);\n\n playerX = isNaN(parseInt(x)) ? width / 2 : parseInt(x); // Default to canvas center if x is not a number\n player2X = isNaN(parseInt(x2)) ? width / 3 : parseInt(x2); // Default to canvas 1/3 if x2 is not a number\n\n lastUpdateTime = millis(); // Update the last update time\n }\n}\nfunction isColliding(x, y, w, h) {\n for (let obstacle of obstacles) {\n if (x < obstacle.x + obstacle.width &&\n x + w > obstacle.x &&\n y < obstacle.y + obstacle.height &&\n y + h > obstacle.y) {\n return true; // Collision detected\n }\n }\n return false; // No collision\n}","style.css":"body { margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; }\n\ncanvas { display: block; }","index.html":"\n\n\n \n \n Emoji Battle Arena\n \n \n\n \n \n\n\n\n"},"chat_history":[],"assets":[],"messages_sent":47,"comments":[],"steps":[]}