Emoji Fighters

{"name":"Emoji Fighters","description":"Step into the ring with 'Emoji Fighters', a fun and engaging fighting game where emojis come to life! Customize your character and battle against friends in a vibrant, interactive environment.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-10-02T19:31:13.587637Z","updated_at":"2024-10-02T19:31:13.587639Z","user_id":60,"status":"PRIVATE","parent_id":3428,"id":3433,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"code":{"script.js":"let fighters = [];\n\nlet fireImg, waterImg, frontImg;\n\nlet playerName = \"\";\n\nlet selectedCharacter = null;\n\nlet input, button;\n\nlet projectiles = [];\n\n\nfunction preload() {\n //fireImg = loadImage(\"@asset('`~Fire_Boy~')\");\n //waterImg = loadImage(\"@asset('-'Water_Girl'-')\");\n //frontImg = loadImage(\"@asset('this is how i want the front to be')\");\n}\n\n\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(220);\n\n // Create input field for player's name\n input = createInput();\n input.position(width / 2 - 100, height / 2 - 50);\n input.style('width', '200px');\n input.style('font-size', '20px');\n\n // Create button for starting the game\n button = createButton('Start Game');\n button.position(width / 2 - 50, height / 2 + 50);\n button.mousePressed(startGame);\n button.hide(); // Hide the button initially\n\n // Add help text under the start button\n let helpText = createP(\"If you ever need help, talk to Abigail M. <33\");\n helpText.position(width / 2 - 140, height / 2 + 90);\n helpText.style('font-size', '16px');\n helpText.style('color', '#333');\n}\n\n\nfunction draw() {\n if (selectedCharacter === null) {\n drawSelectionScreen();\n } else {\n background(220);\n\n // Display player's name\n textSize(32);\n textAlign(LEFT, TOP);\n text(`Player: ${playerName}`, 10, 10);\n\n // Check for key presses and move fighters if they exist\n if (fighters.length > 0) {\n if (keyIsDown(65)) { // 'A' key for left\n fighters[0].x -= fighters[0].speed;\n }\n if (keyIsDown(68)) { // 'D' key for right\n fighters[0].x += fighters[0].speed;\n }\n if (keyIsDown(87)) { // 'W' key for up\n fighters[0].y -= fighters[0].speed;\n }\n if (keyIsDown(83)) { // 'S' key for down\n fighters[0].y += fighters[0].speed;\n }\n\n // Display each fighter with their corresponding images and hands\n for (let fighter of fighters) {\n image(fighter.img, fighter.x, fighter.y, 64, 64); // Display image\n textSize(32); // Set the text size for emojis\n text(fighter.leftHand, fighter.x - 40, fighter.y + 32); // Left hand\n text(fighter.rightHand, fighter.x + 40, fighter.y + 32); // Right hand\n }\n\n // Move and display projectiles\n for (let i = projectiles.length - 1; i >= 0; i--) {\n let proj = projectiles[i];\n proj.x += proj.speed;\n textSize(32);\n text(proj.emoji, proj.x, proj.y);\n\n // Remove projectile if it goes out of bounds\n if (proj.x > width || proj.x < 0 || proj.y > height || proj.y < 0) {\n projectiles.splice(i, 1);\n }\n }\n }\n }\n}\n\n\nfunction drawSelectionScreen() {\n background(220);\n\n // Enlarge the front image to cover most of the screen while maintaining its aspect ratio\n let imgAspect = frontImg.width / frontImg.height;\n let screenAspect = width / height;\n\n let imgWidth, imgHeight;\n if (imgAspect > screenAspect) {\n imgWidth = width * 0.8;\n imgHeight = imgWidth / imgAspect;\n } else {\n imgHeight = height * 0.8;\n imgWidth = imgHeight * imgAspect;\n }\n\n image(frontImg, width / 2 - imgWidth / 2, height / 2 - imgHeight / 2, imgWidth, imgHeight);\n\n textSize(32);\n textAlign(CENTER, CENTER);\n text(\"Enter Your Name and Choose Your Character\", width / 2, height * 0.9);\n\n // Draw buttons for selecting characters\n textSize(64);\n text(\"💧 Water Girl\", width / 4, (3 * height) / 4);\n text(\"🔥 Fire Boy\", (3 * width) / 4, (3 * height) / 4);\n}\n\n\nfunction mousePressed() {\n if (selectedCharacter === null) {\n if (mouseX > width / 4 - 64 && mouseX < width / 4 + 64 && mouseY > (3 * height) / 4 - 32 && mouseY < (3 * height) / 4 + 32) {\n // Water Girl selected\n selectedCharacter = \"girl\";\n button.show(); // Show the button to start the game\n } else if (mouseX > (3 * width) / 4 - 64 && mouseX < (3 * width) / 4 + 64 && mouseY > (3 * height) / 4 - 32 && mouseY < (3 * height) / 4 + 32) {\n // Fire Boy selected\n selectedCharacter = \"boy\";\n button.show(); // Show the button to start the game\n }\n }\n}\n\n\nfunction startGame() {\n playerName = input.value(); // Get the player's name from the input field\n input.hide(); // Hide the input field\n button.hide(); // Hide the button\n\n // Select character based on the player's choice\n if (selectedCharacter === \"boy\") {\n fighters = [\n { img: fireImg, x: windowWidth / 2, y: windowHeight / 2, name: 'Fire', leftHand: '🔥', rightHand: '🔥', speed: 5 }\n ];\n } else if (selectedCharacter === \"girl\") {\n fighters = [\n { img: waterImg, x: windowWidth / 2, y: windowHeight / 2, name: 'Water', leftHand: '💧', rightHand: '💧', speed: 5 }\n ];\n }\n}\n\n\nfunction keyPressed() {\n if (key === 'G') {\n shootProjectile('left');\n } else if (key === 'P') {\n shootProjectile('right');\n }\n}\n\n\nfunction shootProjectile(direction) {\n let emoji;\n let speed = direction === 'left' ? -10 : 10; // Set the speed based on the direction\n if (selectedCharacter === \"boy\") {\n emoji = '🔥';\n } else if (selectedCharacter === \"girl\") {\n emoji = '💧';\n }\n\n projectiles.push({\n x: fighters[0].x,\n y: fighters[0].y,\n emoji: emoji,\n speed: speed\n });\n}\n\n\nfunction punch() {\n let emoji;\n if (selectedCharacter === \"boy\") {\n emoji = '🔥';\n } else if (selectedCharacter === \"girl\") {\n emoji = '💧';\n }\n\n // Add a punch effect (this can be expanded with more complex logic)\n projectiles.push({\n x: fighters[0].x,\n y: fighters[0].y,\n emoji: emoji,\n speed: 5 // Slower speed for punch effect\n });\n}\n","style.css":"body { margin: 0; background-color: #f0f0f0; } canvas { display: block; }","index.html":"\n\n\n \n \n Emoji Fighters\n \n \n \n\n\n\n"},"chat_history":[],"assets":[{"name":"-'Water_Girl'-","cloudinary_id":"kzy3gcfe48p9nfgkzmb3","resource_type":"image","id":22599,"project_id":3433,"created_at":"2024-10-02T19:31:13.598966Z","deleted":false},{"name":"~~``Fire_Boy\"~~","cloudinary_id":"zb42maq0fuoa3exll6sh","resource_type":"image","id":22598,"project_id":3433,"created_at":"2024-10-02T19:31:13.597662Z","deleted":false},{"name":"this is how i want the front to be","cloudinary_id":"cgoulphwfeeak4qdi1f1","resource_type":"image","id":22597,"project_id":3433,"created_at":"2024-10-02T19:31:13.595707Z","deleted":false},{"name":"`~Fire_Boy~'","cloudinary_id":"msnyl6ola3yo0bm3lcpk","resource_type":"image","id":22596,"project_id":3433,"created_at":"2024-10-02T19:31:13.593578Z","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}