Silly Menu Madness

{"name":"Silly Menu Madness","description":"Dive into a world of wacky and whimsical menus with Silly Menu Madness! Choose from a variety of quirky options and settings as you embark on a menu adventure like no other.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-07-15T22:22:07.767626Z","updated_at":"2024-07-15T22:22:07.767629Z","user_id":60,"status":"PRIVATE","parent_id":2255,"id":2287,"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":"let playButton;\r\nlet easyButton, mediumButton, hardButton;\r\nlet stars = [];\r\nlet fallingStars = [];\r\nlet backgroundColor = [20, 20, 60]; // Default background color\r\nlet backgroundMusic; // Declare the background music variable\r\n\r\nfunction preload() {\r\n backgroundMusic = loadSound(\"@asset('song')\"); // Load the background music\r\n}\r\n\r\nfunction setup() {\r\n createCanvas(windowWidth, windowHeight);\r\n background(20, 20, 60); // Dark blue background\r\n\r\n // Play the background music\r\n backgroundMusic.loop();\r\n\r\n // Create shooting stars\r\n for (let i = 0; i < 100; i++) {\r\n stars.push(new Star());\r\n }\r\n\r\n // Create initial falling stars\r\n for (let i = 0; i < 10; i++) { // Start with fewer falling stars\r\n fallingStars.push(new FallingStar());\r\n }\r\n\r\n // Create the 'Play' button\r\n playButton = createButton('Play');\r\n playButton.position(width / 2 - 50, height / 2 - 25);\r\n playButton.size(100, 50);\r\n playButton.style('font-size', '20px');\r\n playButton.style('background-color', '#00cc99');\r\n playButton.style('color', 'white');\r\n playButton.mousePressed(showDifficultyButtons);\r\n\r\n // Create 'Easy' button\r\n easyButton = createButton('Easy');\r\n easyButton.position(width / 2 - 150, height / 2 - 25);\r\n easyButton.size(100, 50);\r\n easyButton.style('font-size', '20px');\r\n easyButton.style('background-color', '#00cc99');\r\n easyButton.style('color', 'white');\r\n easyButton.mouseOver(() => {\r\n backgroundColor = [0, 204, 153]; // Green background\r\n easyButton.size(100, 60); // Grow button\r\n });\r\n easyButton.mouseOut(() => {\r\n backgroundColor = [20, 20, 60]; // Reset to dark blue\r\n easyButton.size(100, 50); // Reset button size\r\n });\r\n easyButton.mousePressed(() => {\r\n window.location.href = 'https://www.jippity.pro/2279';\r\n });\r\n easyButton.hide();\r\n\r\n // Create 'Medium' button\r\n mediumButton = createButton('Medium');\r\n mediumButton.position(width / 2 - 50, height / 2 - 25);\r\n mediumButton.size(100, 50);\r\n mediumButton.style('font-size', '20px');\r\n mediumButton.style('background-color', '#ffcc00'); // Yellow color\r\n mediumButton.style('color', 'white');\r\n mediumButton.mouseOver(() => {\r\n backgroundColor = [255, 204, 0]; // Yellow background\r\n mediumButton.size(100, 60); // Grow button\r\n });\r\n mediumButton.mouseOut(() => {\r\n backgroundColor = [20, 20, 60]; // Reset to dark blue\r\n mediumButton.size(100, 50); // Reset button size\r\n });\r\n mediumButton.mousePressed(() => {\r\n window.location.href = 'https://www.jippity.pro/2278';\r\n });\r\n mediumButton.hide();\r\n //https://www.jippity.pro/2278\r\n // Create 'Hard' button\r\n hardButton = createButton('Hard');\r\n hardButton.position(width / 2 + 50, height / 2 - 25);\r\n hardButton.size(100, 50);\r\n hardButton.style('font-size', '20px');\r\n hardButton.style('background-color', '#ff3333'); // Red color\r\n hardButton.style('color', 'white');\r\n hardButton.mouseOver(() => {\r\n backgroundColor = [255, 0, 0]; // Red background\r\n hardButton.size(100, 60); // Grow button\r\n });\r\n hardButton.mouseOut(() => {\r\n backgroundColor = [20, 20, 60]; // Reset to dark blue\r\n hardButton.size(100, 50); // Reset button size\r\n });\r\n hardButton.mousePressed(() => {\r\n window.location.href = 'https://www.jippity.pro/2220';\r\n });\r\n hardButton.hide();\r\n}\r\n\r\nfunction draw() {\r\n background(...backgroundColor); // Use the current background color\r\n\r\n // Update and display shooting stars\r\n for (let star of stars) {\r\n star.update();\r\n star.display();\r\n }\r\n\r\n // Add new falling stars at regular intervals\r\n if (frameCount % 20 === 0) { // Adds a new star every 20 frames\r\n fallingStars.push(new FallingStar());\r\n }\r\n\r\n // Update and display falling stars\r\n for (let fallingStar of fallingStars) {\r\n fallingStar.update();\r\n fallingStar.display();\r\n }\r\n\r\n // Remove falling stars that are off the screen\r\n fallingStars = fallingStars.filter(star => star.y < height + 100);\r\n\r\n // Add title text\r\n textAlign(CENTER, CENTER);\r\n textSize(32);\r\n fill(255);\r\n text('Sun and Moon Shift', width / 2, height / 2 - 100);\r\n\r\n // Add description text\r\n textSize(18);\r\n fill(255);\r\n text('🚀Dodge and pass through suns and moons using space bar: Yellow highlight passes through suns and blue highlight passes through moons🚀', width / 2, height / 2 - 50);\r\n}\r\n\r\nfunction showDifficultyButtons() {\r\n playButton.hide(); // Hide the 'Play' button\r\n easyButton.show(); // Show 'Easy' button\r\n mediumButton.show(); // Show 'Medium' button\r\n hardButton.show(); // Show 'Hard' button\r\n}\r\n\r\nclass Star {\r\n constructor() {\r\n this.reset();\r\n this.tailLength = random(10, 50);\r\n this.gravity = 0.1; // Downward acceleration\r\n this.creationTime = millis(); // Record the creation time of the star\r\n }\r\n\r\n reset() {\r\n // Spawn stars at random positions outside the screen\r\n let spawnEdge = random(4);\r\n if (spawnEdge < 1) {\r\n // Spawn above the screen\r\n this.x = random(width);\r\n this.y = random(-100, 0);\r\n } else if (spawnEdge < 2) {\r\n // Spawn below the screen\r\n this.x = random(width);\r\n this.y = random(height, height + 100);\r\n } else if (spawnEdge < 3) {\r\n // Spawn to the left of the screen\r\n this.x = random(-100, 0);\r\n this.y = random(height);\r\n } else {\r\n // Spawn to the right of the screen\r\n this.x = random(width, width + 100);\r\n this.y = random(height);\r\n }\r\n this.speed = random(2, 5);\r\n this.size = random(2, 5);\r\n this.vx = this.speed * (random() > 0.5 ? 1 : -1); // Random horizontal direction\r\n this.vy = random(-3, -1); // Initial upward velocity\r\n this.creationTime = millis(); // Reset the creation time\r\n }\r\n\r\n update() {\r\n // Update position with parabolic motion\r\n this.x += this.vx;\r\n this.y += this.vy;\r\n this.vy += this.gravity; // Apply gravity\r\n\r\n // Check if the star should be reset after 5 seconds\r\n if (millis() - this.creationTime > 5000) {\r\n this.reset();\r\n }\r\n }\r\n\r\n display() {\r\n noStroke();\r\n fill(255, 255, 255, 150);\r\n for (let i = 0; i < this.tailLength; i++) {\r\n ellipse(this.x - i * this.vx / 2, this.y - i * this.vy / 2, this.size, this.size);\r\n }\r\n fill(255);\r\n ellipse(this.x, this.y, this.size, this.size);\r\n }\r\n}\r\n\r\nclass FallingStar {\r\n constructor() {\r\n this.reset();\r\n this.tailLength = random(10, 50);\r\n this.gravity = 0.2; // Downward acceleration\r\n }\r\n\r\n reset() {\r\n // Spawn stars at random positions above the screen\r\n this.x = random(width);\r\n this.y = random(-100, 0);\r\n this.speed = random(2, 5);\r\n this.size = random(2, 5);\r\n }\r\n\r\n update() {\r\n // Update position with downward motion\r\n this.y += this.speed;\r\n this.speed += this.gravity; // Apply gravity\r\n\r\n // Reset star if it goes off the screen\r\n if (this.y > height) {\r\n this.reset();\r\n }\r\n }\r\n\r\n display() {\r\n noStroke();\r\n fill(255, 255, 255, 150);\r\n for (let i = 0; i < this.tailLength; i++) {\r\n ellipse(this.x, this.y - i * this.speed / 2, this.size, this.size);\r\n }\r\n fill(255);\r\n ellipse(this.x, this.y, this.size, this.size);\r\n }\r\n}","style.css":"button {\r\n transition: all 0.3s ease;\r\n /* Smooth transition effect */\r\n border: 2px solid transparent;\r\n /* Initial border color */\r\n box-shadow: none;\r\n /* Initial box shadow */\r\n}\r\n\r\nbutton:hover {\r\n border-color: gold;\r\n /* Shiny border color */\r\n box-shadow: 0 0 10px gold;\r\n /* Shiny glow effect */\r\n}","index.html":"\r\n\r\n\r\n\r\n \r\n \r\n Silly Menu Madness\r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n"},"chat_history":[],"assets":[{"name":"song","cloudinary_id":"lgiutroatrxgtjpd25ar","resource_type":"video","id":14560,"project_id":2287,"created_at":"2024-07-15T22:22:07.772813Z","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}