Emoji Adventure Game

{"name":"pika chase","description":"Dive into the Emoji Adventure Game, where you control your favorite emojis through fun challenges! Navigate, score points, and avoid obstacles in this engaging and colorful world.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/xoiydcwpdrvd4razn7fw","view_count":22,"fork_count":2,"expires_at":null,"created_at":"2024-10-29T20:01:55.411481Z","updated_at":"2024-10-29T20:01:55.411482Z","user_id":182,"status":"PUBLIC","parent_id":3003,"id":3004,"user":{"photo":null,"email":"lily.gray@alpha.school","recess_id":"4054c251-f71c-4583-8cc4-73403ebdcbec","created_at":"2024-08-19T18:23:08.340576Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"flower","id":182,"password_hash":"$2b$12$de434VuhlXU4FXHMSwrj/eweUD6F9th0KavH2khb2dmr/Fvdm0idC","updated_at":"2024-08-19T18:23:08.340578Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let pokeballX, pokeballY;\nlet moveSpeed = 5; // Speed at which the pokeball moves\nlet pokeballImg;\nlet pikachuImg;\nlet pikachuSpeed = 3; // Speed at which Pikachu moves\nlet keys = [];\nconst numKeys = 3;\nlet keyImg; // Image for the key\nlet doorX, doorY;\nlet doorImg; // Image for the door\nlet collectedKeys = 0; // Counter for collected keys\nlet level = 1; // Keep track of the current level\nlet pikachus = []; // Array to store Pikachus\nlet bgImg; // Declare a global variable for the background image\nlet confetti = []; // Declare a global variable for the confetti\nlet gameWon = false; // Track if the game has been won\nlet highScore = 0; // Track the high score\nlet currentGameState = 'startScreen'; // Track the current game state\nlet levelStartTime; // Track the time when the level transition starts\n\nlet startButton;\n\nfunction preload() {\n pokeballImg = loadImage(\"@asset('pokeball')\");\n pikachuImg = loadImage(\"@asset('pokeemon')\");\n keyImg = loadImage(\"@asset('key')\");\n doorImg = loadImage(\"@asset('door')\");\n bgImg = loadImage(\"@asset('background')\"); // Load the pokeemon background image\n}\n\n\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n textSize(32); // Set the text size for emojis\n\n // Create the \"I'm Ready\" button and hide it initially\n readyButton = createButton(\"I'm Ready\");\n readyButton.position(width / 2 - 50, height / 2 + 50);\n readyButton.mousePressed(startNextLevel);\n readyButton.hide();\n\n // Create the \"Start\" button for the start screen\n startButton = createButton(\"Start\");\n startButton.position(width / 2 - 75, height / 2); // Center the button horizontally\n startButton.style('background-color', 'yellow'); // Set the background color to yellow\n startButton.style('border', '4px solid blue'); // Set the border color to blue and make it thicker\n startButton.style('font-size', '24px'); // Increase the font size\n startButton.style('padding', '10px 20px'); // Add padding to the button\n startButton.mousePressed(startGame);\n\n initializeLevel(); // Call initializeLevel to set up the first level\n}\n\nfunction startGame() {\n currentGameState = 'playing'; // Change the game state to 'playing'\n startButton.hide(); // Hide the \"Start\" button\n}\n\nfunction initializeLevel() {\n const buffer = 50; // Buffer space from the edges\n const safeDistance = 200; // Minimum distance from the mouse position\n collectedKeys = 0; // Reset collected keys\n\n // Initial positions for the pokeball\n pokeballX = width / 2;\n pokeballY = height / 2;\n\n // Initialize Pikachus based on the current level\n pikachus = [];\n for (let i = 0; i < level; i++) {\n let pikachu;\n let validPosition = false;\n while (!validPosition) {\n pikachu = {\n x: random(buffer, width - buffer),\n y: random(buffer, height - buffer)\n };\n\n validPosition = true;\n // Ensure Pikachu is at least safeDistance away from the mouse position\n if (dist(pikachu.x, pikachu.y, mouseX, mouseY) < safeDistance) {\n validPosition = false;\n }\n // Ensure Pikachu is at least safeDistance away from other Pikachus\n for (let otherPikachu of pikachus) {\n if (dist(pikachu.x, pikachu.y, otherPikachu.x, otherPikachu.y) < safeDistance) {\n validPosition = false;\n break;\n }\n }\n }\n pikachus.push(pikachu);\n }\n\n // Initialize keys with random positions within the buffer area\n keys = [];\n for (let i = 0; i < numKeys; i++) {\n keys.push({\n x: random(buffer, width - buffer),\n y: random(buffer, height - buffer),\n collected: false\n });\n }\n\n // Initial position for the door (offscreen initially)\n doorX = -100;\n doorY = -100;\n}\n\nfunction nextLevel() {\n if (level < 10) {\n level++;\n currentGameState = 'levelTransition';\n levelStartTime = millis(); // Record the current time\n readyButton.show(); // Show the \"I'm Ready\" button\n } else {\n youWin();\n }\n // Update high score\n if (level > highScore) {\n highScore = level;\n }\n}\n\nfunction startNextLevel() {\n initializeLevel(); // Call initializeLevel to set up the next level\n currentGameState = 'playing';\n readyButton.hide(); // Hide the \"I'm Ready\" button\n}\n\nfunction draw() {\n if (currentGameState === 'startScreen') {\n background(0); // Black background for the start screen\n fill(255);\n textAlign(CENTER, CENTER);\n text(\"PIKACHASE\", width / 2, height / 2 - 50); // Game title\n } else if (currentGameState === 'playing') {\n if (gameWon) {\n background(0); // Clear the background on the \"You Win\" screen\n\n // Draw confetti if the player has won\n if (confetti.length > 0) {\n for (let piece of confetti) {\n piece.update();\n piece.display();\n }\n }\n // Display \"You Win!\" message\n fill(255);\n textAlign(CENTER, CENTER);\n text(\"You Win!\", width / 2, height / 2);\n return; // Stop further game logic\n }\n\n background(bgImg); // Use the pokeemon background image\n\n // Move the pokeball based on mouse position\n pokeballX = mouseX;\n pokeballY = mouseY;\n\n // Move and draw each Pikachu\n for (let pikachu of pikachus) {\n let angle = atan2(pokeballY - pikachu.y, pokeballX - pikachu.x);\n pikachu.x += cos(angle) * pikachuSpeed;\n pikachu.y += sin(angle) * pikachuSpeed;\n if (isColliding(pokeballX, pokeballY, pikachu.x, pikachu.y, 50)) {\n gameOver();\n return;\n }\n image(pikachuImg, pikachu.x, pikachu.y, 50, 50);\n }\n\n // Check for collision with keys\n for (let key of keys) {\n if (!key.collected && isColliding(pokeballX, pokeballY, key.x, key.y, 30)) {\n key.collected = true;\n collectedKeys++;\n }\n if (!key.collected) {\n image(keyImg, key.x, key.y, 30, 30);\n }\n }\n\n // Display the door if all keys are collected\n if (collectedKeys === numKeys) {\n doorX = width / 2;\n doorY = height / 2;\n image(doorImg, doorX, doorY, 50, 50);\n if (isColliding(pokeballX, pokeballY, doorX, doorY, 50)) {\n nextLevel();\n }\n }\n\n // Draw the pokeball if the game is not won\n if (!gameWon) {\n image(pokeballImg, pokeballX, pokeballY, 30, 30);\n }\n\n // Display the high score\n fill(255);\n textSize(16);\n textAlign(LEFT, TOP);\n text(\"High Score: \" + highScore, 10, 10); // Display high score in the top-left corner\n\n } else if (currentGameState === 'levelTransition') {\n background(0); // Set the background to black\n fill(255);\n textAlign(CENTER, CENTER);\n text(\"Level \" + level, width / 2, height / 2); // Display the next level number\n }\n}\n\nfunction gameOver() {\n background(0);\n fill(255);\n textAlign(CENTER, CENTER);\n text(\"Game Over\", width / 2, height / 2);\n noLoop();\n}\n\nfunction youWin() {\n gameWon = true; // Set the gameWon flag to true\n background(0);\n fill(255);\n textAlign(CENTER, CENTER);\n text(\"You Win!\", width / 2, height / 2);\n\n // Initialize confetti\n confetti = [];\n for (let i = 0; i < 100; i++) {\n confetti.push(new Confetti());\n }\n\n // Update high score\n if (level > highScore) {\n highScore = level;\n }\n}\n\nfunction isColliding(x1, y1, x2, y2, threshold) {\n let distance = dist(x1, y1, x2, y2);\n return distance < threshold;\n}\n\nclass Confetti {\n constructor() {\n this.x = random(width); // Random horizontal position\n this.y = random(-height, 0); // Start above the canvas\n this.size = random(5, 10); // Random size\n this.speed = random(0.5, 2); // Slower speed\n this.color = color(random(255), random(255), random(255)); // Random color\n }\n\n update() {\n this.y += this.speed; // Move down\n if (this.y > height) {\n this.y = random(-height, 0); // Reset position to above the canvas\n this.x = random(width); // Random horizontal position\n }\n }\n\n display() {\n fill(this.color);\n noStroke();\n circle(this.x, this.y, this.size); // Draw the confetti as a circle\n }\n}","style.css":"body { \n margin: 0; \n font-family: Arial, sans-serif; \n background-color: #f0f0f0; \n} \ncanvas { \n display: block; \n}","index.html":"\n\n\n \n \n Emoji Adventure Game\n \n \n \n\n\n\n"},"chat_history":[{"message":"Let's get started!","project_id":3004,"created_at":"2024-08-23T19:31:55.633647Z","output_tokens":null,"sender":"human","code_id":142154,"deleted":0,"input_tokens":null,"id":69515},{"message":"Great! Let's add some more fun features to your Emoji Adventure Game. Here are a few suggestions:\n\n1. **Power-Ups**: Introduce power-ups that provide temporary boosts or advantages, like speed boosts or invincibility.\n2. **Obstacles**: Add various obstacles that the player must avoid, which can make the game more challenging.\n3. **Different Levels**: Implement different backgrounds, Pikachu speeds, or key positions for each level to make the game more interesting.\n4. **Scoring System**: Display a running score that increases as the player collects keys and advances levels.\n5. **Sound Effects**: Add sound effects for key collection, level completion, and game-over.\n\nWhich features would you like to work on first? Feel free to suggest your own ideas as well!","project_id":3004,"created_at":"2024-08-23T19:31:55.638647Z","output_tokens":null,"sender":"ai","code_id":142154,"deleted":0,"input_tokens":null,"id":69516}],"assets":[{"project_id":3004,"creator":null,"cloudinary_id":"r1ykfk0p9d4k5uvovrfu","deleted":false,"id":18854,"created_at":"2024-08-23T18:40:29.820119Z","name":"background","resource_type":"image","tags":null},{"project_id":3004,"creator":null,"cloudinary_id":"xoiydcwpdrvd4razn7fw","deleted":false,"id":18853,"created_at":"2024-08-23T18:40:29.818939Z","name":"pokeemon","resource_type":"image","tags":null},{"project_id":3004,"creator":null,"cloudinary_id":"uc3v3yj74krf7xklswij","deleted":false,"id":18852,"created_at":"2024-08-23T18:40:29.817028Z","name":"pokeball","resource_type":"image","tags":null},{"project_id":3004,"creator":null,"cloudinary_id":"rcl561b8seci7rplusjt","deleted":false,"id":18851,"created_at":"2024-08-23T18:40:29.815735Z","name":"key","resource_type":"image","tags":null},{"project_id":3004,"creator":null,"cloudinary_id":"uu1aapelfctiuqsckylp","deleted":false,"id":18850,"created_at":"2024-08-23T18:40:29.814559Z","name":"door","resource_type":"image","tags":null}],"messages_sent":1,"comments":[{"content":"Hope you enjoy!!!","id":1137,"user_id":182,"user":{"photo":null,"email":"lily.gray@alpha.school","recess_id":"4054c251-f71c-4583-8cc4-73403ebdcbec","created_at":"2024-08-19T18:23:08.340576Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"flower","id":182,"password_hash":"$2b$12$de434VuhlXU4FXHMSwrj/eweUD6F9th0KavH2khb2dmr/Fvdm0idC","updated_at":"2024-08-19T18:23:08.340578Z","reset_token_expiry":null,"subscription_status":null},"project_id":3004,"created_at":"2025-04-10T18:03:49.378187Z","updated_at":"2025-04-10T18:03:49.378196Z"}],"steps":[]}