Silly Menu Madness

{"name":"Emoji Dodge","description":"Dodge your way through a field of emojis in this fast-paced and addictive game. Can you survive the emoji onslaught?","photo":null,"view_count":5,"fork_count":0,"expires_at":null,"created_at":"2024-07-15T23:43:24.761459Z","updated_at":"2024-07-15T23:43:24.761461Z","user_id":12,"status":"PRIVATE","parent_id":2220,"id":2292,"user":{"photo":null,"email":null,"recess_id":"32aa3e07-937d-225e-b221-f81281b70bf6","created_at":"2023-12-12T19:27:18.949816Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"blink","id":12,"password_hash":null,"updated_at":"2023-12-12T19:27:18.949818Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let sun;\nlet sunX, sunY;\nlet moons = []; // Array to hold moon objects\nlet gameOver = false;\nlet stars = []; // Array to hold star objects\nlet explosionParticles = []; // Array to hold explosion particles\nlet fallingSuns = []; // Array to hold falling sun objects\nlet startTime; // Variable to store the start time\nlet survivalTime; // Variable to store the survival time\nlet bgSong; // Variable to hold the background song\nlet switchSound; // Variable to hold the switch sound\nlet bgImage; // Variable to hold the background image\nlet starImage; // Variable to hold the star image\nlet sunImage; // Variable to hold the sun image\nlet moonImage; // Variable to hold the moon image\nlet player1Image; // Variable to hold the player1 image\nlet player2Image; // Variable to hold the player2 image\nlet currentPlayerImage; // Variable to hold the current player image\n\nfunction preload() {\n bgSong = loadSound(\"@asset('song')\"); // Load the background song\n switchSound = loadSound(\"@asset('switch')\"); // Load the switch sound\n bgImage = loadImage(\"@asset('back')\"); // Load the background image\n starImage = loadImage(\"@asset('star')\"); // Load the star image\n sunImage = loadImage(\"@asset('sun')\"); // Load the sun image\n moonImage = loadImage(\"@asset('moon')\"); // Load the moon image\n player1Image = loadImage(\"@asset('player1')\"); // Load the player1 image\n player2Image = loadImage(\"@asset('player2')\"); // Load the player2 image\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight); // Full screen canvas\n currentPlayerImage = player1Image; // Initial player image\n sunX = width / 2;\n sunY = height - 50; // Start near the bottom\n textSize(64); // Set emoji size\n textAlign(CENTER, CENTER);\n noSmooth();\n\n // Create initial moons\n for (let i = 0; i < 5; i++) {\n moons.push(new Moon());\n }\n\n // Create initial stars\n for (let i = 0; i < 5; i++) {\n stars.push(new Star());\n }\n\n // Create initial falling suns\n for (let i = 0; i < 5; i++) {\n fallingSuns.push(new FallingSun());\n }\n\n // Set interval to spawn new moons, stars, and falling suns every 500 ms\n setInterval(spawnObjects, 30);\n\n // Record start time\n startTime = millis();\n\n // Play the background song\n bgSong.loop();\n}\n\nfunction draw() {\n if (gameOver) {\n background(220);\n filter(INVERT); // Invert colors\n text(\"Game Over\", width / 2, height / 2);\n textSize(32);\n textAlign(LEFT, TOP);\n text(`Survival Time: ${nf(survivalTime / 1000, 1, 2)} seconds`, 10, 10);\n return;\n }\n\n // Draw the background image\n background(bgImage);\n\n // Draw player image at its position\n image(currentPlayerImage, sunX - 32, sunY - 32, 64, 64);\n\n // Display timer in the top left corner\n let currentTime = millis();\n survivalTime = currentTime - startTime;\n textSize(32);\n textAlign(LEFT, TOP);\n text(`Time: ${nf(survivalTime / 1000, 1, 2)} seconds`, 10, 10);\n\n // Player movement (left and right only)\n if (keyIsDown(LEFT_ARROW)) {\n sunX -= 5;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n sunX += 5;\n }\n\n // Boundary checks to prevent player from moving off screen\n sunX = constrain(sunX, 0 + textSize() / 2, width - textSize() / 2);\n\n // Update and draw moons\n for (let i = moons.length - 1; i >= 0; i--) {\n let moon = moons[i];\n moon.update();\n moon.display();\n\n // Check for collision with the player only if currentPlayerImage is not player2Image\n if (currentPlayerImage !== player2Image && dist(sunX, sunY, moon.x, moon.y) < textSize() / 2) {\n gameOver = true; // Set game over flag\n }\n\n // Remove moon if it goes off screen\n if (moon.y > height) {\n moons.splice(i, 1);\n }\n }\n\n // Update and draw stars\n for (let i = stars.length - 1; i >= 0; i--) {\n let star = stars[i];\n star.update();\n star.display();\n\n // Check for collision with the player\n if (dist(sunX, sunY, star.x, star.y) < textSize() / 2) {\n gameOver = true; // Set game over flag\n }\n\n // Explode and remove star if it touches the ground\n if (star.y > height) {\n console.log(\"Star exploded at:\", star.x, star.y); // Debugging statement\n explode(star.x, star.y);\n stars.splice(i, 1);\n }\n }\n\n // Update and draw falling suns\n for (let i = fallingSuns.length - 1; i >= 0; i--) {\n let fallingSun = fallingSuns[i];\n fallingSun.update();\n fallingSun.display();\n\n // Check for collision with the player only if currentPlayerImage is player2Image\n if (currentPlayerImage === player2Image && dist(sunX, sunY, fallingSun.x, fallingSun.y) < textSize() / 2) {\n gameOver = true; // Set game over flag\n }\n\n // Remove falling sun if it goes off screen\n if (fallingSun.y > height) {\n fallingSuns.splice(i, 1);\n }\n }\n\n // Update and draw explosion particles\n for (let i = explosionParticles.length - 1; i >= 0; i--) {\n let particle = explosionParticles[i];\n particle.update();\n particle.display();\n\n // Remove particle if it goes off screen\n if (particle.isOffScreen()) {\n explosionParticles.splice(i, 1);\n }\n }\n\n // Apply color inversion filter\n filter(INVERT); // Invert colors\n}\n\nfunction keyPressed() {\n if (key === ' ') { // Check if space bar is pressed\n switchSound.play(); // Play the switch sound\n if (currentPlayerImage === player1Image) {\n currentPlayerImage = player2Image; // Switch to player2 image\n } else {\n currentPlayerImage = player1Image; // Switch back to player1 image\n }\n }\n}\n\nclass Moon {\n constructor() {\n this.x = random(width);\n this.y = 0;\n this.speed = random(20);\n }\n\n update() {\n this.y += this.speed;\n }\n\n display() {\n image(moonImage, this.x - 32, this.y - 32, 64, 64); // Draw moon image\n }\n}\n\nclass Star {\n constructor() {\n this.x = random(width);\n this.y = 0;\n this.speed = random(20);\n }\n\n update() {\n this.y += this.speed;\n }\n\n display() {\n image(starImage, this.x - 32, this.y - 32, 64, 64); // Draw star image\n }\n}\n\nclass FallingSun {\n constructor() {\n this.x = random(width);\n this.y = 0;\n this.speed = random(20);\n }\n\n update() {\n this.y += this.speed;\n }\n\n display() {\n image(sunImage, this.x - 32, this.y - 32, 64, 64); // Draw sun image\n }\n}\n\nclass ExplosionParticle {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.speedX = random(-3, 3);\n this.speedY = random(-3, 3);\n this.lifespan = 255; // Lifespan for fading effect\n }\n\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n this.lifespan -= 5; // Decrease lifespan\n }\n\n display() {\n push();\n tint(255, this.lifespan); // Apply fading effect\n image(starImage, this.x - 16, this.y - 16, 32, 32); // Draw star image\n pop();\n }\n\n isOffScreen() {\n return (this.x < 0 || this.x > width || this.y < 0 || this.y > height || this.lifespan <= 0);\n }\n}\n\nfunction explode(x, y) {\n // Create explosion particles\n for (let i = 0; i < 10; i++) {\n explosionParticles.push(new ExplosionParticle(x, y));\n }\n}\n\nfunction spawnObjects() {\n if (moons.length < 60) {\n moons.push(new Moon());\n }\n if (stars.length < 60) {\n stars.push(new Star());\n }\n if (fallingSuns.length < 60) {\n fallingSuns.push(new FallingSun());\n }\n}\n\n// Ensure the canvas resizes when the window is resized\nfunction windowResized() {\n resizeCanvas(windowWidth, windowHeight);\n}","style.css":"","index.html":"\n\n\n\n \n \n Silly Menu Madness\n \n\n\n\n \n \n \n\n\n"},"chat_history":[{"message":"Let's get started!","project_id":2292,"created_at":"2024-07-15T23:43:43.466158Z","output_tokens":null,"sender":"human","code_id":120143,"deleted":0,"input_tokens":null,"id":58803},{"message":"","project_id":2292,"created_at":"2024-07-15T23:43:43.473665Z","output_tokens":null,"sender":"ai","code_id":120143,"deleted":0,"input_tokens":null,"id":58804},{"message":"make the colors inverted ","project_id":2292,"created_at":"2024-07-15T23:43:51.343499Z","output_tokens":null,"sender":"human","code_id":120144,"deleted":0,"input_tokens":null,"id":58805},{"message":"

\n# Reasoning\nThe user wants to invert the colors of the game. This can be achieved by applying a color filter in p5.js. We will use the `filter(INVERT)` function to achieve this effect.\n

\n\n

\n# Answer:\n

\n\nSure, we can invert the colors of the game by applying a filter in the `draw` function. Let's add that to the code.\n\n```javascript\nfunction draw() {\n if (gameOver) {\n background(220);\n filter(INVERT); // Invert colors\n text(\"Game Over\", width / 2, height / 2);\n textSize(32);\n textAlign(LEFT, TOP);\n text(`Survival Time: ${nf(survivalTime / 1000, 1, 2)} seconds`, 10, 10);\n return;\n }\n\n // Draw the background image\n background(bgImage);\n\n // Draw player image at its position\n image(currentPlayerImage, sunX - 32, sunY - 32, 64, 64);\n\n // Display timer in the top left corner\n let currentTime = millis();\n survivalTime = currentTime - startTime;\n textSize(32);\n textAlign(LEFT, TOP);\n text(`Time: ${nf(survivalTime / 1000, 1, 2)} seconds`, 10, 10);\n\n // Player movement (left and right only)\n if (keyIsDown(LEFT_ARROW)) {\n sunX -= 5;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n sunX += 5;\n }\n\n // Boundary checks to prevent player from moving off screen\n sunX = constrain(sunX, 0 + textSize() / 2, width - textSize() / 2);\n\n // Update and draw moons\n for (let i = moons.length - 1; i >= 0; i--) {\n let moon = moons[i];\n moon.update();\n moon.display();\n\n // Check for collision with the player only if currentPlayerImage is not player2Image\n if (currentPlayerImage !== player2Image && dist(sunX, sunY, moon.x, moon.y) < textSize() / 2) {\n gameOver = true; // Set game over flag\n }\n\n // Remove moon if it goes off screen\n if (moon.y > height) {\n moons.splice(i, 1);\n }\n }\n\n // Update and draw stars\n for (let i = stars.length - 1; i >= 0; i--) {\n let star = stars[i];\n star.update();\n star.display();\n\n // Check for collision with the player\n if (dist(sunX, sunY, star.x, star.y) < textSize() / 2) {\n gameOver = true; // Set game over flag\n }\n\n // Explode and remove star if it touches the ground\n if (star.y > height) {\n console.log(\"Star exploded at:\", star.x, star.y); // Debugging statement\n explode(star.x, star.y);\n stars.splice(i, 1);\n }\n }\n\n // Update and draw falling suns\n for (let i = fallingSuns.length - 1; i >= 0; i--) {\n let fallingSun = fallingSuns[i];\n fallingSun.update();\n fallingSun.display();\n\n // Check for collision with the player only if currentPlayerImage is player2Image\n if (currentPlayerImage === player2Image && dist(sunX, sunY, fallingSun.x, fallingSun.y) < textSize() / 2) {\n gameOver = true; // Set game over flag\n }\n\n // Remove falling sun if it goes off screen\n if (fallingSun.y > height) {\n fallingSuns.splice(i, 1);\n }\n }\n\n // Update and draw explosion particles\n for (let i = explosionParticles.length - 1; i >= 0; i--) {\n let particle = explosionParticles[i];\n particle.update();\n particle.display();\n\n // Remove particle if it goes off screen\n if (particle.isOffScreen()) {\n explosionParticles.splice(i, 1);\n }\n }\n\n // Apply color inversion filter\n filter(INVERT); // Invert colors\n}\n```\n\n### Explanation:\n- **filter(INVERT)**: This function inverts all the colors on the canvas, creating a color-negative effect, which is applied at the end of the `draw` function to ensure all drawn elements are affected.","project_id":2292,"created_at":"2024-07-15T23:43:51.350534Z","output_tokens":null,"sender":"ai","code_id":120144,"deleted":0,"input_tokens":null,"id":58806}],"assets":[{"project_id":2292,"creator":null,"cloudinary_id":"lcgpi1clzgaks3flenqf","deleted":false,"id":14700,"created_at":"2024-07-15T23:43:24.778620Z","name":"song","resource_type":"audio","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"nlqfjykffcqwfggiiewu","deleted":false,"id":14699,"created_at":"2024-07-15T23:43:24.777390Z","name":"song1","resource_type":"audio","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"vcbqvzgqedhc8l2bjs66","deleted":false,"id":14698,"created_at":"2024-07-15T23:43:24.775779Z","name":"song2","resource_type":"audio","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"zknwjnzehzblnmfoccce","deleted":false,"id":14697,"created_at":"2024-07-15T23:43:24.774536Z","name":"switch","resource_type":"audio","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"c090uvf33cgayeewrmsj","deleted":false,"id":14696,"created_at":"2024-07-15T23:43:24.773345Z","name":"back","resource_type":"image","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"jdeoy8z2b9tomd1g4q9d","deleted":false,"id":14695,"created_at":"2024-07-15T23:43:24.771914Z","name":"star","resource_type":"image","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"gy9gcmhqpyf3px1r11qz","deleted":false,"id":14694,"created_at":"2024-07-15T23:43:24.770659Z","name":"sun","resource_type":"image","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"gytybyzr5130hle2cr1m","deleted":false,"id":14693,"created_at":"2024-07-15T23:43:24.769567Z","name":"moon","resource_type":"image","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"udsgwb95tzp494wyrowq","deleted":false,"id":14692,"created_at":"2024-07-15T23:43:24.768257Z","name":"player1","resource_type":"image","tags":null},{"project_id":2292,"creator":null,"cloudinary_id":"h4eot0ho2nroh1xiql7o","deleted":false,"id":14691,"created_at":"2024-07-15T23:43:24.766796Z","name":"player2","resource_type":"image","tags":null}],"messages_sent":2,"comments":[],"steps":[]}