Epic Game Menu

{"name":"Nate's bullet hell game demo","description":"Create an interactive and visually appealing menu for your game! This menu will engage players with fun animations and options to start their adventure.","photo":null,"view_count":97,"fork_count":1,"expires_at":null,"created_at":"2024-10-08T02:26:59.693322Z","updated_at":"2024-10-08T02:28:37.334876Z","user_id":12,"status":"PRIVATE","parent_id":3404,"id":3518,"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 enemies = []; // Array to store multiple enemies\nlet creditsY; // Variable to manage the Y position of the credits text\nlet backgroundMusic; // Variable to store the background music\n\nfunction preload() {\n buttonImage = loadImage(\"@asset('button.1')\"); // Load the button image\n enemyImage = loadImage(\"@asset('enemy1')\"); // Load the enemy image\n backgroundMusic = loadSound(\"@asset('song1')\"); // Load the background music\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight); // Create a canvas that takes up the whole window\n\n // Play background music in a loop\n backgroundMusic.loop();\n backgroundMusic.setVolume(0.4); // Set the volume to a lower level (0.2 is 20% of the maximum volume)\n\n // Create multiple enemies\n for (let i = 0; i < 5; i++) {\n enemies.push(new FallingEnemy());\n }\n\n // Add event listeners for buttons\n document.getElementById('startButton').addEventListener('click', () => {\n window.location.href = \"https://www.jippity.pro/3517\"; // Redirect to the specified URL\n });\n\n document.getElementById('creditsButton').addEventListener('click', () => {\n document.getElementById('menu').style.display = 'none';\n document.getElementById('creditsScreen').style.display = 'flex';\n creditsY = -100; // Initialize the scrolling text position to start at the top\n });\n\n document.getElementById('controlsButton').addEventListener('click', () => {\n console.log('Controls button clicked');\n });\n}\n\nfunction draw() {\n if (document.getElementById('menu').style.display === 'flex') {\n background(200); // Set a background color\n\n // Update and display enemies\n for (let enemy of enemies) {\n enemy.update();\n enemy.display();\n }\n } else if (document.getElementById('creditsScreen').style.display === 'flex') {\n background(0); // Set a background color for the credits screen\n fill(255); // Set text color to white\n textAlign(CENTER);\n textSize(16); // Set text size\n creditsY += 1; // Move the text down\n text(\"Made by: [Your Name]\\nSpecial Thanks: [Names]\\n...\", windowWidth / 2, creditsY);\n if (creditsY > windowHeight) { // Reset the position if it goes off the screen\n creditsY = -100;\n }\n }\n}\n\n// Class to handle falling enemy behavior\nclass FallingEnemy {\n constructor() {\n this.x = random(width); // Random x position\n this.y = 0; // Start at the top\n this.speed = random(2, 5); // Random speed\n }\n\n update() {\n this.y += this.speed; // Move down\n if (this.y > height) {\n this.y = 0; // Reset to top\n this.x = random(width); // Randomize x position\n }\n }\n\n display() {\n image(enemyImage, this.x, this.y, 50, 50); // Display enemy image\n }\n}","style.css":"body {\r\n margin: 0;\r\n font-family: 'Press Start 2P', cursive;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n background-color: #c8c8c8;\r\n}\r\n\r\ncanvas {\r\n display: block;\r\n}\r\n\r\n#menu {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\nbutton {\r\n background: url('@asset(\"button.1\")') no-repeat center center;\r\n background-size: cover;\r\n width: 100px;\r\n height: 40px;\r\n border: none;\r\n color: white;\r\n font-size: 12px;\r\n cursor: pointer;\r\n text-align: center;\r\n line-height: 40px;\r\n font-family: 'Press Start 2P', cursive; /* Add this line */\r\n}\r\n\r\n#creditsScreen {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n width: 100vw;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background-color: #000;\r\n color: #fff;\r\n font-size: 16px;\r\n text-align: center;\r\n}\r\n\r\n#creditsText {\r\n white-space: pre-wrap;\r\n position: relative;\r\n top: 0;\r\n}","index.html":"\n\n\n \n \n Epic Game Menu\n \n \n \n \n \n\n\n \n

Developed, Art and programed: Blink
Music: Blink and \n2718281828459045
Special Thanks: You

\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"vick4jn68axevz3rcqxz","name":"button.1","deleted":false,"id":23911,"created_at":"2024-10-08T02:26:59.702738Z","project_id":3518,"resource_type":"image"},{"cloudinary_id":"iva9ujze1m0x7l4f7qwi","name":"enemy1","deleted":false,"id":23910,"created_at":"2024-10-08T02:26:59.701555Z","project_id":3518,"resource_type":"image"},{"cloudinary_id":"yxep4yik61o45w80vi9s","name":"song1","deleted":false,"id":23909,"created_at":"2024-10-08T02:26:59.700226Z","project_id":3518,"resource_type":"video"}],"messages_sent":0,"comments":[{"content":"use arrow keys to shoot enemies, use wasd to move around, green bar is XP/ magic, use shift, q, e, r, f and t for magic attacks. Reminder this game is still in progress. Controls button doesn't work lol","id":900,"user_id":12,"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},"project_id":3518,"created_at":"2024-10-08T02:30:10.325245Z","updated_at":"2024-10-08T02:30:10.325246Z"},{"content":"everything is made by me (except for the battle theme, Jacob made that) \r\n","id":901,"user_id":12,"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},"project_id":3518,"created_at":"2024-10-08T02:30:36.315967Z","updated_at":"2024-10-08T02:30:36.315970Z"},{"content":"bruh. There's no back button to get out of the credits","id":902,"user_id":7,"user":{"photo":null,"email":"ethanjelzer@gmail.com","recess_id":"e1eeaa50-7dab-c930-3cfc-58e768624b88","created_at":"2023-12-12T14:03:59.340917Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"astrogoose18","id":7,"password_hash":"$2b$12$vP3qRABi/7OSTVJVnQLnt.PMLKDSvfUTL4Y9mCa2gjm9mZzjSXPi2","updated_at":"2023-12-12T14:03:59.340920Z","reset_token_expiry":null,"subscription_status":null},"project_id":3518,"created_at":"2024-10-08T12:10:34.774143Z","updated_at":"2024-10-08T12:10:34.774145Z"},{"content":"you should also add a score so you know how many enemies you got through or something like that","id":903,"user_id":7,"user":{"photo":null,"email":"ethanjelzer@gmail.com","recess_id":"e1eeaa50-7dab-c930-3cfc-58e768624b88","created_at":"2023-12-12T14:03:59.340917Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"astrogoose18","id":7,"password_hash":"$2b$12$vP3qRABi/7OSTVJVnQLnt.PMLKDSvfUTL4Y9mCa2gjm9mZzjSXPi2","updated_at":"2023-12-12T14:03:59.340920Z","reset_token_expiry":null,"subscription_status":null},"project_id":3518,"created_at":"2024-10-08T12:20:24.828840Z","updated_at":"2024-10-08T12:20:24.828841Z"},{"content":"good game\r\n","id":906,"user_id":5,"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},"project_id":3518,"created_at":"2024-10-10T17:53:52.451446Z","updated_at":"2024-10-10T17:53:52.451448Z"}],"steps":[]}