Interactive Map Adventure

{"name":"MOUSE Adventure RISE OF THE NEW WOURLD","description":"Explore a vibrant, interactive map where you can navigate through different terrains and discover hidden treasures! Use your keyboard and mouse to control your character as you embark on this exciting journey. Perfect for learning programming while having fun with visuals and user interaction.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-01-28T21:22:08.190217Z","updated_at":"2025-01-28T21:22:08.190221Z","user_id":60,"status":"PRIVATE","parent_id":5573,"id":5636,"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":"// Global variables for the rat character position, HP, skins, emotes, and money\nlet ratX = 450;\n\n// Initial X position of the rat\nlet ratY = 400;\n\n// Initial Y position of the rat\nlet ratHP = 100;\n\n// Initial HP of the rat\nlet skins = [];\n\n// Array to hold skin images\nlet currentSkinIndex = 0;\n\n// Index to track the current skin\nlet ratEmote = \"\";\n\n// Variable to hold the current emote for the rat\nlet money = 0;\n\n\nfunction preload() {\n skins.push(loadImage(\"@asset('MOUSE')\")); // Load mouse skin\n skins.push(loadImage(\"@asset('rat')\")); // Load rat skin\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n}\n\nfunction draw() {\n background(135, 206, 235); // Sky blue background\n\n // Draw larger mountains\n fill(139, 69, 19); // Brown color for mountains\n triangle(80, 400, 150, 250, 220, 400); // Mountain 1\n triangle(250, 400, 300, 200, 350, 400); // Mountain 2\n\n // Draw cone-shaped snow caps on mountains\n fill(255); // White color for snow\n triangle(130, 220, 150, 180, 170, 220); // Snow cap for Mountain 1\n triangle(280, 170, 300, 130, 320, 170); // Snow cap for Mountain 2\n\n // Draw larger desert area\n fill(210, 180, 140); // Sandy color for desert\n rect(400, 300, 400, 300); // Desert area\n\n // Draw the old temple\n fill(128, 128, 0); // Olive color for temple walls\n rect(500, 350, 100, 150); // Temple base\n fill(139, 69, 19); // Brown color for roof\n triangle(500, 350, 550, 300, 600, 350); // Temple roof\n\n // Draw the rat character with the current skin\n image(skins[currentSkinIndex], ratX, ratY, 50, 50); // Draw the rat image, adjust size as needed\n\n // Draw the spear\n stroke(139, 69, 19); // Brown color for the spear\n strokeWeight(4); // Set stroke weight for visibility\n line(ratX + 25, ratY + 20, ratX + 25, ratY - 30); // Draw the spear\n\n // Display HP above the rat\n textSize(16); // Set text size for HP\n fill(0); // Set text color to black\n text(`HP: ${ratHP}`, ratX, ratY - 10); // Display HP above the rat\n\n // Display Emote\n if (ratEmote) {\n textSize(32); // Set text size for emote\n fill(255, 0, 0); // Set text color to red\n text(ratEmote, ratX, ratY - 50); // Display emote above the rat\n }\n\n // Collection area for mouse skin\n fill(0, 255, 0, 100); // Green color for visibility\n rect(600, 450, 50, 50); // Area where the rat can collect the mouse skin\n\n // Check for collection of mouse skin\n if (ratX < 650 && ratX > 600 && ratY < 500 && ratY > 450) {\n currentSkinIndex = 0; // Change to mouse skin\n }\n\n // Collection area for money\n fill(255, 215, 0, 100); // Gold color for money visibility\n rect(300, 200, 50, 50); // Area where the rat can collect money\n\n // Check for collection of money\n if (ratX < 350 && ratX > 300 && ratY < 250 && ratY > 200) {\n money += 10; // Increase money by 10\n }\n\n // Display Money\n textSize(16); // Set text size for money\n fill(0); // Set text color to black\n text(`Money: $${money}`, 20, 30); // Display money at the top left corner\n\n // Check for entry into the temple\n if (ratX < 600 && ratX > 500 && ratY < 500 && ratY > 350) {\n textSize(32); // Set text size for messages\n fill(0); // Set text color to black\n text(\"You have entered the Old Temple!\", 200, 100); // Display entrance message\n }\n\n // Add names\n textSize(32); // Set text size for names\n fill(0); // Set text color to black\n text('Mountain Range', 100, 450); // Name for mountains\n text('The Dead Valley', 450, 550); // Name for desert area\n text('Old Temple', 500, 520); // Name for the temple\n}\n\n// Function to handle keyPressed events for movement and emotes\nfunction keyPressed() {\n if (keyCode === UP_ARROW) {\n ratY -= 5; // Move up\n } else if (keyCode === DOWN_ARROW) {\n ratY += 5; // Move down\n } else if (keyCode === LEFT_ARROW) {\n ratX -= 5; // Move left\n } else if (keyCode === RIGHT_ARROW) {\n ratX += 5; // Move right\n } else if (keyCode === 32) { // Space bar to change skin\n currentSkinIndex = (currentSkinIndex + 1) % skins.length; // Cycle through skins\n } else if (keyCode === 69) { // E key for emote\n ratEmote = \"😊\"; // Example emote\n } else if (keyCode === 70) { // F key for another emote\n ratEmote = \"😡\"; // Another emote\n } else if (keyCode === 88) { // X key to clear emote\n ratEmote = \"\"; // Clear emote\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Interactive Map Adventure\n \n \n\n\n \n\n"},"chat_history":[{"deleted":0,"code_id":205691,"input_tokens":null,"id":105317,"project_id":5636,"sender":"client_script","message":"Let's get started!\n Errors:\n","created_at":"2025-01-28T21:22:13.925907Z","output_tokens":null},{"deleted":0,"code_id":205691,"input_tokens":4004,"id":105318,"project_id":5636,"sender":"ai","message":"Great! I see you have an interesting interactive map project with a rat character that can change skins, collect money, and enter different areas. Could you tell me what specific feature or improvement you'd like to work on next?","created_at":"2025-01-28T21:22:13.933735Z","output_tokens":57}],"assets":[{"name":"MOUSE","cloudinary_id":"jegohzu5rwcrl65gheal","resource_type":"image","id":58263,"project_id":5636,"created_at":"2025-01-28T21:22:08.448578Z","deleted":false},{"name":"rat","cloudinary_id":"jl3kepaxe8u3nohm8n2j","resource_type":"image","id":58262,"project_id":5636,"created_at":"2025-01-28T21:22:08.332175Z","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}