Galactic Explorer

{"name":"Galactic Explorer - Backup 7/14/24","description":"Embark on an intergalactic adventure in 'Galactic Explorer'! Pilot your spaceship through asteroid fields, alien planets, and mysterious wormholes as you uncover the secrets of the universe.","photo":null,"view_count":4,"fork_count":0,"expires_at":null,"created_at":"2024-07-14T14:14:02.365592Z","updated_at":"2024-07-14T14:14:07.805656Z","user_id":2,"status":"PRIVATE","parent_id":2221,"id":2226,"user":{"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null,"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},"code":{"script.js":"let toolboxItems;\r\nlet grid = [];\r\nconst cols = 25;\r\nconst rows = 25;\r\nconst tileSize = 50; // Size of each tile in the grid\r\nlet offsetX = 0; // Horizontal offset for scrolling\r\nlet offsetY = 0; // Vertical offset for scrolling\r\nlet selectedItem = null; // Currently selected item\r\nlet ghostX = -1, ghostY = -1; // Position for the ghost item\r\nlet metalCount = 5555; // Initial metal count\r\nlet powerProducedPerSecond = 0; // Power produced per second\r\nlet powerConsumedPerSecond = 0; // Power consumed per second\r\nlet powerStored = 0; // Total power stored\r\nlet totalStorageCapacity = 0; // Total storage capacity of all batteries\r\nlet drillCount = 0; // Counter for the number of drills placed\r\nlet tier1SolarCount = 0; // Counter for the number of Tier 1 Solar Panels placed\r\nlet tier1BatteryCount = 0; // Counter for the number of Tier 1 Batteries placed\r\nlet isDay = true; // Flag to indicate whether it is day or night\r\nlet researchPoints = 0; // Initial research points\r\nlet researchScreenOpen = false;\r\nlet tier2SolarUnlocked = false;\r\nlet tier2BatteryUnlocked = false;\r\nlet researchLabBuilt = false; // Flag to check if a Research Lab has been built\r\nlet tier2MinerUnlocked = false; // Add this line at the top with other variable declarations\r\n// Variables for the sun's position, size, movement, and rotation angle\r\nlet sunX, sunY, sunSize = 100, sunAngle = 0;\r\nlet sunCenterX, sunCenterY, sunRadius = 50, sunSpeed = 0.02;\r\n\r\nfunction setup() {\r\n createCanvas(windowWidth, windowHeight);\r\n background(0); // Set the background color\r\n\r\n // Play background music\r\n sunCenterX = width - 100; // Center of the sun's circular path\r\n sunCenterY = 100;\r\n sunX = sunCenterX + sunRadius * cos(sunAngle);\r\n sunY = sunCenterY + sunRadius * sin(sunAngle);\r\n\r\n\r\n toolboxItems = [\r\n { emoji: '☀️', x: 75, y: height - 65, data: \"Solar Panel:\\nProduces 2 watts per second\\nCosts: 3 metal\", cost: 3, powerProduction: 2, powerStorage: 0 },\r\n { emoji: '🌞', x: 300, y: height - 65, data: \"Tier 2 Solar Panel:\\nProduces 5 watts per second\\nCosts: 6 metal\\nRequires: 3 Tier 1 Solar Panels\", cost: 6, powerProduction: 5, powerStorage: 0, requiresTier1: 3, locked: true },\r\n { emoji: '🪫', x: 150, y: height - 65, data: \"Battery:\\nStores 500 watts\\nCosts: 1 metal\", cost: 1, powerProduction: 0, powerStorage: 500 },\r\n { emoji: '🔋', x: 375, y: height - 65, data: \"Tier 2 Battery:\\nStores 2500 watts\\nCosts: 5 metal\\nRequires: 5 Tier 1 Batteries\", cost: 5, powerProduction: 0, powerStorage: 2500, requiresTier1: 5, locked: true },\r\n { emoji: '🧪', x: 450, y: height - 65, data: \"Research Lab:\\nProduces 1 research point per second\\nConsumes 10 watts per second\\nCosts: 7 metal\", cost: 7, powerProduction: 0, powerStorage: 0, researchProduction: 1, powerConsumption: 10 },\r\n { emoji: '⛏️', x: 225, y: height - 65, data: \"Drill:\\nConsumes 1 watt per second\\nProduces 2 metal every 5-8 seconds\\nCosts: 5 metal\", cost: 5, powerProduction: 0, powerStorage: 0, powerConsumption: 1 },\r\n { emoji: '🛠️', x: 525, y: height - 65, data: \"Tier 2 Miner:\\nConsumes 2 watts per second\\nProduces 5 metal every 5-8 seconds\\nCosts: 10 metal\\nRequires: 2 Tier 1 Miners\", cost: 10, powerProduction: 0, powerStorage: 0, powerConsumption: 2, requiresTier1: 2, locked: true }\r\n ];\r\n\r\n // Initialize the grid\r\n for (let i = 0; i < cols; i++) {\r\n grid[i] = [];\r\n for (let j = 0; j < rows; j++) {\r\n grid[i][j] = 0; // 0 represents an empty tile\r\n }\r\n }\r\n\r\n // Set interval to update power storage\r\n setInterval(updatePowerStorage, 1000);\r\n // Set interval to produce metal\r\n setInterval(produceMetal, random(5000, 8000));\r\n // Set interval for day/night cycle\r\n setInterval(toggleDayNight, 15000);\r\n let earthX, earthY, earthSize = 50, earthAngle = 0;\r\nlet earthCenterX, earthCenterY, earthRadius = 80, earthSpeed = 0.015;\r\n\r\n}\r\n// Draw the rotating sun\r\nfunction drawSun() {\r\n // Update sun's position in a circular path\r\n sunX = sunCenterX + sunRadius * cos(sunAngle);\r\n sunY = sunCenterY + sunRadius * sin(sunAngle);\r\n\r\n push(); // Save the current drawing state\r\n translate(sunX, sunY); // Move the origin to the sun's position\r\n rotate(sunAngle); // Rotate by the current angle\r\n textSize(sunSize); // Set the text size for the emoji\r\n text('☀️', 0, 0); // Draw the sun emoji at the new origin\r\n pop(); // Restore the original drawing state\r\n\r\n sunAngle += sunSpeed; // Increment the rotation angle for next frame\r\n}\r\n// script.js\r\n\r\nfunction draw() {\r\n if (showIntro) {\r\n drawIntroScreen(); // Show the introductory screen\r\n } else {\r\n background(isDay ? 0 : 50); // Clear the background each frame, lighter at night\r\n drawGrid();\r\n drawToolbox();\r\n checkHover();\r\n handleScrolling();\r\n if (!researchScreenOpen) {\r\n drawGhostItem();\r\n }\r\n displayStats();\r\n drawResearchButton();\r\n if (researchScreenOpen) {\r\n drawResearchScreen();\r\n }\r\n\r\n // Draw the sun during the day\r\n if (isDay) {\r\n drawSun();\r\n drawEarths(); // Draw the Earth emojis during the day\r\n }\r\n }\r\n}\r\n\r\nfunction drawIntroScreen() {\r\n background(0); // Set the background color\r\n fill(255); // Set the text color\r\n textSize(32);\r\n textAlign(CENTER, CENTER);\r\n text(\"You landed on the moon to build the power systems\\nof the new lunar colony\", width / 2, height / 2 - 50);\r\n \r\n // Draw the \"Start Game\" button\r\n fill(150);\r\n rect(width / 2 - 75, height / 2 + 50, 150, 50, 20);\r\n fill(0);\r\n textSize(24);\r\n text(\"Start Game\", width / 2, height / 2 + 75);\r\n}\r\nlet showIntro = true; // Flag to show the introductory screen\r\n\r\nlet earthX, earthY, earthSize = 50, earthAngle = 0;\r\nlet earthCenterX, earthCenterY, earthRadius = 80, earthSpeed = 0.015;\r\n\r\nfunction drawEarths() {\r\n // Update Earth's position in a circular path\r\n earthX = earthCenterX + earthRadius * cos(earthAngle);\r\n earthY = earthCenterY + earthRadius * sin(earthAngle);\r\n\r\n\r\n\r\n earthAngle += earthSpeed; // Increment the rotation angle for the next frame\r\n}\r\nfunction toggleDayNight() {\r\n isDay = !isDay; // Toggle the day/night flag\r\n}\r\n\r\nfunction drawGrid() {\r\n for (let i = 0; i < cols; i++) {\r\n for (let j = 0; j < rows; j++) {\r\n let x = i * tileSize - offsetX;\r\n let y = j * tileSize - offsetY;\r\n if (x >= 0 && x < width - 150 && y >= 50 && y < height - 150) {\r\n fill(100); // Color for the tiles\r\n stroke(255); // Tile border color\r\n rect(x, y, tileSize, tileSize);\r\n if (grid[i][j] !== 0) {\r\n textAlign(CENTER, CENTER);\r\n textSize(32);\r\n fill(255);\r\n text(grid[i][j], x + tileSize / 2, y + tileSize / 2);\r\n }\r\n }\r\n }\r\n }\r\n}\r\nfunction drawToolbox() {\r\n let toolboxWidth = 425;\r\n let toolboxHeight = 50;\r\n let toolboxX = 10;\r\n let toolboxY = height - toolboxHeight - 20;\r\n\r\n fill(150, 200);\r\n rect(toolboxX, toolboxY, toolboxWidth, toolboxHeight, 20);\r\n\r\n textSize(32);\r\n textAlign(CENTER, CENTER);\r\n\r\n for (let item of toolboxItems) {\r\n if (item.locked && ((item.emoji === '🌞' && !tier2SolarUnlocked) ||\r\n (item.emoji === '🔋' && !tier2BatteryUnlocked) ||\r\n (item.emoji === '🛠️' && !tier2MinerUnlocked))) {\r\n fill(255, 0, 0, 100); // Semi-transparent red fill for locked items\r\n ellipse(item.x, item.y + 25, 40, 40); // Move highlight circle down\r\n fill(255); // Reset fill for text\r\n } else {\r\n if (item === selectedItem) {\r\n fill(0, 255, 0, 100); // Highlight selected item with semi-transparent green circle\r\n ellipse(item.x, item.y + 25, 40, 40); // Move highlight circle down\r\n fill(255); // Reset fill for text\r\n }\r\n }\r\n text(item.emoji, item.x, item.y + 25); // Move emoji down\r\n }\r\n}\r\n\r\nfunction mousePressed() {\r\n if (showIntro) {\r\n // Check if the \"Start Game\" button is clicked\r\n if (mouseX > width / 2 - 75 && mouseX < width / 2 + 75 &&\r\n mouseY > height / 2 + 50 && mouseY < height / 2 + 100) {\r\n showIntro = false; // Hide the introductory screen\r\n }\r\n }\r\n // Existing mouseClicked logic...\r\n // Check if an item in the toolbox is clicked\r\n for (let item of toolboxItems) {\r\n if (dist(mouseX, mouseY, item.x, item.y) < 20) {\r\n console.log(`Selected item: ${item.emoji}`); // Debugging line\r\n selectedItem = item;\r\n return;\r\n }\r\n }\r\n\r\n // Check if the grid is clicked\r\n if (selectedItem && !researchScreenOpen) {\r\n let i = floor((mouseX + offsetX) / tileSize);\r\n let j = floor((mouseY + offsetY) / tileSize);\r\n if (i >= 0 && i < cols && j >= 0 && j < rows && grid[i][j] === 0) {\r\n console.log(`Placing item: ${selectedItem.emoji} at (${i}, ${j})`); // Debugging line\r\n grid[i][j] = selectedItem.emoji;\r\n selectedItem = null;\r\n }\r\n }\r\n}\r\nfunction checkHover() {\r\n for (let item of toolboxItems) {\r\n if (dist(mouseX, mouseY, item.x, item.y) < 20) {\r\n highlightItem(item);\r\n showData(item.data, mouseX, mouseY);\r\n }\r\n }\r\n\r\n // Check if hovering over the grid\r\n if (selectedItem && !researchScreenOpen) {\r\n let i = floor((mouseX + offsetX) / tileSize);\r\n let j = floor((mouseY + offsetY) / tileSize);\r\n if (i >= 0 && i < cols && j >= 0 && j < rows) {\r\n ghostX = i;\r\n ghostY = j;\r\n } else {\r\n ghostX = -1;\r\n ghostY = -1;\r\n }\r\n }\r\n}\r\n\r\nfunction highlightItem(item) {\r\n fill(255, 255, 0, 100); // Semi-transparent yellow fill for highlight\r\n ellipse(item.x, item.y + 25, 40, 40); // Move highlight circle down\r\n fill(255); // Reset fill for text\r\n}\r\n\r\nfunction showData(data, x, y) {\r\n fill(50);\r\n rect(x, y, 200, 60, 10); // Background rectangle for data tooltip\r\n fill(255);\r\n textSize(16);\r\n textAlign(LEFT, TOP);\r\n text(data, x + 10, y + 10); // Add padding inside the tooltip\r\n}\r\n\r\nfunction handleScrolling() {\r\n if (keyIsDown(87)) { // W key\r\n offsetY -= 5;\r\n }\r\n if (keyIsDown(83)) { // S key\r\n offsetY += 5;\r\n }\r\n if (keyIsDown(65)) { // A key\r\n offsetX -= 5;\r\n }\r\n if (keyIsDown(68)) { // D key\r\n offsetX += 5;\r\n }\r\n}\r\n\r\nfunction drawGhostItem() {\r\n if (selectedItem && ghostX >= 0 && ghostY >= 0) {\r\n let x = ghostX * tileSize - offsetX;\r\n let y = ghostY * tileSize - offsetY;\r\n fill(0, 255, 0, 100); // Semi-transparent green fill for the ghost item\r\n rect(x, y, tileSize, tileSize);\r\n textAlign(CENTER, CENTER);\r\n textSize(32);\r\n fill(255);\r\n text(selectedItem.emoji, x + tileSize / 2, y + tileSize / 2);\r\n }\r\n}\r\n\r\nfunction displayStats() {\r\n fill(255);\r\n textSize(24);\r\n textAlign(LEFT, TOP);\r\n text(`Metal: ${metalCount}`, 10, 10); // Display metal count at top left\r\n text(`Power Produced: ${powerProducedPerSecond.toFixed(2)} W`, 10, 40); // Display power produced per second\r\n text(`Power Stored: ${powerStored.toFixed(2)} / ${totalStorageCapacity.toFixed(2)} W`, 10, 70); // Display power stored and max storage capacity\r\n text(`Research Points: ${researchPoints}`, 10, 100); // Display research points\r\n text(`Time: ${isDay ? \"Day\" : \"Night\"}`, 10, 130); // Display day/night status\r\n}\r\nfunction drawResearchButton() {\r\n let buttonX = width - 150;\r\n let researchButtonY = height - 60;\r\n let helpButtonY = researchButtonY - 70; // Position the Help button above the Research button\r\n\r\n // Draw Help button\r\n fill(150);\r\n rect(buttonX, helpButtonY, 140, 50, 10);\r\n\r\n textSize(20);\r\n textAlign(CENTER, CENTER);\r\n fill(0, 255, 0);\r\n text(\"Help\", buttonX + 70, helpButtonY + 25);\r\n\r\n // Draw Research button\r\n fill(150);\r\n rect(buttonX, researchButtonY, 140, 50, 10);\r\n\r\n textSize(20);\r\n textAlign(CENTER, CENTER);\r\n\r\n if (researchLabBuilt) {\r\n fill(0, 255, 0);\r\n text(\"Research Tree\", buttonX + 70, researchButtonY + 25);\r\n } else {\r\n fill(255, 0, 0);\r\n text(\"Locked\", buttonX + 70, researchButtonY + 25);\r\n }\r\n}\r\n\r\nfunction mouseReleased() {\r\n if (mouseButton === RIGHT && researchScreenOpen) {\r\n researchScreenOpen = false;\r\n }\r\n}\r\n\r\nfunction mouseClicked() {\r\n // Check if an item in the toolbox is clicked\r\n for (let item of toolboxItems) {\r\n if (dist(mouseX, mouseY, item.x, item.y) < 20) {\r\n console.log(`Selected item: ${item.emoji}`); // Debugging line\r\n selectedItem = item;\r\n return;\r\n }\r\n }\r\n\r\n // Check if the grid is clicked\r\n if (selectedItem && !researchScreenOpen) {\r\n let i = floor((mouseX + offsetX) / tileSize);\r\n let j = floor((mouseY + offsetY) / tileSize);\r\n if (i >= 0 && i < cols && j >= 0 && j < rows && grid[i][j] === 0) {\r\n console.log(`Placing item: ${selectedItem.emoji} at (${i}, ${j})`); // Debugging line\r\n grid[i][j] = selectedItem.emoji;\r\n selectedItem = null;\r\n }\r\n }\r\n}\r\nfunction updatePowerStorage() {\r\n if (isDay) {\r\n powerStored += powerProducedPerSecond; // Update power storage every second during the day\r\n }\r\n powerStored -= powerConsumedPerSecond; // Deduct power consumed every second\r\n if (powerStored > totalStorageCapacity) {\r\n powerStored = totalStorageCapacity; // Cap the power stored to the total storage capacity\r\n }\r\n if (powerStored < 0) {\r\n powerStored = 0; // Prevent negative power storage\r\n }\r\n}\r\n\r\nfunction produceMetal() {\r\n if (powerStored >= powerConsumedPerSecond) {\r\n metalCount += 2; // Produce 2 metal\r\n }\r\n}\r\n\r\nfunction openResearchScreen() {\r\n researchScreenOpen = true;\r\n}\r\n\r\nfunction closeResearchScreen() {\r\n researchScreenOpen = false;\r\n}\r\n// Update drawResearchScreen function to include Tier 2 Miner\r\nlet researchOffsetY = 0; // Vertical offset for scrolling the research tree\r\nconst RESEARCH_SCROLL_SPEED = 10; // Speed of scrolling\r\n\r\nfunction drawResearchScreen() {\r\n fill(30, 30, 100, 210); // Semi-transparent background for the research screen\r\n rect(width / 2 - 300, height / 2 - 250, 600, 400, 20); // Rounded corners\r\n\r\n // Draw scrolling area\r\n push();\r\n translate(0, researchOffsetY); // Apply vertical offset\r\n\r\n fill(255);\r\n textSize(28);\r\n textAlign(CENTER, CENTER);\r\n text(\"Research Tree\", width / 2, height / 2 - 180);\r\n text(`Research Points: ${researchPoints.toFixed(2)}`, width / 2, height / 2 - 150);\r\n\r\n textSize(22);\r\n textAlign(LEFT, TOP);\r\n\r\n // Draw lines for the tree structure\r\n stroke(255);\r\n strokeWeight(2);\r\n // Line from main node to Tier 2 Solar Panel\r\n line(width / 2, height / 2 - 120, width / 2 - 150, height / 2 - 60);\r\n // Line from main node to Tier 2 Battery\r\n line(width / 2, height / 2 - 120, width / 2, height / 2);\r\n // Line from main node to Tier 2 Miner\r\n line(width / 2, height / 2 - 120, width / 2 + 150, height / 2 + 60);\r\n\r\n noStroke(); // Disable stroke for text\r\n\r\n // Check if Tier 2 Solar Panel is unlocked\r\n if (tier2SolarUnlocked) {\r\n fill(0, 255, 0);\r\n text(\"Tier 2 Solar Panel: Unlocked\", width / 2 - 280, height / 2 - 60);\r\n } else {\r\n fill(255);\r\n text(\"Unlock Tier 2 Solar Panel (5 points)\", width / 2 - 280, height / 2 - 60);\r\n if (researchPoints >= 5) {\r\n fill(0, 255, 0);\r\n text(\"Click to Unlock\", width / 2 - 280, height / 2 - 30); // Adjust position\r\n } else {\r\n fill(255, 0, 0);\r\n text(\"Can't Afford\", width / 2 - 280, height / 2 - 30); // Adjust position\r\n }\r\n }\r\n\r\n // Check if Tier 2 Battery is unlocked\r\n if (tier2BatteryUnlocked) {\r\n fill(0, 255, 0);\r\n text(\"Tier 2 Battery: Unlocked\", width / 2 - 100, height / 2);\r\n } else {\r\n fill(255);\r\n text(\"Unlock Tier 2 Battery (5 points)\", width / 2 - 100, height / 2);\r\n if (researchPoints >= 5) {\r\n fill(0, 255, 0);\r\n text(\"Click to Unlock\", width / 2 - 100, height / 2 + 30); // Adjust position\r\n } else {\r\n fill(255, 0, 0);\r\n text(\"Can't Afford\", width / 2 - 100, height / 2 + 30); // Adjust position\r\n }\r\n }\r\n\r\n // Check if Tier 2 Miner is unlocked\r\n if (tier2MinerUnlocked) {\r\n fill(0, 255, 0);\r\n text(\"Tier 2 Miner: Unlocked\", width / 2 + 20, height / 2 + 120);\r\n } else {\r\n fill(255);\r\n text(\"Unlock Tier 2 Miner (5 points)\", width / 2 + 20, height / 2 + 120);\r\n if (researchPoints >= 5) {\r\n fill(0, 255, 0);\r\n text(\"Click to Unlock\", width / 2 + 20, height / 2 + 150); // Adjust position\r\n } else {\r\n fill(255, 0, 0);\r\n text(\"Can't Afford\", width / 2 + 20, height / 2 + 150); // Adjust position\r\n }\r\n }\r\n\r\n pop();\r\n\r\n // Draw close button\r\n let closeButtonX = width / 2 + 250;\r\n let closeButtonY = height / 2 - 180;\r\n fill(200, 0, 0);\r\n rect(closeButtonX, closeButtonY, 40, 40, 10);\r\n fill(255);\r\n textSize(32);\r\n textAlign(CENTER, CENTER);\r\n text(\"X\", closeButtonX + 20, closeButtonY + 20);\r\n}\r\nfunction showData(data, x, y) {\r\n fill(50, 50, 150, 220); // Semi-transparent background for data tooltip\r\n rect(x, y, 220, 70, 10); // Background rectangle for data tooltip\r\n fill(255);\r\n textSize(16);\r\n textAlign(LEFT, TOP);\r\n text(data, x + 10, y + 10); // Add padding inside the tooltip\r\n}","style.css":"body {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n background-color: #000;\r\n font-family: Arial, sans-serif; /* Add a clean, readable font */\r\n}\r\n\r\ncanvas {\r\n border: 2px solid #fff; /* Add a border around the canvas */\r\n box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); /* Add a subtle shadow to the canvas */\r\n}","index.html":"\r\n\r\n\r\n\r\n \r\n \r\n Galactic Explorer\r\n \r\n\r\n\r\n\r\n

\r\n \r\n \r\n \r\n\r\n\r\n"},"chat_history":[{"deleted":0,"code_id":118228,"input_tokens":null,"id":57813,"project_id":2226,"sender":"human","message":"add a story thing at start window saying \"You landed on the moon to build the power systems of the new lunar colony\"","created_at":"2024-07-14T15:00:50.369959Z","output_tokens":null},{"deleted":0,"code_id":118228,"input_tokens":null,"id":57814,"project_id":2226,"sender":"ai","message":"

\n# Reasoning\nThe user wants to add a story introduction to the game. This can be done by creating a simple introductory screen that displays the story and then allows the player to start the game.\n

\n\n

\n# Answer: \n

\n\nAdding a story introduction is a great idea! 🌕✨ We'll add an introductory screen that displays the story: \"You landed on the moon to build the power systems of the new lunar colony.\" Here's how we can achieve that:\n\n1. Create an introductory screen.\n2. Display the story text.\n3. Add a button to start the game.\n\nLet's start by adding these features. Does that sound good?","created_at":"2024-07-14T15:00:50.376786Z","output_tokens":null},{"deleted":0,"code_id":118229,"input_tokens":null,"id":57815,"project_id":2226,"sender":"human","message":"no its a window in this","created_at":"2024-07-14T15:01:03.041044Z","output_tokens":null},{"deleted":0,"code_id":118229,"input_tokens":null,"id":57816,"project_id":2226,"sender":"ai","message":"Got it! We'll add a story introduction window that appears at the start of the game. This window will display the story and then offer a button to begin the game. \n\nLet's start by adding these features:\n1. Create an introductory screen.\n2. Display the story text.\n3. Add a button to start the game.\n\nHere's the code to achieve this:\n\n```javascript\nlet showIntro = true; // Flag to show the introductory screen\n\nfunction draw() {\n if (showIntro) {\n drawIntroScreen(); // Show the introductory screen\n } else {\n background(isDay ? 0 : 50); // Clear the background each frame, lighter at night\n drawGrid();\n drawToolbox();\n checkHover();\n handleScrolling();\n if (!researchScreenOpen) {\n drawGhostItem();\n }\n displayStats();\n drawResearchButton();\n if (researchScreenOpen) {\n drawResearchScreen();\n }\n\n // Draw the sun during the day\n if (isDay) {\n drawSun();\n drawEarths(); // Draw the Earth emojis during the day\n }\n }\n}\n\nfunction drawIntroScreen() {\n background(0); // Set the background color\n fill(255); // Set the text color\n textSize(32);\n textAlign(CENTER, CENTER);\n text(\"You landed on the moon to build the power systems\\nof the new lunar colony\", width / 2, height / 2 - 50);\n \n // Draw the \"Start Game\" button\n fill(150);\n rect(width / 2 - 75, height / 2 + 50, 150, 50, 20);\n fill(0);\n textSize(24);\n text(\"Start Game\", width / 2, height / 2 + 75);\n}\n\nfunction mousePressed() {\n if (showIntro) {\n // Check if the \"Start Game\" button is clicked\n if (mouseX > width / 2 - 75 && mouseX < width / 2 + 75 &&\n mouseY > height / 2 + 50 && mouseY < height / 2 + 100) {\n showIntro = false; // Hide the introductory screen\n }\n }\n // Existing mouseClicked logic...\n // Check if an item in the toolbox is clicked\n for (let item of toolboxItems) {\n if (dist(mouseX, mouseY, item.x, item.y) < 20) {\n console.log(`Selected item: ${item.emoji}`); // Debugging line\n selectedItem = item;\n return;\n }\n }\n\n // Check if the grid is clicked\n if (selectedItem && !researchScreenOpen) {\n let i = floor((mouseX + offsetX) / tileSize);\n let j = floor((mouseY + offsetY) / tileSize);\n if (i >= 0 && i < cols && j >= 0 && j < rows && grid[i][j] === 0) {\n console.log(`Placing item: ${selectedItem.emoji} at (${i}, ${j})`); // Debugging line\n grid[i][j] = selectedItem.emoji;\n selectedItem = null;\n }\n }\n}\n```\n\n- `showIntro`: A flag to indicate whether to show the introductory screen.\n- `draw()`: Modified to show the introductory screen initially.\n- `drawIntroScreen()`: A new function to draw the introductory screen with the story and a \"Start Game\" button.\n- `mousePressed()`: Modified to handle the click event on the \"Start Game\" button.\n\nThis will add an introductory screen with the story and a button to start the game. Once the button is clicked, the game will proceed as usual.","created_at":"2024-07-14T15:01:03.089455Z","output_tokens":null}],"assets":[{"name":"song","cloudinary_id":"gixb9jl5ayputsesghwj","deleted":false,"project_id":2226,"created_at":"2024-07-14T14:26:00.796710Z","resource_type":"video","id":13208}],"messages_sent":20,"comments":[],"steps":[]}