Dragon Evolution Simulator

{"name":"Dragon Evolution Adventure","description":"Hatch, raise, and evolve your own dragon in this exciting text-based adventure game. Watch as your dragon grows and gains new features, and make choices that affect its evolution! Are you ready to embark on a magical journey with your dragon companion?","photo":null,"view_count":6,"fork_count":0,"expires_at":null,"created_at":"2024-04-12T23:12:56.892731Z","updated_at":"2024-04-12T23:12:56.892733Z","user_id":13,"status":"PUBLIC","parent_id":916,"id":1150,"user":{"username":"eragon","id":13,"password_hash":null,"updated_at":"2023-12-12T19:34:01.315643Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"bdb156dc-6ed1-1bfb-5038-ec3c338ccf57","created_at":"2023-12-12T19:34:01.315640Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let dragonHatched = false;\nlet dragonHappiness = 0; // New variable to track dragon's happiness\nlet dragonStage = \"Egg\"; // Initialize dragonStage with the starting stage\nlet canFeed = true;\nlet feedCount = 0;\nlet fullAfter = Math.floor(Math.random() * 2) + 2; // Randomly 2 or 3\nlet lastFedTime = Date.now(); // Track the last time the dragon was fed\nlet dragonStable = []; // Initialize an empty array to act as the dragon stable\n\n\nfunction setup() {\n createCanvas(800, 600); // Initializes the p5.js canvas\n background(220); // Sets the background color of the canvas\n\n // Event listeners for other buttons\n let hatchButton = select('#hatchButton');\n hatchButton.mousePressed(hatchDragon);\n let feedButton = select('#feedButton');\n feedButton.mousePressed(feedDragon);\n let dragopediaButton = select('#dragopediaButton');\n dragopediaButton.mousePressed(showDragopedia);\n let addToStableButton = select('#addToStableButton');\n addToStableButton.mousePressed(addToStable);\n let retrieveFromStableButton = select('#retrieveFromStableButton');\n retrieveFromStableButton.mousePressed(retrieveFromStable);\n\n // Move the event listener for the \"View Stable\" button into the setup function\n select('#viewStableButton').mousePressed(viewStable);\n\n // Initialize happiness bar with 10 segments\n let happinessBar = select('#happinessBar');\n for (let i = 0; i < 10; i++) {\n let segment = createDiv('');\n segment.class('happinessSegment');\n happinessBar.child(segment);\n }\n updateHappinessBar(); // Update the bar based on the current dragon happiness\n initializeHappinessBar()\n setupMainInterface();\n}\n\nfunction draw() {\n background(220); // Clear the canvas for redraw\n decreaseHappinessDueToHunger(); // Check and decrease happiness due to not feeding\n fill(0); // Set text color to black\n textSize(20); // Set text size for the stage display\n text(\"Dragon Stage: \" + dragonStage, 10, 30); // Display the dragon's current stage at the top\n\n background(220); // Clear the canvas for redraw\n\n decreaseHappinessDueToHunger(); // Check and decrease happiness due to not feeding\n\n fill(0); // Set text color to black\n textSize(20); // Set text size for the stage display\n text(\"Dragon Stage: \" + dragonStage, 10, 30); // Display the dragon's current stage at the top\n\n if (dragonHatched) {\n fill(255, 204, 0); // Set the text color for the hatching message\n textSize(32); // Set the text size for the hatching message\n text(\"Your dragon has hatched!\", 200, 250); // Display the hatching message\n\n // Update to include happiness counter\n fill(0, 255, 0); // Change text color to green for happiness level\n textSize(24); // Adjust text size for happiness display\n text(\"Happiness: \" + dragonHappiness, 10, 60); // Display the dragon's happiness level near the top\n }\n}\n\nfunction hatchDragon() {\n if (!dragonHatched) { // Only hatch if the dragon hasn't already hatched\n let dragonName = prompt(\"What do you want to name your dragon?\", \"Sparky\");\n let dragonColor = getRandomColor(); // Get a random color for the dragon\n dragonHatched = true;\n dragonStage = \"Wyrmling\"; // Update the dragon's stage to Wyrmling\n // Save the dragon color\n displayNotification(`Your dragon, ${dragonName}, has hatched into a wyrmling with a beautiful ${dragonColor} color!`);\n \n // When adding dragon to stable, include the color\n dragonStable.push({ name: dragonName, stage: dragonStage, happiness: dragonHappiness, color: dragonColor }); // Add color here\n }\n}\n\nfunction getRandomColor() {\n var letters = '0123456789ABCDEF';\n var color = '#';\n for (var i = 0; i < 6; i++) {\n color += letters[Math.floor(Math.random() * 16)];\n }\n return color;\n}\n\n// In the part where you iterate over dragonStable to create cards\ndragonStable.forEach((dragon, index) => {\n let dragonCard = createElement('div');\n dragonCard.class('dragonCard');\n dragonCard.style('background-color', dragon.color); // Apply the color\n dragonCard.html(`\n

Dragon #${index + 1} - ${dragon.name}

Stage: ${dragon.stage}

Happiness: ${dragon.happiness}

\n \n `);\n stableCards.child(dragonCard);\n});\nfunction feedDragon() {\n if (dragonHatched && dragonHappiness < 10) {\n if (canFeed) {\n dragonHappiness += 1;\n feedCount += 1;\n lastFedTime = Date.now(); // Update the last fed time to now\n displayNotification(\"\"); // Clear any existing notification\n updateHappinessCounter(); // Add this line after happiness is updated\n\n if (feedCount >= fullAfter) {\n displayNotification(\"Your dragon is full and needs some time!\");\n setTimeout(() => displayNotification(\"\"), 1000); // Clear the \"full\" message after 1 second\n canFeed = false;\n setTimeout(() => {\n canFeed = true;\n feedCount = 0;\n fullAfter = Math.floor(Math.random() * 2) + 2; // Determine the next fullAfter threshold\n displayNotification(\"Your dragon is hungry again!\");\n }, 5000); // 5 seconds cooldown\n }\n\n // Initiate evolution countdown when happiness reaches 9\n if (dragonHappiness === 9) {\n setTimeout(checkForEvolution, 5000); // Check for evolution after 5 secondspines\n }\n } else {\n displayNotification(\"Your dragon is still full!\");\n setTimeout(() => displayNotification(\"\"), 1000); // Clear this message after 1 second\n }\n }\n}\n\nfunction checkForEvolution() {\n // Check if happiness is still within the 9-10 range after 5 seconds\n if (dragonHappiness >= 9 && dragonHappiness <= 10) {\n evolveDragon(); // Trigger evolution\n dragonHappiness = 5; // Reset happiness to 5 after evolution\n displayNotification(\"Your dragon has evolved and feels a bit less happy now!\");\n }\n}\n\nfunction evolveDragon() {\n // Check current stage and evolve accordingly, without going past \"Elder\"\n switch (dragonStage) {\n case \"Wyrmling\":\n dragonStage = \"Juvenile\";\n break;\n case \"Juvenile\":\n dragonStage = \"Adult\";\n break;\n case \"Adult\":\n dragonStage = \"Elder\";\n break;\n case \"Elder\":\n // If the dragon is already an Elder, display a message and do not evolve\n displayNotification(\"Your dragon is at its max evolution stage and cannot evolve further.\");\n return; // Exit the function\n }\n displayNotification(\"Your dragon has evolved into a \" + dragonStage + \"!\");\n}\n\nfunction decreaseHappinessDueToHunger() {\n if (Date.now() - lastFedTime > 10000) { // 10 seconds have passed\n if (dragonHappiness > 1) {\n \n dragonHappiness -= 1; // Decrease happiness by 1\n updateHappinessCounter(); // Add this line after happiness is updated\n\n displayNotification(\"Your dragon is unhappy because it's hungry!\");\n } else if (dragonHappiness === 1) {\n // If happiness is 1, we don't decrease it to keep it from going to 0\n displayNotification(\"Your dragon is very unhappy but won't get sadder!\");\n }\n }\n}\n\nfunction displayNotification(message) {\n let notificationArea = select('#notification');\n notificationArea.html(message); // Display the message in the notification area\n}\n\nfunction showDragopedia() {\n let dragopediaContent = `\n

Dragopedia

Egg: Your dragon adventure begins with an egg. Keep it warm and safe!

Wyrmling: Just hatched, your dragon is curious and hungry.

Juvenile: Growing fast, your dragon is learning about the world.

Adult: Your dragon is now fully grown and capable of great feats.

Elder: In this final stage, your dragon is wise and powerful.

\n `;\n displayNotification(dragopediaContent); // Reuse the notification area for displaying the Dragopedia\n}\n\nfunction addToStable() {\n if (dragonHatched) { // Check if there is a dragon to add\n dragonStable.push({ stage: dragonStage, happiness: dragonHappiness }); // Add the dragon to the stable\n dragonHatched = false; // Simulate that the dragon is now in the stable and not immediately accessible\n displayNotification(\"Your dragon has been added to the stable.\");\n } else {\n displayNotification(\"You don't have a dragon outside the stable to add.\");\n }\n}\n\nfunction retrieveFromStable(index) {\n if (index >= 0 && index < dragonStable.length) { // Check if index is valid\n let retrievedDragon = dragonStable.splice(index, 1)[0]; // Use splice to remove and retrieve the dragon at the specified index\n dragonHatched = true;\n dragonStage = retrievedDragon.stage; // Restore the dragon's stage\n dragonHappiness = retrievedDragon.happiness; // Restore the dragon's happiness\n displayNotification(\"You have retrieved a dragon from the stable.\");\n } else {\n displayNotification(\"Invalid selection.\");\n }\n}\n\n\n\nfunction viewStable() {\n let gameContainer = select('#gameContainer');\n gameContainer.html(''); // Clear existing content\n\n // Create and add stable view content\n let stableContent = createElement('div');\n let stableHeader = createElement('h2', 'Your Dragon Stable');\n stableContent.child(stableHeader);\n\n if (dragonStable.length > 0) {\n let stableCards = createElement('div');\n stableCards.id('stableCards');\n dragonStable.forEach((dragon, index) => {\n let dragonCard = createElement('div');\n dragonCard.class('dragonCard');\n dragonCard.html(`\n

Dragon #${index + 1}

Stage: ${dragon.stage}

Happiness: ${dragon.happiness}

\n \n `);\n stableCards.child(dragonCard);\n });\n stableContent.child(stableCards);\n } else {\n stableContent.child(createElement('p', 'Your stable is currently empty.'));\n }\n\n let backButton = createButton('Back to Main');\n backButton.mousePressed(setupMainInterface);\n stableContent.child(backButton);\n\n gameContainer.child(stableContent);\n}\n\nfunction updateHappinessCounter() {\n let happinessCounter = select('#happinessCounter');\n happinessCounter.html('Happiness: ' + dragonHappiness); // Update the counter display\n}\n\nfunction initializeHappinessBar() {\n let happinessBar = select('#happinessBar');\n happinessBar.html(''); // Clear existing segments\n for (let i = 0; i < 10; i++) {\n let segment = createDiv('');\n segment.class('happinessSegment');\n happinessBar.child(segment);\n }\n updateHappinessBar();\n}\n\nfunction setupMainInterface() {\n // Clear gameContainer and rebuild main interface elements\n let gameContainer = select('#gameContainer');\n gameContainer.html(''); // Clear existing content\n \n // Rebuild main interface (simplified for brevity; expand as needed)\n gameContainer.html(`\n

\n \n

Happiness: 0

\n `);\n\n // Reattach event listeners to the newly added elements\n select('#buttonsContainer').style('display', 'flex'); // Example\n select('#viewStableButton').mousePressed(viewStable);\n select('#addToStableButton').mousePressed(addToStable);\n select('#feedButton').mousePressed(feedDragon);\n // Add other buttons and their event listeners here\n\n // Reinitialize happiness bar and counter\n initializeHappinessBar();\n updateHappinessCounter();\n}\n","style.css":"#stableCards {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.dragonCard {\r\n border: 2px solid black;\r\n padding: 10px;\r\n background-color: lightgrey;\r\n width: 200px;\r\n}\r\n\r\n#mainContainer {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: start;\r\n height: 100vh;\r\n}\r\n\r\n#gameContainer {\r\n display: flex;\r\n padding: 20px;\r\n}\r\n\r\n#notification {\r\n flex-basis: 30%;\r\n /* Adjust the width of the notification area as needed */\r\n min-width: 250px;\r\n height: 100%;\r\n padding: 20px;\r\n overflow-y: auto;\r\n border-left: 2px solid gray;\r\n /* Visual separation from the game controls */\r\n}\r\n\r\n#gameContainer {\r\n display: flex;\r\n padding: 20px;\r\n}\r\n \r\n #happinessCounter {\r\n margin-top: 20px;\r\n font-size: 20px;\r\n color: green; /* Feel free to adjust the color */\r\n}\r\n","index.html":"\n\n\n\n \n \n Dragon Evolution Simulator\n \n\n\n\n

\n \n \n \n \n \n

\n \n

Happiness: 0

\n \n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[{"title":"Hatch a Dragon","step_number":0,"complete":true,"updated_at":"2024-04-12T23:12:56.898012","id":5948,"instruction":"Players can hatch their own dragon egg and watch it come to life.","created_at":"2024-03-22T21:53:59.860858","project_id":1150},{"title":"Evolution Stages","step_number":1,"complete":false,"updated_at":"2024-04-12T23:12:56.898130","id":5949,"instruction":"Implement timers to track the dragon's evolution stages.","created_at":"2024-03-22T21:53:59.860927","project_id":1150},{"title":"Random Features","step_number":3,"complete":false,"updated_at":"2024-04-12T23:12:56.898203","id":5950,"instruction":"Implement random chances for the dragon to acquire different features at each stage.","created_at":"2024-03-22T21:53:59.861011","project_id":1150},{"title":"Player Choices","step_number":4,"complete":false,"updated_at":"2024-04-12T23:12:56.898274","id":5951,"instruction":"Allow players to make choices that affect the dragon's evolution.","created_at":"2024-03-22T21:53:59.861062","project_id":1150},{"title":"Dragon Growth","step_number":5,"complete":false,"updated_at":"2024-04-12T23:12:56.898345","id":5952,"instruction":"Show the dragon visually growing and changing as it evolves.","created_at":"2024-03-22T21:53:59.861111","project_id":1150},{"title":"Sound Effects","step_number":6,"complete":false,"updated_at":"2024-04-12T23:12:56.898416","id":5953,"instruction":"Add fun sound effects for each stage of the dragon's evolution.","created_at":"2024-03-22T21:53:59.861189","project_id":1150},{"title":"Final Form","step_number":7,"complete":false,"updated_at":"2024-04-12T23:12:56.898489","id":5954,"instruction":"Reveal a stunning final form for the fully evolved dragon.","created_at":"2024-03-22T21:53:59.861242","project_id":1150},{"title":"Text Display","step_number":2,"complete":false,"updated_at":"2024-04-12T23:12:56.898597","id":5955,"instruction":"Display the dragon's stage and features in the text as it evolves.","created_at":"2024-03-22T21:53:59.860970","project_id":1150}]}