Quidditch Snitch Escape

{"name":"Epic Chuck Chuck Could A Chuck","description":"Dive into the whimsical world of woodchucks in this delightful game where you determine just how much wood a chuck can chuck! Guide your chuck through varied terrains, avoid obstacles, and see how quickly you can gather wood. With simple controls and engaging mechanics, this game is perfect for anyone looking to have fun while learning the basics of programming.","photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-05-24T20:47:13.700058Z","updated_at":"2025-05-24T20:47:13.700060Z","user_id":5,"status":"PRIVATE","parent_id":null,"id":8063,"user":{"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null,"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},"code":{"script.js":"let timer = 0; // Timer for how long the snitch survives\nlet highestScore = 0; // Variable to track the highest score\nlet gameOver = false; // Flag to check if the game is over\nlet isLoading = true; // Variable to track loading state\n\nlet secondSeeker; // Variable to store the second seeker\nlet secondSeekerSpawned = false; // Flag to track if the second seeker has been spawned\n\nlet catcher; // Variable to track who caught the snitch (harry or ronn)\n\nlet stadium;\nlet snitchescapelogo;\n\nlet bludspeedmul = 1\nlet snitch;\nlet seeker;\nlet bludger; // Global variable for the bludger\n\nclass Snitch {\n constructor() {\n this.x = width / 2;\n this.y = height / 2;\n this.speed = 0; // Start with no speed\n this.maxSpeed = 10; // Maximum speed\n this.acceleration = 0.5; // Acceleration rate\n this.horizontalSpeed = 0;\n this.verticalSpeed = 0;\n this.rotation = 0; // Rotation angle in degrees\n }\n\n display() {\n // Draw hitbox behind the snitch\n fill(255, 234, 0, 150); // Red hitbox with transparency\n rect(this.x + 10, this.y + 10, 30, 30); // Draw hitbox\n }\n\n getHitbox() {\n return {\n x: this.x + 10,\n y: this.y + 10,\n width: 30,\n height: 30\n };\n }\n\n move() {\n // Check if any key is pressed\n let isMoving = false;\n\n // Reset speed for each frame\n\n\n\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // Left arrow or 'A'\n this.horizontalSpeed -= this.acceleration; // Accelerate left\n this.rotation -= this.acceleration;\n isMoving = true; // Set moving flag\n }\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // Right arrow or 'D'\n this.horizontalSpeed += this.acceleration; // Accelerate right\n this.rotation += this.acceleration;\n isMoving = true; // Set moving flag\n }\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // Up arrow or 'W'\n this.verticalSpeed -= this.acceleration; // Accelerate up\n isMoving = true; // Set moving flag\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // Down arrow or 'S'\n this.verticalSpeed += this.acceleration; // Accelerate down\n isMoving = true; // Set moving flag\n }\n\n // Update speed based on whether the snitch is moving\n this.x += this.horizontalSpeed; // Update x position directly\n this.y += this.verticalSpeed; // Update y position directly\n\n\n //slowing down horizontally\n if (this.horizontalSpeed < 0) {\n this.horizontalSpeed += 0.25\n this.rotation += 0.25;\n }\n if (this.horizontalSpeed > 0) {\n this.horizontalSpeed -= 0.25\n this.rotation -= 0.25;\n }\n if (this.horizontalSpeed == 0) {\n this.horizontalSpeed = 0\n this.rotation = 0;\n }\n\n //slowing down vertically\n if (this.verticalSpeed < 0) {\n this.verticalSpeed += 0.25\n }\n if (this.verticalSpeed > 0) {\n this.verticalSpeed -= 0.25\n }\n if (this.verticalSpeed == 0) {\n this.verticalSpeed = 0\n }\n\n\n // Constrain the snitch within the canvas boundaries\n this.x = constrain(this.x, 0, width - 50); // Keep within left and right edges\n this.y = constrain(this.y, 0, height - 50); // Keep within top and bottom edges\n\n }\n}\n\nclass Bludger {\n constructor() {\n this.x = 0; // Initial x position\n this.y = 0; // Initial y position\n this.speed = 6; // Speed of the bludger\n this.isActive = false; // Track if the bludger is active\n }\n\n launch(target) {\n // Set initial position to the snitch's position\n this.x = snitch.x + 25; // Center it based on snitch position\n this.y = snitch.y + 25; // Center it based on snitch position\n this.isActive = true; // Activate the bludger\n let targx = target.x + 90;\n let targy = target.y + 120;\n \n // Calculate the angle towards the target (nearest seeker)\n let angle = atan2(targy - this.y, targx - this.x);\n\n // Move the bludger in the direction of the target\n this.x += cos(angle) * this.speed * bludspeedmul;\n this.y += sin(angle) * this.speed * bludspeedmul;\n timer--\n }\n\n display() {\n fill(0); // Black color for the bludger\n rect(this.x, this.y, 10, 10)\n }\n\n checkCollision(seeker) {\n const seekerHitbox = seeker.getHitbox();\n return (\n this.x > seekerHitbox.x &&\n this.x < seekerHitbox.x + seekerHitbox.width &&\n this.y > seekerHitbox.y &&\n this.y < seekerHitbox.y + seekerHitbox.height\n );\n }\n}\n\nclass Seeker {\n constructor(isSecondSeeker = false) {\n this.x = random(width); // Start at a random position\n this.y = random(height);\n this.speed = 0; // Start with no speed\n this.maxSpeed = 5; // Maximum speed for the seeker\n this.acceleration = 0.2; // Acceleration rate\n this.horizontalSpeed = 0;\n this.verticalSpeed = 0;\n this.rotation = 0; // Rotation angle in degrees\n this.isSecondSeeker = isSecondSeeker; // Flag for second seeker\n this.stunned = false; // New property to track if the seeker is stunned\n this.stunDuration = 3000; // Duration in milliseconds for how long the seeker is stunned\n this.stunTimer = 0; // Timer for the stun duration\n }\n\n display() {\n // Draw hitbox behind the seeker\n if (this.isSecondSeeker) {\n fill(255, 180, 0, 100); // Blue hitbox with transparency\n rect(this.x + 100, this.y + 70, 50, 100); // Draw hitbox\n } else {\n fill(0, 0, 255, 100); // Blue hitbox with transparency\n rect(this.x + 50, this.y + 70, 50, 100); // Draw hitbox\n }\n }\n\n // Function to get seeker's hitbox\n getHitbox() {\n if (this.isSecondSeeker) {\n // Adjust hitbox for Ronn (the second seeker)\n return {\n x: this.x + 100, // Adjusted x position for Ronn\n y: this.y + 70, // Adjusted y position for Ronn\n width: 50, // Width of the hitbox\n height: 100 // Height of the hitbox\n };\n } else {\n // Hitbox for the first seeker (Harry)\n return {\n x: this.x + 50,\n y: this.y + 70,\n width: 50,\n height: 100\n };\n }\n }\n\n move(target) {\n if (this.stunned) {\n this.stunTimer += deltaTime; // Increment the stun timer\n if (this.stunTimer >= this.stunDuration) {\n this.stunned = false; // Reset stunned status after duration\n this.stunTimer = 0; // Reset stun timer\n }\n return; // Skip movement if stunned\n }\n if (this.isSecondSeeker) {\n // Ronn follows the snitch with some randomness\n let targx = target.x + 15; // Target x position adjusted for hitbox\n let targy = target.y + 15; // Target y position adjusted for hitbox\n let ronx = this.x + 120;\n let rony = this.y + 120;\n\n let angle = atan2(targy - rony, targx - ronx); // Calculate angle to the target\n let distance = dist(ronx, rony, targx, targy); // Calculate distance to the target\n\n // Move towards the target with some randomness\n if (distance > 20) { // Only move if the target is far enough\n this.horizontalSpeed += cos(angle) * this.acceleration; // Update horizontal speed based on angle\n this.verticalSpeed += sin(angle) * this.acceleration; // Update vertical speed based on angle\n }\n\n // Randomize movement slightly\n this.horizontalSpeed += random(-0.5, 0.5); // Add slight randomness to horizontal speed\n this.verticalSpeed += random(-0.5, 0.5); // Add slight randomness to vertical speed\n } else {\n // Original movement logic for the first seeker\n let targx = target.x + 20;\n let targy = target.y + 20;\n\n let harx = this.x + 70;\n let hary = this.y + 120;\n\n // Move towards the target (snitch)\n let angle = atan2(targy - hary, targx - harx); // Calculate angle to the target\n let distance = dist(harx, hary, targx, targy); // Calculate distance to the target\n\n // Acceleration towards the target\n if (distance > 24) { // Only accelerate if the target is far enough\n this.horizontalSpeed += cos(angle) * this.acceleration; // Update horizontal speed based on angle\n this.verticalSpeed += sin(angle) * this.acceleration; // Update vertical speed based on angle\n }\n\n // Limit the seeker's speed\n this.horizontalSpeed = constrain(this.horizontalSpeed, -this.maxSpeed, this.maxSpeed);\n this.verticalSpeed = constrain(this.verticalSpeed, -this.maxSpeed, this.maxSpeed);\n }\n\n // Update position based on horizontal and vertical speeds\n this.x += this.horizontalSpeed; // Update x position\n this.y += this.verticalSpeed; // Update y position\n\n // Constrain the seeker within the canvas boundaries\n if (this.isSecondSeeker) {\n this.x = constrain(this.x, 0 - 80, width - 150); // Keep within left and right edges\n this.y = constrain(this.y, 0 - 40, height - 180); // Keep within top and bottom edges\n } else {\n this.x = constrain(this.x, 0 - 20, width - 110); // Keep within left and right edges\n this.y = constrain(this.y, 0 - 40, height - 190); // Keep within top and bottom edges\n }\n }\n}\n\nlet winwidth = 800;\nlet winheght = 550;\n\nfunction setup() {\n createCanvas(winwidth, winheght);\n background(135, 206, 235); // Sky blue background\n snitch = new Snitch();\n seeker = new Seeker(); // Create a new seeker\n bludger = new Bludger(); // Initialize the bludger\n}\n\nfunction draw() {\n background(135, 206, 235); // Clear the screen\n noSmooth();\n\n if (isLoading) {\n // Display loading screen with instructions\n fill(206, 235, 247, 255); // Semi-transparent background\n rect(0, 0, width, height); // Full screen rectangle\n fill(176, 158, 0);\n textSize(32);\n textAlign(CENTER, CENTER);\n text(\"snitch escape\", width / 2, height / 2 - 40)\n fill(0);\n text(\"Controls:\", width / 2, height / 2);\n text(\"Use arrow keys or WASD to move the snitch\", width / 2, height / 2 + 40);\n text(\"use 'E' or 'space' to send out\", width / 2, height / 2 + 80);\n text(\"a bludger that will STUN the seeker\", width / 2, height / 2 + 120);\n text(\"sending blidgers costs 1$\", width / 2, height / 2 + 160);\n text(\"dodge harry and co\", width / 2, height / 2 + 200);\n text(\"Press any key to start\", width / 2, height / 2 + 240);\n } else {\n if (!gameOver) {\n snitch.move();\n snitch.display();\n seeker.move(snitch); // Move the first seeker towards the snitch\n seeker.display(); // Display the first seeker\n\n // Update and display the timer\n timer += deltaTime / 1000; // Increment timer by the time passed in seconds\n fill(0);\n textSize(24);\n text(\"Money: \" + timer.toFixed(2) + \"$\", 150, 30); // Display timer\n\n // Check if the timer has reached 30 seconds and if Ronn has not spawned yet\n if (timer >= 30 && !secondSeekerSpawned) {\n let spawnPosition; // Variable to store potential spawn position\n let minDistance = 200; // Minimum distance from the snitch\n\n // Ensure the new seeker spawns at a minimum distance from the snitch\n do {\n spawnPosition = {\n x: random(width),\n y: random(height)\n };\n } while (dist(spawnPosition.x, spawnPosition.y, snitch.x, snitch.y) < minDistance);\n\n // Create a new seeker (Ronn)\n secondSeeker = new Seeker(true); // Pass true to indicate this is Ronn\n secondSeeker.x = spawnPosition.x; // Set the x position\n secondSeeker.y = spawnPosition.y; // Set the y position\n secondSeekerSpawned = true; // Set the spawned flag\n }\n\n // Move and display the second seeker if it exists\n if (secondSeeker) {\n secondSeeker.move(snitch); // Move the second seeker towards the snitch\n secondSeeker.display(); // Display the second seeker\n }\n\n // Move the bludger if it is active\n if (bludger.isActive) {\n // Find the nearest seeker\n let nearestSeeker = seeker; // Start with the first seeker\n if (secondSeeker) {\n let distanceToSeeker = dist(bludger.x, bludger.y, nearestSeeker.x + 70, nearestSeeker.y + 120);\n let distanceToSecondSeeker = dist(bludger.x, bludger.y, secondSeeker.x + 120, secondSeeker.y + 120);\n if (distanceToSecondSeeker < distanceToSeeker) {\n nearestSeeker = secondSeeker; // Update to the second seeker if closer\n }\n }\n\n let tarx = nearestSeeker.x + 90;\n let tary = nearestSeeker.y + 120;\n\n // Move the bludger towards the nearest seeker\n let angle = atan2(tary - bludger.y, tarx - bludger.x);\n bludger.x += cos(angle) * bludger.speed; // Update x position\n bludger.y += sin(angle) * bludger.speed; // Update y position\n\n // Display the bludger\n bludger.display();\n\n // Check for collision with seekers\n if (bludger.checkCollision(seeker)) {\n seeker.stunned = true; // Stun the first seeker\n bludger.isActive = false; // Deactivate the bludger after hitting\n }\n if (secondSeeker && bludger.checkCollision(secondSeeker)) {\n secondSeeker.stunned = true; // Stun the second seeker\n bludger.isActive = false; // Deactivate the bludger after hitting\n }\n }\n\n // Check for collision with seekers\n if (collides(snitch, seeker)) {\n gameOver = true; // Set game over flag\n catcher = \"harry\"; // Track that Harry caught the snitch\n secondSeeker = null; // Despawn Ronn\n secondSeekerSpawned = false; // Reset spawn flag\n } else if (secondSeeker && collides(snitch, secondSeeker)) {\n gameOver = true; // Set game over flag\n catcher = \"ronn\"; // Track that Ronn caught the snitch\n secondSeeker = null; // Despawn Ronn\n secondSeekerSpawned = false; // Reset spawn flag\n }\n // Update highest score if necessary\n if (gameOver) {\n if (timer > highestScore) {\n highestScore = timer; // Update highest score if the current timer is greater\n }\n }\n } else {\n // Game over screen\n fill(205, 85, 97, 255); // Semi-transparent background\n rect(0, 0, width, height); // Full screen rectangle\n fill(255);\n textSize(48);\n textAlign(CENTER, CENTER);\n text(\"Game Over!\", width / 2, height / 2 - 50);\n textSize(24);\n text(\"Money: \" + timer.toFixed(2) + \"$\", width / 2, height / 2);\n text(\"Highest Score: \" + highestScore.toFixed(2) + \"$\", width / 2, height / 2 + 30);\n text(\"Press R to Restart\", width / 2, height / 2 + 70);\n }\n }\n}\n\nfunction collides(snitch, seeker) {\n const snitchHitbox = snitch.getHitbox();\n const seekerHitbox = seeker.getHitbox();\n\n return (\n snitchHitbox.x < seekerHitbox.x + seekerHitbox.width &&\n snitchHitbox.x + snitchHitbox.width > seekerHitbox.x &&\n snitchHitbox.y < seekerHitbox.y + seekerHitbox.height &&\n snitchHitbox.y + snitchHitbox.height > seekerHitbox.y\n );\n}\n\nfunction keyPressed() {\n if (isLoading) {\n isLoading = false; // Start the game\n } else if (gameOver && (key === 'r' || key === 'R')) {\n restartGame();\n } else { if (key === 'e' || key === ' ') {\n // Find the nearest seeker\n let nearestSeeker = seeker; // Start with the first seeker\n if (secondSeeker) {\n let distanceToSeeker = dist(snitch.x, snitch.y, nearestSeeker.x + 70, nearestSeeker.y + 120);\n let distanceToSecondSeeker = dist(snitch.x, snitch.y, secondSeeker.x + 120, secondSeeker.y + 120);\n if (distanceToSecondSeeker < distanceToSeeker) {\n nearestSeeker = secondSeeker; // Update to the second seeker if closer\n }\n }\n bludger.launch(nearestSeeker); // Launch the bludger towards the nearest seeker\n } if (key === '1') {\n\n if (timer >= 10 && bludspeedmul === 1) {\n timer -= 10\n bludspeedmul = 3\n }\n }\n}\n}\nfunction restartGame() {\n timer = 0; // Reset timer\n gameOver = false; // Reset game over flag\n snitch = new Snitch(); // Create a new snitch\n seeker = new Seeker(); // Create a new seeker\n}","style.css":"body {\r\n margin: 0;\r\n}\r\n\r\ncanvas {\r\n display: block;\r\n}","index.html":"\n\n\n\n \n \n Quidditch Snitch Escape\n \n \n\n\n\n \n press 1 to buy a bludger speed upgrade for 10$\n\n\n"},"chat_history":[{"code_id":245293,"deleted":0,"input_tokens":null,"id":144141,"project_id":8063,"sender":"human","message":"EPIC CHUCK CHUCK COULD A CHUCK","created_at":"2025-05-24T20:47:13.708672Z","output_tokens":null}],"assets":[],"messages_sent":1,"comments":[],"steps":[]}