Emoji Adventure Game

{"name":"pokeball game","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":null,"view_count":11,"fork_count":1,"expires_at":null,"created_at":"2024-08-21T19:06:24.256829Z","updated_at":"2024-10-17T18:24:34.451871Z","user_id":70,"status":"DELETED","parent_id":2933,"id":2939,"user":{"username":"kris10","id":70,"password_hash":"$2b$12$abwA8Crfrc22ANEFpZErHeQDLvhr9RJOD0lMNLh7PJGrAn7M//qEC","updated_at":"2024-03-23T19:20:56.974485Z","reset_token_expiry":"2025-01-14T23:32:05.455609","subscription_status":"active","photo":null,"email":"kristen@jippity.pro","recess_id":"0c22a63e-e8fa-453f-a493-d113532a13c2","created_at":"2024-03-23T19:20:56.974481Z","reset_token":"GD2dODEjNUbAH88Yx-1HMTa4uc_OUtvTa0c5D-VKUhw","stripe_customer_id":"cus_RPbovGjLueUufv","seats":100},"code":{"script.js":"let pokeballX, pokeballY;\nlet pikachuX, pikachuY;\nlet moveSpeed = 5; // Speed at which the pokeball moves\nlet pokeballImg;\nlet pikachuImg;\n\nfunction preload() {\n pokeballImg = loadImage(\"@asset('pokeball')\");\n pikachuImg = loadImage(\"@asset('pikachu')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(255);\n textSize(32); // Set the text size for emojis\n\n // Initial positions for the pokeball and Pikachu\n pokeballX = width / 2;\n pokeballY = height / 2;\n pikachuX = random(width);\n pikachuY = random(height);\n}\n\nfunction draw() {\n background(255); // Clear the screen with a light gray background\n\n // Move the pokeball based on user input\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // Left arrow or 'A'\n pokeballX -= moveSpeed;\n }\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // Right arrow or 'D'\n pokeballX += moveSpeed;\n }\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // Up arrow or 'W'\n pokeballY -= moveSpeed;\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // Down arrow or 'S'\n pokeballY += moveSpeed;\n }\n\n // Draw the pokeball\n image(pokeballImg, pokeballX, pokeballY, 50, 50);\n\n // Draw Pikachu\n image(pikachuImg, pikachuX, pikachuY, 50, 50);\n}","style.css":"body { margin: 0; font-family: Arial, sans-serif; background-color: #f0f0f0; } canvas { display: block; }","index.html":"\n\n\n \n \n Emoji Adventure Game\n \n \n \n\n\n\n"},"chat_history":[{"deleted":0,"code_id":139989,"input_tokens":null,"id":68232,"project_id":2939,"sender":"human","message":"Let's get started!","created_at":"2024-08-21T19:06:32.860864Z","output_tokens":null},{"deleted":0,"code_id":139989,"input_tokens":null,"id":68233,"project_id":2939,"sender":"ai","message":"","created_at":"2024-08-21T19:06:32.869260Z","output_tokens":null},{"deleted":0,"code_id":140018,"input_tokens":null,"id":68242,"project_id":2939,"sender":"human","message":"use my pikachu and pokeball assets","created_at":"2024-08-21T19:09:29.956972Z","output_tokens":null},{"deleted":0,"code_id":140018,"input_tokens":null,"id":68243,"project_id":2939,"sender":"ai","message":"

\n# Reasoning\nUsing Pikachu and Pokeball assets will make the game more visually appealing and engaging. We can load these assets in the `preload` function and then replace the emoji drawings with the actual images.\n

\n\n

\n# Answer:\n

\n\nGreat idea! Let's use your Pikachu and Pokeball assets. We'll need to load the images and replace the emoji drawings with these assets.\n\nHere are the steps we'll take:\n1. Load the images in the `preload` function.\n2. Draw the images instead of the emojis in the `draw` function.\n\nLet's start by adding the `preload` function to load the images:\n\n```javascript\nlet pokeballImg;\nlet pikachuImg;\n\nfunction preload() {\n pokeballImg = loadImage(\"@asset('pokeball')\");\n pikachuImg = loadImage(\"@asset('pikachu')\");\n}\n```\n\nNext, we'll modify the `draw` function to use these images instead of the text emojis:\n\n```javascript\nfunction draw() {\n background(200); // Clear the screen with a light gray background\n\n // Move the pokeball based on user input\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // Left arrow or 'A'\n pokeballX -= moveSpeed;\n }\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // Right arrow or 'D'\n pokeballX += moveSpeed;\n }\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // Up arrow or 'W'\n pokeballY -= moveSpeed;\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // Down arrow or 'S'\n pokeballY += moveSpeed;\n }\n\n // Draw the pokeball\n image(pokeballImg, pokeballX, pokeballY, 50, 50);\n\n // Draw Pikachu\n image(pikachuImg, pikachuX, pikachuY, 50, 50);\n}\n```\n\n### Updated Code\n\nAdd this to the script.js:\n\n```javascript\nlet pokeballImg;\nlet pikachuImg;\n\nfunction preload() {\n pokeballImg = loadImage(\"@asset('pokeball')\");\n pikachuImg = loadImage(\"@asset('pikachu')\");\n}\n```\n\nUpdate the `draw` function in script.js:\n\n```javascript\nfunction draw() {\n background(200); // Clear the screen with a light gray background\n\n // Move the pokeball based on user input\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // Left arrow or 'A'\n pokeballX -= moveSpeed;\n }\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // Right arrow or 'D'\n pokeballX += moveSpeed;\n }\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // Up arrow or 'W'\n pokeballY -= moveSpeed;\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // Down arrow or 'S'\n pokeballY += moveSpeed;\n }\n\n // Draw the pokeball\n image(pokeballImg, pokeballX, pokeballY, 50, 50);\n\n // Draw Pikachu\n image(pikachuImg, pikachuX, pikachuY, 50, 50);\n}\n```\n\n### Explanation\n- The `preload` function loads the images before the game starts.\n- The `image` function draws the images at the specified positions, replacing the emoji text.\n\nTry adding this code and let me know if it works!","created_at":"2024-08-21T19:09:29.969431Z","output_tokens":null}],"assets":[{"cloudinary_id":"uc3v3yj74krf7xklswij","project_id":2939,"created_at":"2024-08-21T19:09:14.157410Z","deleted":false,"name":"pokeball","resource_type":"image","id":18460},{"cloudinary_id":"gamzr2fnp8ldjt8hw1yd","project_id":2939,"created_at":"2024-08-21T19:06:24.287872Z","deleted":false,"name":"pikachu","resource_type":"image","id":18459}],"messages_sent":2,"comments":[],"steps":[]}