Easter Egg Hunt Adventure

{"name":"Easter Egg compilation","description":"Join the Easter Egg Hunt Adventure and discover a playful world filled with hidden surprises! Create colorful Easter eggs that can be dropped into other games, each with unique features and fun interactions. Get ready to explore, collect, and share your Easter creations with friends!","photo":"","view_count":2,"fork_count":0,"expires_at":null,"created_at":"2024-12-22T19:38:58.827050Z","updated_at":"2024-12-22T19:38:58.827054Z","user_id":5,"status":"PRIVATE","parent_id":5250,"id":5269,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// add the varialbes at the top when add to the mini game collection\n\n// To track the keys pressed\nlet keysPressedEasterEgg = new Set();\n\nlet currentKeyIndexEasterEgg = 0;\n\nlet easterEggActive = false;\n\nlet showChristmasMessageEasterEgg = false;\n\nlet showSequencesMessageEasterEgg = false;\n\n// Global variable to track the sequence of clicks\nlet clickSequenceEasterEgg = [];\n\n// Global variables to track the new Easter egg sequence\nlet topLeftClicksEasterEgg = 0;\n\nlet avocadoKeyIndexEasterEgg = 0;\n\nconst avocadoKeysEasterEgg = ['a', 'v', 'o', 'c', 'a', 'd', 'o'];\n\nlet draggedFromRightToLeftEasterEgg = false;\n\nlet cornersClickedEasterEgg = new Set();\n\nlet dragStartXEasterEgg = 0;\n\n// Define states for the Easter egg sequence\nconst EasterEggStates = {\n WAITING: \"waiting\",\n TOP_LEFT_CLICK: \"topLeftClick\",\n AVOCADO_SEQUENCE: \"avocadoSequence\",\n DRAG_RIGHT_TO_LEFT: \"dragRightToLeft\",\n CORNERS_CLICKED: \"cornersClicked\",\n};\n\nlet currentState = EasterEggStates.WAITING;\n\n// Global variable to track if the sequence is complete\nlet sequenceCompleteEasterEgg = false;\n\nlet previousMouseXEasterEgg = null;\n\n// Track the previous mouse X position\nlet previousMouseYEasterEgg = null;\n\n// Global variables to track Merry Christmas Easter egg\nlet merryChristmasIndexEasterEgg = 0;\n\n// To track the index of the key sequence\nconst merryChristmasKeysEasterEgg = ['m', 'e', 'r', 'r', 'y', ' ', 'c', 'h', 'r', 'i', 's', 't', 'm', 'a', 's', 'shift', '!'];\n\n// Key sequence\nlet bottomLeftClickedEasterEgg = false;\n\n// Track if bottom left corner is clicked\nlet topRightClickedEasterEgg = false;\n\n// Track if top right corner is clicked\nlet easterEggs = [];\n\n// Global variables for emoji placement\nlet emojiPlacementActiveEasterEgg = false;\n\n// Track if emoji placement mode is active\nconst emojisEasterEgg = ['🎁', '🎄', '🎅'];\nlet backDis = false\n// add the varialbes at the top when add to the mini game collection\n\n// Global variables for Simon's Eggs game\nlet simonsEggsActive = false;\nlet simonsClickCount = 0;\nlet simonsSequence = [];\nlet simonsCurrentStep = 0;\nlet simonsColors = [\"red\", \"blue\", \"green\", \"yellow\"];\nlet simonsCorners = [\"bottomLeft\", \"bottomRight\", \"topLeft\", \"topRight\"];\nlet currentSimonsColor = \"\";\nlet simonsFlashes = 0;\nlet winMessageDisplayed = false;\nfunction setup() {// delete this when adding to the game collection\n createCanvas(1000, 800);// delete this when adding to the game collection\n background(135, 206, 235); // Sky blue background// delete this when adding to the game collection\n}// delete this when adding to the game collection\n\nfunction draw() {// delete this when adding to the game collection\n drawEasterEgg()//add to the draw function in the game collection\n if (winMessageDisplayed) {\n textSize(32);\n fill(0);\n textAlign(CENTER);\n text(\"You Win Simon's Game!\", width / 2, height / 2);\n }\n}// delete this when adding to the game collection\n\nfunction drawEasterEgg() {\n if (!backDis) {\n background(135, 206, 235); // Sky blue background\n }\n // If the Easter egg is active, display a full-screen Easter egg\n if (easterEggActive) {\n fill(255, 204, 0, 150); // Semi-transparent yellow overlay\n rect(0, 0, width, height); // Draw a rectangle covering the entire screen\n }\n\n displayEasterEggs(); // Call the function to display Easter eggs\n\n // Display the Christmas message\n if (showChristmasMessageEasterEgg) {\n textSize(32);\n fill(255, 0, 0);\n textAlign(CENTER);\n text(\"Merry Christmas!\", width / 2, height / 2); // Display message\n }\n\n if (showSequencesMessageEasterEgg) {\n textSize(32);\n fill(255, 0, 0);\n textAlign(CENTER);\n text(\"ahhh!\", width / 2, height / 2); // Display message\n }\n\n}\n\n// Function to display Easter eggs\nfunction displayEasterEggs() {\n for (let egg of easterEggs) {\n textSize(32);\n textAlign(CENTER);\n fill(0); // Black color for the text\n text(egg.emoji, egg.x, egg.y); // Draw the emoji at its position\n }\n}\n\n\nfunction mousePressed() {\n console.log(\"Mouse pressed at: (\" + mouseX + \", \" + mouseY + \")\"); // Log mouse position\n dragStartXEasterEgg = mouseX;\n\n const bottomLeftCorner = mouseX < width / 15 && mouseY > (14 * height) / 15;\n const topRightCorner = mouseX > (14 * width) / 15 && mouseY < height / 15;\n const topLeftCorner = mouseX < width / 15 && mouseY < height / 15;\n const bottomRightCorner = mouseX > (14 * width) / 15 && mouseY > (14 * height) / 15;\n\n if (currentState === EasterEggStates.WAITING && topLeftCorner) {\n currentState = EasterEggStates.TOP_LEFT_CLICK;\n console.log(\"State changed to TOP_LEFT_CLICK\");\n }\n\n if (currentState === EasterEggStates.TOP_LEFT_CLICK) {\n if (topLeftCorner) {\n topLeftClicksEasterEgg++;\n console.log(\"Top left corner clicked. Click count: \" + topLeftClicksEasterEgg);\n if (topLeftClicksEasterEgg === 2) {\n console.log(\"Two clicks in top left corner detected.\");\n currentState = EasterEggStates.AVOCADO_SEQUENCE; // Move to the next state\n console.log(\"State changed to AVOCADO_SEQUENCE\");\n }\n }\n }\n\n\n // Check for bottom left corner click to start Simon's Eggs game\n if (bottomLeftCorner && !simonsEggsActive) {\n simonsClickCount++;\n if (simonsClickCount === 4) {\n startSimonsGame();\n }\n }\n\n // Handle Simon's Eggs game clicks\n if (simonsEggsActive) {\n handleSimonsClick(mouseX, mouseY);\n }\n if (currentState === EasterEggStates.CORNERS_CLICKED) {\n if (bottomLeftCorner) cornersClickedEasterEgg.add('bottomLeft');\n if (topRightCorner) cornersClickedEasterEgg.add('topRight');\n if (topLeftCorner) cornersClickedEasterEgg.add('topLeft');\n if (bottomRightCorner) cornersClickedEasterEgg.add('bottomRight');\n\n if (cornersClickedEasterEgg.size === 4) {\n console.log(\"All corners clicked!\");\n console.log(\"hello!\"); // Log \"hello\" when all corners are clicked\n showSequencesMessageEasterEgg = true;\n currentState = EasterEggStates.WAITING; // Move to the next state\n console.log(\"State remains at CORNERS_CLICKED\");\n }\n }\n\n // Check for bottom left corner click\n if (bottomLeftCorner && currentState !== EasterEggStates.CORNERS_CLICKED) {\n bottomLeftClickedEasterEgg = true; // Set flag for bottom left corner\n console.log(\"Bottom left corner clicked.\");\n }\n\n\n\n // Check for top right corner click\n if (topRightCorner && currentState !== EasterEggStates.CORNERS_CLICKED) {\n if (bottomLeftClickedEasterEgg) { // Only activate if bottom left was clicked first\n topRightClickedEasterEgg = true; // Set flag for top right corner\n console.log(\"Top right corner clicked.\");\n\n // Now, both corners have been clicked in the correct order\n console.log(\"Emoji placement mode activated!\");\n emojiPlacementActiveEasterEgg = true; // Activate emoji placement mode\n bottomLeftClickedEasterEgg = false; // Reset the flag\n topRightClickedEasterEgg = false; // Reset the flag\n } else {\n // If top right is clicked first, reset the bottom left clicked flag\n console.log(\"Top right clicked before bottom left. Resetting state.\");\n bottomLeftClickedEasterEgg = false; // Reset the flag\n }\n }\n\n // If emoji placement mode is active, place a random emoji at the mouse position\n if (emojiPlacementActiveEasterEgg) {\n // Clear previous emojis, ensuring only the last emoji is shown\n easterEggs = []; // Clear the array to keep only the last emoji\n\n const randomEmoji = random(emojisEasterEgg); // Select a random emoji from the array\n easterEggs.push({ emoji: randomEmoji, x: mouseX, y: mouseY }); // Place the emoji\n console.log(\"Placed emoji: \" + randomEmoji + \" at position: (\" + mouseX + \", \" + mouseY + \")\");\n }\n}\n\n// Function to check if the Easter egg mode is active\nfunction isChristmasMode() {\n return merryChristmasKeysEasterEgg.every(key => keysPressedEasterEgg.has(key)); // Check if all required keys are pressed\n}\n\n\n\n// Function to handle key release\nfunction keyReleased() {\n keysPressedEasterEgg.delete(key.toLowerCase()); // Remove the key from the set when released\n}\n\n\n\n\nfunction mouseReleased() {\n\n\n // Check if dragging from right to left was detected\n if (draggedFromRightToLeftEasterEgg) {\n console.log(\"Completed dragging from right to left.\");\n currentState = EasterEggStates.CORNERS_CLICKED; // Move to the corners clicked state\n }\n\n // Reset the dragging flag\n draggedFromRightToLeftEasterEgg = false;\n}\n\n\n\n\n\nfunction mouseDragged() {\n if (currentState === EasterEggStates.DRAG_RIGHT_TO_LEFT) {\n // Check for dragging from right to left\n const dragDistance = dragStartXEasterEgg - mouseX; // Compute the drag distance\n if (dragDistance > 100) { // Set a threshold for strong dragging\n draggedFromRightToLeftEasterEgg = true; // Set the flag to true\n console.log(\"Strong dragging from right to left detected.\");\n currentState = EasterEggStates.CORNERS_CLICKED; // Update state\n console.log(\"State changed to CORNERS_CLICKED\");\n }\n }\n}\n\n\n\nfunction keyPressed() {\n keysPressedEasterEgg.add(key.toLowerCase()); // Add the pressed key to the set\n console.log(`Key pressed: ${key.toLowerCase()}`); // Log key pressed\n\n if (currentState === EasterEggStates.AVOCADO_SEQUENCE) {\n console.log(\"Currently in AVOCADO_SEQUENCE state.\"); // Debugging line\n if (key.toLowerCase() === avocadoKeysEasterEgg[avocadoKeyIndexEasterEgg]) {\n avocadoKeyIndexEasterEgg++;\n console.log(\"Correct avocado key pressed. Current index: \" + avocadoKeyIndexEasterEgg);\n if (avocadoKeyIndexEasterEgg === avocadoKeysEasterEgg.length) {\n console.log(\"Avocado sequence complete!\"); // Log the completion\n currentState = EasterEggStates.DRAG_RIGHT_TO_LEFT; // Move to the next state\n }\n } else {\n console.log(\"Wrong key pressed for Avocado sequence. Resetting index.\"); // Debugging line\n avocadoKeyIndexEasterEgg = 0; // Reset the index if the wrong key is pressed\n }\n }\n\n // Check if the pressed key matches the required key in sequence for Merry Christmas\n if (key.toLowerCase() === merryChristmasKeysEasterEgg[merryChristmasIndexEasterEgg]) {\n merryChristmasIndexEasterEgg++; // Move to the next key in the sequence\n console.log(\"Correct key for Merry Christmas. Current index: \" + merryChristmasIndexEasterEgg);\n\n // Check if the end of the sequence has been reached\n if (merryChristmasIndexEasterEgg === merryChristmasKeysEasterEgg.length) {\n console.log(\"Merry Christmas sequence complete!\"); // Log the completion\n showChristmasMessageEasterEgg = true\n // Here you can trigger any action, like displaying a message or emoji\n }\n } else {\n // Reset the index if the wrong key is pressed\n console.log(\"Wrong key pressed for Merry Christmas. Resetting index.\");\n merryChristmasIndexEasterEgg = 0;\n }\n\n // the rest of the minigames keyPressed function...\n\n}\n\nfunction startSimonsGame() {\n simonsEggsActive = true;\n simonsClickCount = 0;\n simonsSequence = [];\n simonsCurrentStep = 0;\n winMessageDisplayed = false;\n generateSimonsSequence();\n flashCorners();\n}\n\nfunction generateSimonsSequence() {\n for (let i = 0; i < 5; i++) {\n const randomIndex = floor(random(simonsColors.length));\n simonsSequence.push(simonsCorners[randomIndex]);\n }\n}\n\nfunction flashCorners() {\n if (simonsCurrentStep < simonsSequence.length) {\n const corner = simonsSequence[simonsCurrentStep];\n currentSimonsColor = simonsColors[simonsCorners.indexOf(corner)];\n setTimeout(flashScreen, 1000); // Wait 1 second before flashing the screen\n } else {\n endSimonsGame();\n }\n}\n\nfunction flashScreen() {\n background(currentSimonsColor); // Set the screen to the current color\n backDis = true\n setTimeout(() => {\n background(135, 206, 235); // Reset to the sky blue background after 1 second\n simonsCurrentStep++;\n setTimeout(flashCorners, 1000); // Wait 1 second before the next corner flash\n }, 1000);\n}\n\nfunction handleSimonsClick(x, y) {\n const clickedCorner = detectCorner(x, y);\n if (clickedCorner === simonsSequence[simonsCurrentStep - 1]) {\n simonsFlashes++;\n if (simonsFlashes >= 5) {\n endSimonsGame();\n } else {\n flashCorners();\n }\n } else {\n simonsEggsActive = false; // End game on wrong click\n }\n}\n\nfunction detectCorner(x, y) {\n if (x < width / 15 && y > (14 * height) / 15) {\n return \"bottomLeft\";\n } else if (x > (14 * width) / 15 && y > (14 * height) / 15) {\n return \"bottomRight\";\n } else if (x < width / 15 && y < height / 15) {\n return \"topLeft\";\n } else if (x > (14 * width) / 15 && y < height / 15) {\n return \"topRight\";\n }\n return null;\n}\n\nfunction endSimonsGame() {\n simonsEggsActive = false;\n winMessageDisplayed = true;\n}","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Easter Egg Hunt Adventure\n \n \n\n\n \n\n"},"chat_history":[{"project_id":5269,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-12-22T19:39:35.073623Z","output_tokens":null,"code_id":195417,"input_tokens":null,"id":98160},{"project_id":5269,"sender":"ai","message":"","deleted":0,"created_at":"2024-12-22T19:39:35.144502Z","output_tokens":0,"code_id":195417,"input_tokens":4901,"id":98161},{"project_id":5269,"sender":"human","message":"lets add a \"Simon's Eggs\" easter egg. when you click bottom left corner 4 times each corner of the screen flashes a specific color\nBottom Left: red\nBottom Rigt: Blue\nTop Left: green\nTop Right: yellow\nand 5 seconds after that one of those colors flashes the entire screen\nAnd then you have to click that corner that had that color within 5 seconds\nand this screen color flash game repeats 5 times, and then it ends with the text 'You Win Simon's Game!'","deleted":0,"created_at":"2024-12-22T19:42:34.973010Z","output_tokens":null,"code_id":195417,"input_tokens":null,"id":98164},{"project_id":5269,"sender":"ai","message":"

\n# Reasoning\nThe request involves adding a new \"Simon's Eggs\" feature to the existing project. This feature requires detecting mouse clicks in the bottom left corner and triggering a sequence of color flashes on the screen's corners. After the corner flashes, the entire screen should flash a specific color, prompting the player to click the corresponding corner. This sequence repeats five times, ending with a \"You Win Simon's Game!\" message. This is feasible with p5.js, using color changes and mouse event handling.\n

\n\n

\n# Answer: \n

\n\nAdding the \"Simon's Eggs\" feature is definitely possible! Let's start by implementing the sequence of corner flashes and screen color flashes. \n\nBefore we proceed, I have a couple of questions:\n1. Do you want the sequence of corner flashes to be random each time, or should it follow a fixed pattern?\n2. Would you like any specific visual effects or text displayed during the color flashes?","deleted":0,"created_at":"2024-12-22T19:42:34.980224Z","output_tokens":248,"code_id":195417,"input_tokens":5005,"id":98165},{"project_id":5269,"sender":"human","message":"random\nno text just colors","deleted":0,"created_at":"2024-12-22T19:43:09.517559Z","output_tokens":null,"code_id":195417,"input_tokens":null,"id":98166},{"project_id":5269,"sender":"ai","message":"Great, we'll make the color sequence random and focus on using colors without text. Let's start by setting up the sequence of corner flashes and the follow-up single-screen color flash.\n\nHere's what we'll do:\n\n1. Detect four clicks in the bottom left corner to activate the \"Simon's Eggs\" sequence.\n2. Randomly flash the corners with the specified colors.\n3. Flash the entire screen with one of the corner colors.\n4. Detect if the player clicks the correct corner within the timeframe.\n5. Repeat the sequence five times and display a winning message.\n\nLet's add the necessary code to achieve this:\n\n### Step 1: Add Global Variables\n\nWe'll need some global variables to track the state of the \"Simon's Eggs\" game and the colors.\n\n```javascript\n// Global variables for Simon's Eggs game\nlet simonsEggsActive = false;\nlet simonsClickCount = 0;\nlet simonsSequence = [];\nlet simonsCurrentStep = 0;\nlet simonsColors = [\"red\", \"blue\", \"green\", \"yellow\"];\nlet simonsCorners = [\"bottomLeft\", \"bottomRight\", \"topLeft\", \"topRight\"];\nlet currentSimonsColor = \"\";\nlet simonsFlashes = 0;\nlet winMessageDisplayed = false;\n```\n\n### Step 2: Modify `mousePressed` Function\n\nWe'll modify the `mousePressed` function to handle the bottom left corner clicks and start the Simon's game.\n\n```javascript\nfunction mousePressed() {\n console.log(\"Mouse pressed at: (\" + mouseX + \", \" + mouseY + \")\");\n\n const bottomLeftCorner = mouseX < width / 15 && mouseY > (14 * height) / 15;\n\n // Check for bottom left corner click to start Simon's Eggs game\n if (bottomLeftCorner && !simonsEggsActive) {\n simonsClickCount++;\n if (simonsClickCount === 4) {\n startSimonsGame();\n }\n }\n\n // Handle Simon's Eggs game clicks\n if (simonsEggsActive) {\n handleSimonsClick(mouseX, mouseY);\n }\n}\n```\n\n### Step 3: Add Functions for Simon's Eggs Game\n\nWe'll create functions to start the game, handle clicks, and manage the flashes.\n\n```javascript\nfunction startSimonsGame() {\n simonsEggsActive = true;\n simonsClickCount = 0;\n simonsSequence = [];\n simonsCurrentStep = 0;\n winMessageDisplayed = false;\n generateSimonsSequence();\n flashCorners();\n}\n\nfunction generateSimonsSequence() {\n for (let i = 0; i < 5; i++) {\n const randomIndex = floor(random(simonsColors.length));\n simonsSequence.push(simonsCorners[randomIndex]);\n }\n}\n\nfunction flashCorners() {\n if (simonsCurrentStep < simonsSequence.length) {\n const corner = simonsSequence[simonsCurrentStep];\n currentSimonsColor = simonsColors[simonsCorners.indexOf(corner)];\n setTimeout(flashScreen, 1000); // Wait 1 second before flashing the screen\n } else {\n endSimonsGame();\n }\n}\n\nfunction flashScreen() {\n background(currentSimonsColor);\n simonsCurrentStep++;\n setTimeout(flashCorners, 1000); // Wait 1 second before next corner flash\n}\n\nfunction handleSimonsClick(x, y) {\n const clickedCorner = detectCorner(x, y);\n if (clickedCorner === simonsSequence[simonsCurrentStep - 1]) {\n simonsFlashes++;\n if (simonsFlashes >= 5) {\n endSimonsGame();\n } else {\n flashCorners();\n }\n } else {\n simonsEggsActive = false; // End game on wrong click\n }\n}\n\nfunction detectCorner(x, y) {\n if (x < width / 15 && y > (14 * height) / 15) {\n return \"bottomLeft\";\n } else if (x > (14 * width) / 15 && y > (14 * height) / 15) {\n return \"bottomRight\";\n } else if (x < width / 15 && y < height / 15) {\n return \"topLeft\";\n } else if (x > (14 * width) / 15 && y < height / 15) {\n return \"topRight\";\n }\n return null;\n}\n\nfunction endSimonsGame() {\n simonsEggsActive = false;\n winMessageDisplayed = true;\n}\n```\n\n### Step 4: Display Winning Message\n\nWe'll add code to display the winning message at the end of the game.\n\n```javascript\nfunction draw() {\n drawEasterEgg();\n\n if (winMessageDisplayed) {\n textSize(32);\n fill(0);\n textAlign(CENTER);\n text(\"You Win Simon's Game!\", width / 2, height / 2);\n }\n}\n```\n\n### Explanation\n- The game is activated by clicking the bottom left corner four times.\n- The sequence of corner flashes is generated randomly.\n- Each corner has a color, and the entire screen flashes with these colors in sequence.\n- The player must click the correct corner to proceed.\n- After five successful sequences, a winning message is displayed.\n\nTry adding this to your project and let me know if you have any questions!","deleted":0,"created_at":"2024-12-22T19:43:09.523991Z","output_tokens":1129,"code_id":195417,"input_tokens":4902,"id":98167},{"project_id":5269,"sender":"human","message":"lets make the flashes last 1 second instead of 1 frame","deleted":0,"created_at":"2024-12-22T19:44:43.367796Z","output_tokens":null,"code_id":195424,"input_tokens":null,"id":98168},{"project_id":5269,"sender":"ai","message":"To make the flashes last for 1 second instead of just a single frame, we need to adjust the timing mechanism in the `flashScreen` function. We'll keep the screen in the flashed color for a full second before switching back to the background color. Here's how you can do it:\n\n### Step 1: Update `flashScreen` Function\n\nWe'll modify the `flashScreen` function to maintain the flashed color for 1 second before resetting to the background.\n\n```javascript\nfunction flashScreen() {\n background(currentSimonsColor); // Set the screen to the current color\n setTimeout(() => {\n background(135, 206, 235); // Reset to the sky blue background after 1 second\n simonsCurrentStep++;\n setTimeout(flashCorners, 1000); // Wait 1 second before the next corner flash\n }, 1000);\n}\n```\n\n### Explanation\n- The `flashScreen` function initially sets the screen to the current color.\n- A `setTimeout` is used to wait for 1 second before resetting the background to the default sky blue color.\n- After resetting, another `setTimeout` waits for 1 second before calling `flashCorners` for the next flash.\n\nThis change ensures that each flash lasts for a full second. Try updating your code with this change and see how it works!","deleted":0,"created_at":"2024-12-22T19:44:43.376163Z","output_tokens":307,"code_id":195424,"input_tokens":5641,"id":98169}],"assets":[],"messages_sent":4,"comments":[],"steps":[]}