Bullet Hell

{"name":"Bullet Hell but better?!","description":"Dodge, weave, and survive in this intense bullet hell game featuring a variety of challenging attack patterns!","photo":"https://jippity.s3.amazonaws.com/Screenshot 2024-06-14 at 11.15.53 AM.png","view_count":12,"fork_count":0,"expires_at":null,"created_at":"2024-06-17T21:57:07.487272Z","updated_at":"2024-06-18T18:07:16.147950Z","user_id":12,"status":"PUBLIC","parent_id":1492,"id":1963,"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 gameState = 'home'; // Possible states: 'home', 'game'\nlet fontAwesome;\nlet playerX, playerY;\nconst playerSpeed = 5;\nlet keys = {};\nlet bullets = [];\nlet enemyBullets = [];\nlet enemies = [];\nconst fireCooldown = 150; // Cooldown in milliseconds\nlet playerLives = 3;\nlet playerXP = 0;\nconst xpBarWidth = 20;\nlet autoHomingBulletsActive = true; // Flag to indicate auto-shooting homing bullets are active\nlet lastAutoShootTime = 0;\nconst autoShooterCooldown = 1000; // Cooldown in milliseconds\nlet extraLives = [];\nlet xpDrops = [];\nlet isShiftPressed = false; // Flag to check if the Shift key is being held\nlet numEnemiesToSpawn = 1; // Initial number of enemies to spawn\nlet spawnCounter = 0; // Counter to track the number of spawns\nlet rightWallX; // Declare without initializing\nlet playerSprite;\nlet bulletCounter = 1500000000000000000000000000000000000000000000000000000000000000; // Initial number of bullets\nlet xpImage; // Declare a variable to hold the XP image\nlet isLaserActive = false; // Flag to check if the laser is active\nlet miniLaserBeams = []; // Array to hold mini laser beams\nlet shakeDuration = 0; // Duration of the shake effect\nlet shakeMagnitude = 10; // Magnitude of the shake effect\nlet shakeTime = 0; // Timer for the shake effect\nlet isTimeStopped = false; // Flag to check if time is stopped\nlet timeStopEndTime = 0; // Time when the time stop should end\nlet enemyKillCount = 0; // Track the number of enemies killed\nconst enemyKillLimit = 30; // Limit for enemy kills\nlet bossEnemy = null; // Boss enemy instance\nlet bossSpawned = false; // Flag to indicate if the boss has been spawned\nlet isPlayerInvincible = false; // Flag to indicate if the player is invincible\nlet invincibilityEndTime = 0; // Timestamp to track when invincibility ends\nlet lastXPIncrementTime = 0; // Variable to track the last time XP was incremented\nlet stars = [];\nlet enemy2Image; // Declare a variable to hold the enemy2 image\nlet enemy1Image; // Declare a variable to hold the enemy1 image\nlet zunSound; // Declare a variable to hold the sound\nlet enemy4Image; // Declare a variable to hold the enemy4 image\nlet bgY1 = 0;\nlet bgY2;\nlet backgroundImage;\n\nlet lastFireTime = {\n 'up': 0,\n 'down': 0,\n 'left': 0,\n 'right': 0\n};\n\nclass ExtraLife {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 15;\n this.speed = 2;\n }\n\n update() {\n this.y += this.speed;\n }\n\n draw() {\n fill(255, 0, 0); // Red color for extra life\n ellipse(this.x, this.y, this.size, this.size);\n fill(255);\n textAlign(CENTER, CENTER);\n textSize(12);\n text('1UP', this.x, this.y);\n }\n\n isOffScreen() {\n return this.y - this.size / 2 > height;\n }\n\n collectedByPlayer(playerX, playerY) {\n const distance = dist(this.x, this.y, playerX, playerY);\n return distance < this.size / 2 + 10;\n }\n}\nclass XP {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 20; // Adjusted size for the image\n this.speed = 1.5;\n this.followRange = 100; // Range within which XP will follow the player\n }\n\n update(playerX, playerY) {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n const distanceToPlayer = dist(this.x, this.y, playerX, playerY);\n if (distanceToPlayer < this.followRange) {\n // Move towards the player\n let direction = createVector(playerX - this.x, playerY - this.y);\n direction.normalize();\n direction.mult(1.5); // Increase the speed of following\n this.x += direction.x;\n this.y += direction.y;\n } else {\n // Fall down at a constant speed\n this.y += this.speed;\n }\n }\n\n draw() {\n if (xpImage) {\n imageMode(CENTER);\n image(xpImage, this.x, this.y, this.size, this.size); // Draw the XP image\n } else {\n fill(0, 255, 0); // Fallback color for XP\n ellipse(this.x, this.y, this.size, this.size);\n }\n }\n\n isOffScreen() {\n return this.y - this.size / 2 > height;\n }\n\n collectedByPlayer(playerX, playerY) {\n const distance = dist(this.x, this.y, playerX, playerY);\n return distance < this.size / 2 + 10;\n }\n}\n\nclass Bullet {\n constructor(x, y, targetX, targetY, color = 255) {\n this.x = x;\n this.y = y;\n this.color = color;\n this.size = 10;\n\n const direction = createVector(targetX - x, targetY - y);\n direction.normalize();\n this.velocity = direction.mult(7);\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n const targetDirection = createVector(playerX - this.x, playerY - this.y);\n targetDirection.normalize();\n targetDirection.mult(0.1); // Smaller value for smoother homing\n this.velocity.add(targetDirection);\n this.velocity.normalize();\n this.velocity.mult(7);\n\n this.x += this.velocity.x;\n this.y += this.velocity.y;\n }\n\n draw() {\n fill(this.color);\n ellipse(this.x, this.y, this.size, this.size);\n }\n\n isOffScreen() {\n const canvasWidth = windowWidth * 0.625;\n const leftWidth = (canvasWidth / 3) * 2;\n return (\n this.x < 0 ||\n this.x > leftWidth ||\n this.y < 0 ||\n this.y > windowHeight\n );\n }\n\n hits(playerX, playerY) {\n const distance = dist(this.x, this.y, playerX, playerY);\n return distance < this.size / 2 + 7.5; // Use smaller hitbox size for player\n }\n}\nclass SlowBullet extends Bullet {\n constructor(x, y, targetX, targetY, color = 255) {\n super(x, y, targetX, targetY, color);\n this.velocity = this.velocity.mult(0.5); // Make the bullets half as fast\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n // Slow bullet retains the same trajectory but moves slower\n this.x += this.velocity.x;\n this.y += this.velocity.y;\n }\n}\nclass RainbowBullet {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 15;\n const angle = random(TWO_PI); // Random angle for shooting in any direction\n this.velocity = createVector(cos(angle), sin(angle)).mult(5); // Random direction with speed\n this.colors = ['#FF0000', '#FF7F00', '#FFFF00', '#00FF00', '#0000FF', '#4B0082', '#8B00FF'];\n this.colorIndex = 0;\n }\n\n update() {\n this.x += this.velocity.x;\n this.y += this.velocity.y;\n\n // Cycle through colors\n this.colorIndex = (this.colorIndex + 1) % this.colors.length;\n }\n\n draw() {\n fill(this.colors[this.colorIndex]);\n ellipse(this.x, this.y, this.size, this.size);\n }\n\n isOffScreen() {\n const canvasWidth = windowWidth * 0.625;\n const leftWidth = (canvasWidth / 3) * 2;\n return (\n this.x < 0 ||\n this.x > leftWidth ||\n this.y < 0 ||\n this.y > windowHeight\n );\n }\n\n hits(enemy) {\n const distance = dist(this.x, this.y, enemy.x, enemy.y);\n return distance < this.size / 2 + enemy.size / 2;\n }\n\n explode() {\n const numBullets = 12; // Number of smaller bullets\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n bullets.push(new Bullet(this.x, this.y, targetX, targetY, this.colors[i % this.colors.length]));\n }\n }\n}\nclass BlackHoleBullet {\n constructor(x, y, targetX, targetY) {\n this.x = x;\n this.y = y;\n this.size = 15;\n this.maxSize = 500; // Maximum size before it explodes\n this.growthRate = 0.5; // Rate at which the black hole grows over time\n const direction = createVector(targetX - x, targetY - y);\n direction.normalize();\n this.velocity = direction.mult(3); // Initial speed\n this.isExploded = false; // Flag to check if the bullet has exploded\n }\n\n update() {\n if (this.isExploded) return;\n\n this.x += this.velocity.x;\n this.y += this.velocity.y;\n\n // Grow the black hole bullet\n this.size += this.growthRate;\n\n // Apply gravitational pull on nearby enemies\n this.applyGravitationalPull();\n\n // Check if it should explode\n if (this.size >= this.maxSize || this.isOffScreen()) {\n this.explode();\n }\n }\n\n draw() {\n fill(0); // Black color for the black hole bullet\n ellipse(this.x, this.y, this.size, this.size);\n }\n\n isOffScreen() {\n const canvasWidth = windowWidth * 0.625;\n const leftWidth = (canvasWidth / 3) * 2;\n return (\n this.x < 0 ||\n this.x > leftWidth ||\n this.y < 0 ||\n this.y > windowHeight\n );\n }\n\n hits(target) {\n const distance = dist(this.x, this.y, target.x, target.y);\n return distance < this.size / 2 + target.size / 2;\n }\n\n grow() {\n this.size += this.growthRate;\n }\n\n applyGravitationalPull() {\n const gravitationalForce = 10; // Strength of the gravitational pull\n for (let enemy of enemies) {\n const distance = dist(this.x, this.y, enemy.x, enemy.y);\n if (distance < this.size * 300) { // Effective range of the gravitational pull\n let pull = createVector(this.x - enemy.x, this.y - enemy.y);\n pull.normalize();\n pull.mult(gravitationalForce);\n enemy.x += pull.x;\n enemy.y += pull.y;\n }\n }\n }\n\n explode() {\n this.isExploded = true;\n const numBullets = 12; // Number of smaller bullets\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n bullets.push(new Bullet(this.x, this.y, targetX, targetY));\n }\n }\n}\n// class Enemy {\n// constructor(x, y) {\n// this.x = x;\n// this.y = y;\n// this.size = 20;\n// this.speed = 2;\n// this.lastShot = 0;\n// this.shootCooldown = random(500, 2000); // Random cooldown between 0.5 and 2 seconds\n// this.isAlive = true;\n// }\n\n// update() {\n// this.y += this.speed;\n\n// if (millis() - this.lastShot > this.shootCooldown) {\n// enemyBullets.push(new Bullet(this.x, this.y, playerX, playerY, 0)); // Shoot at player\n// this.lastShot = millis();\n// this.shootCooldown = random(500, 2000); // Reset cooldown to a new random value\n// }\n// }\n\n// draw() {\n// if (this.isAlive) {\n// fill(0); // Black color for the enemy\n// ellipse(this.x, this.y, this.size, this.size);\n// }\n// }\n\n// isOffScreen() {\n// return this.y - this.size / 2 > height;\n// }\n\n// hits(bullet) {\n// const distance = dist(this.x, this.y, bullet.x, bullet.y);\n// return distance < this.size / 2 + bullet.size / 2;\n// }\n// }\nclass BossEnemy {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 60; // Larger size for the boss\n this.speed = 4;\n this.moveDirection = createVector(random(-1, 1), random(-1, 1)).normalize(); // Initial random direction\n this.lastDirectionChange = millis();\n this.health = 500; // Boss health\n this.patterns = [\n this.shootCircularBullets,\n this.shootSpiralBullets,\n this.shootBurstBullets,\n this.shootWaveBullets,\n this.shootStarBullets,\n this.shootCannonPattern // New bullet pattern\n ];\n this.currentPatternIndex = 0;\n this.lastPatternChange = millis();\n this.shootCooldown = 500; // Time in milliseconds between each shot\n this.lastShotTime = 0;\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n // Move within the top half of the screen\n this.x += this.moveDirection.x * this.speed;\n this.y += this.moveDirection.y * this.speed;\n\n // Change direction every 2 seconds\n if (millis() - this.lastDirectionChange > 2000) {\n this.moveDirection = createVector(random(-1, 1), random(-1, 1)).normalize();\n this.lastDirectionChange = millis();\n }\n\n // Boundary checks to keep the boss within the top half of the screen\n if (this.x - this.size / 2 < 0 || this.x + this.size / 2 > rightWallX) {\n this.moveDirection.x *= -1; // Reverse direction on the x-axis\n this.x = constrain(this.x, this.size / 2, rightWallX - this.size / 2); // Ensure within bounds\n }\n if (this.y - this.size / 2 < 0 || this.y + this.size / 2 > height / 2) {\n this.moveDirection.y *= -1; // Reverse direction on the y-axis\n this.y = constrain(this.y, this.size / 2, height / 2 - this.size / 2); // Ensure within bounds\n }\n\n // Switch pattern every 15 seconds\n if (millis() - this.lastPatternChange > 5000) {\n this.currentPatternIndex = (this.currentPatternIndex + 1) % this.patterns.length;\n this.lastPatternChange = millis();\n shakeDuration = 30; // Trigger screen shake for 0.5 seconds (assuming 60fps)\n }\n\n // Shoot bullets based on the current pattern\n if (millis() - this.lastShotTime > this.shootCooldown) {\n this.patterns[this.currentPatternIndex].call(this);\n this.lastShotTime = millis();\n }\n }\n\n draw() {\n fill(255, 0, 0); // Red color for the boss\n ellipse(this.x, this.y, this.size, this.size);\n }\n\n hits(bullet) {\n const distance = dist(this.x, this.y, bullet.x, bullet.y);\n return distance < this.size / 2 + bullet.size / 2;\n }\n\n shootCircularBullets() {\n const numBullets = 20; // Number of bullets to shoot\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }\n\n shootSpiralBullets() {\n const numBullets = 12; // Number of bullets to shoot\n const angleOffset = millis() / 100; // Change the angle offset over time\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i + angleOffset;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }\n\n shootBurstBullets() {\n const numBursts = 3; // Number of bursts\n const numBulletsPerBurst = 20; // Number of bullets per burst\n const burstInterval = 100; // Time between bursts in milliseconds\n\n for (let burst = 0; burst < numBursts; burst++) {\n setTimeout(() => {\n for (let i = 0; i < numBulletsPerBurst; i++) {\n const angle = TWO_PI / numBulletsPerBurst * i;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }, burst * burstInterval);\n }\n }\n\n shootWaveBullets() {\n const numBullets = 30; // Number of bullets in the wave\n const amplitude = 50; // How far left and right the bullets will wave\n const frequency = 0.1; // How fast the bullets will wave\n const waveOffset = millis() / 1000; // Offset for creating the wavy effect\n\n for (let i = 0; i < numBullets; i++) {\n const angle = this.x + i * frequency;\n const targetX = this.x + amplitude * cos(angle);\n const targetY = this.y + amplitude * sin(angle);\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }\n\n shootStarBullets() {\n const numBullets = 50; // Number of bullets to shoot each time\n const bulletSpeed = 9; // Speed of the bullets\n const angleOffset = PI / 5; // Offset angle to create star pattern\n\n for (let i = 0; i < numBullets; i++) {\n const angle = i * TWO_PI / numBullets + angleOffset * (i % 2);\n const targetX = this.x + cos(angle) * bulletSpeed;\n const targetY = this.y + sin(angle) * bulletSpeed;\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }\n\n shootCannonPattern() {\n const numBullets = 10; // Number of bullets in each row\n const bigBulletSpeed = 7; // Speed of the big bullets\n const smallBulletSpeed = 5; // Speed of the small bullets\n\n // Shoot the big bullets in a straight line\n for (let i = 0; i < numBullets; i++) {\n const targetX = this.x;\n const targetY = this.y + bigBulletSpeed * (i - numBullets / 2);\n const bullet = new Bullet(this.x, this.y, targetX, targetY, 0); // Black bullets\n bullet.size = 20; // Increase the size for big bullets\n enemyBullets.push(bullet);\n }\n\n // Shoot the small bullets scattered to the sides\n for (let i = 0; i < numBullets; i++) {\n const angleLeft = -PI / 4; // 45 degrees to the left\n const angleRight = PI / 4; // 45 degrees to the right\n const targetXLeft = this.x + cos(angleLeft) * smallBulletSpeed * (i + 1);\n const targetYLeft = this.y + sin(angleLeft) * smallBulletSpeed * (i + 1);\n const targetXRight = this.x + cos(angleRight) * smallBulletSpeed * (i + 1);\n const targetYRight = this.y + sin(angleRight) * smallBulletSpeed * (i + 1);\n\n const bulletLeft = new Bullet(this.x, this.y, targetXLeft, targetYLeft, 0); // Black bullets\n bulletLeft.size = 10; // Size for small bullets\n\n const bulletRight = new Bullet(this.x, this.y, targetXRight, targetYRight, 0); // Black bullets\n bulletRight.size = 10; // Size for small bullets\n\n enemyBullets.push(bulletLeft);\n enemyBullets.push(bulletRight);\n }\n }\n}\nclass Enemy {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 20;\n this.speed = 2;\n this.lastShot = 0;\n this.shootCooldown = random(500, 2000); // Random cooldown between 0.5 and 2 seconds\n this.isAlive = true;\n this.moveDirection = createVector(random(-1, 1), random(-1, 1)).normalize(); // Initial random direction\n this.lastDirectionChange = millis();\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n this.x += this.moveDirection.x * this.speed;\n this.y += this.moveDirection.y * this.speed;\n\n // Change direction every 2 seconds\n if (millis() - this.lastDirectionChange > 2000) {\n this.moveDirection = createVector(random(-1, 1), random(-1, 1)).normalize();\n this.lastDirectionChange = millis();\n }\n\n // Boundary checks to keep the enemy within the screen and bounce off walls\n if (this.x - this.size / 2 < 0 || this.x + this.size / 2 > rightWallX) {\n this.moveDirection.x *= -1; // Reverse direction on the x-axis\n this.x = constrain(this.x, this.size / 2, rightWallX - this.size / 2); // Ensure within bounds\n }\n if (this.y - this.size / 2 < 0 || this.y + this.size / 2 > height) {\n this.moveDirection.y *= -1; // Reverse direction on the y-axis\n this.y = constrain(this.y, this.size / 2, height - this.size / 2); // Ensure within bounds\n }\n\n if (millis() - this.lastShot > this.shootCooldown) {\n enemyBullets.push(new Bullet(this.x, this.y, playerX, playerY, 0)); // Shoot at player\n this.lastShot = millis();\n this.shootCooldown = random(500, 2000); // Reset cooldown to a new random value\n }\n }\n\n draw() {\n if (this.isAlive) {\n if (enemy2Image) {\n imageMode(CENTER);\n image(enemy2Image, this.x, this.y, this.size, this.size); // Draw the enemy2 image\n } else {\n fill(0); // Fallback color for the enemy\n ellipse(this.x, this.y, this.size, this.size);\n }\n }\n }\n\n isOffScreen() {\n return this.y - this.size / 2 > height;\n }\n\n hits(bullet) {\n const distance = dist(this.x, this.y, bullet.x, bullet.y);\n return distance < this.size / 2 + bullet.size / 2;\n }\n}\nclass WavyEnemy extends Enemy {\n constructor(x, y) {\n super(x, y);\n this.wavyOffset = 0;\n this.size = 40; // Increase the size of the WavyEnemy\n }\n\n draw() {\n if (this.isAlive) {\n if (enemy4Image) {\n imageMode(CENTER);\n image(enemy4Image, this.x, this.y, this.size, this.size); // Draw the enemy4 image with increased size\n } else {\n fill(255, 0, 0); // Fallback color for the wavy shooting enemy\n ellipse(this.x, this.y, this.size, this.size);\n }\n }\n }\n\n shootWavyBullets() {\n const numBullets = 5;\n const amplitude = 50; // How far left and right the bullets will wave\n const frequency = 0.1; // How fast the bullets will wave\n\n for (let i = 0; i < numBullets; i++) {\n const angle = this.wavyOffset + i * frequency;\n const direction = createVector(playerX - this.x, playerY - this.y);\n direction.normalize();\n const targetX = this.x + direction.x * amplitude * cos(angle);\n const targetY = this.y + direction.y * amplitude * sin(angle);\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n this.wavyOffset += 0.2; // Increment the offset for a wavy effect\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n this.y += this.speed;\n\n if (millis() - this.lastShot > this.shootCooldown) {\n this.shootWavyBullets();\n this.lastShot = millis();\n }\n }\n}\nclass CircularEnemy extends Enemy {\n constructor(x, y) {\n super(x, y);\n }\n\n draw() {\n if (this.isAlive) {\n fill(0, 0, 255); // Blue color for the circular shooting enemy\n ellipse(this.x, this.y, this.size, this.size);\n }\n }\n\n shootCircularBullets() {\n const numBullets = 12;\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n this.y += this.speed;\n\n if (millis() - this.lastShot > this.shootCooldown) {\n this.shootCircularBullets();\n this.lastShot = millis();\n }\n }\n}\nclass CircularShootingEnemy extends Enemy {\n constructor(x, y) {\n super(x, y);\n this.stopY = height / 2; // The y-coordinate where the enemy will stop\n this.shootInterval = 700; // Time in milliseconds between each shot\n this.lastShotTime = 0;\n this.patternIndex = 0; // Index to track the current pattern\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n if (this.y < this.stopY) {\n this.y += this.speed;\n }\n\n // Shoot bullets in a circular pattern every second\n let currentTime = millis();\n if (currentTime - this.lastShotTime >= this.shootInterval) {\n this.shootPattern();\n this.lastShotTime = currentTime;\n }\n }\n\n shootPattern() {\n const patterns = [this.shootCircularBullets, this.shootSpiralBullets, this.shootBurstBullets];\n patterns[this.patternIndex].call(this);\n\n // Cycle through patterns\n this.patternIndex = (this.patternIndex + 1) % patterns.length;\n }\n\n shootCircularBullets() {\n const numBullets = 16; // Number of bullets to shoot\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }\n\n shootSpiralBullets() {\n const numBullets = 12; // Number of bullets to shoot\n const angleOffset = millis() / 1000; // Change the angle offset over time\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i + angleOffset;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }\n\n shootBurstBullets() {\n const numBursts = 3; // Number of bursts\n const numBulletsPerBurst = 15; // Number of bullets per burst\n const burstInterval = 100; // Time between bursts in milliseconds\n\n for (let burst = 0; burst < numBursts; burst++) {\n setTimeout(() => {\n for (let i = 0; i < numBulletsPerBurst; i++) {\n const angle = TWO_PI / numBulletsPerBurst * i;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n enemyBullets.push(new SlowBullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }, burst * burstInterval);\n }\n }\n\n draw() {\n if (this.isAlive) {\n fill(255, 0, 255); // Purple color for the circular shooting enemy\n ellipse(this.x, this.y, this.size, this.size);\n }\n }\n}\nclass ShockwaveEnemy extends Enemy {\n constructor(x, y) {\n super(x, y);\n this.size = 40; // Base size for the shockwave enemy\n this.width = 40; // Width for the shockwave enemy\n this.height = 60; // Increased height for the shockwave enemy\n this.speed = 5; // Increase speed for quick movement\n this.shootInterval = 1000; // Time in milliseconds between each shot\n this.lastShotTime = 0;\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n // Move quickly in random directions\n this.x += this.moveDirection.x * this.speed;\n this.y += this.moveDirection.y * this.speed;\n\n // Change direction every 1 second\n if (millis() - this.lastDirectionChange > 1000) {\n this.moveDirection = createVector(random(-1, 1), random(-1, 1)).normalize();\n this.lastDirectionChange = millis();\n }\n\n // Boundary checks to keep the enemy within the screen and bounce off walls\n if (this.x - this.width / 2 < 0 || this.x + this.width / 2 > rightWallX) {\n this.moveDirection.x *= -1; // Reverse direction on the x-axis\n this.x = constrain(this.x, this.width / 2, rightWallX - this.width / 2); // Ensure within bounds\n }\n if (this.y - this.height / 2 < 0 || this.y + this.height / 2 > height) {\n this.moveDirection.y *= -1; // Reverse direction on the y-axis\n this.y = constrain(this.y, this.height / 2, height - this.height / 2); // Ensure within bounds\n }\n\n // Shoot bullets in a shockwave pattern every second\n let currentTime = millis();\n if (currentTime - this.lastShotTime >= this.shootInterval) {\n this.shootShockwaveBullets();\n this.lastShotTime = currentTime;\n }\n }\n\n shootShockwaveBullets() {\n const numWaves = 1; // Number of shockwaves\n const bulletsPerWave = 16; // Number of bullets per wave\n const waveInterval = 10; // Time between waves in milliseconds\n\n for (let wave = 0; wave < numWaves; wave++) {\n setTimeout(() => {\n for (let i = 0; i < bulletsPerWave; i++) {\n const angle = TWO_PI / bulletsPerWave * i;\n const targetX = this.x + cos(angle) * 10;\n const targetY = this.y + sin(angle) * 10;\n enemyBullets.push(new SlowBullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }, wave * waveInterval);\n }\n }\n\n draw() {\n if (this.isAlive) {\n if (enemy1Image) {\n imageMode(CENTER);\n image(enemy1Image, this.x, this.y, this.width, this.height); // Draw the enemy1 image with increased height\n } else {\n fill(255, 255, 0); // Fallback color for the shockwave shooting enemy\n ellipse(this.x, this.y, this.width, this.height); // Draw ellipse with increased height\n }\n }\n }\n}\nclass SlowShooterEnemy extends Enemy {\n constructor(x, y) {\n super(x, y);\n this.shootInterval = 1500; // Time in milliseconds between each shot\n this.lastShotTime = 0;\n this.patternIndex = 0; // Index to track the current pattern\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n // Move down the screen slowly\n this.y += this.speed / 2;\n\n // Shoot a bunch of slow bullets every shootInterval\n let currentTime = millis();\n if (currentTime - this.lastShotTime >= this.shootInterval) {\n this.shootPattern();\n this.lastShotTime = currentTime;\n }\n }\n\n shootPattern() {\n const patterns = [this.shootCircularBullets, this.shootSpiralBullets, this.shootBurstBullets];\n patterns[this.patternIndex].call(this);\n\n // Cycle through patterns\n this.patternIndex = (this.patternIndex + 1) % patterns.length;\n }\n\n shootCircularBullets() {\n const numBullets = 20; // Number of bullets to shoot\n const bulletSpeed = 2; // Speed of the slow bullets\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i;\n const targetX = this.x + cos(angle) * bulletSpeed;\n const targetY = this.y + sin(angle) * bulletSpeed;\n enemyBullets.push(new SlowBullet(this.x, this.y, targetX, targetY, 0)); // Slow bullets\n }\n }\n\n shootSpiralBullets() {\n const numBullets = 30; // Number of bullets to shoot\n const angleOffset = millis() / 50; // Change the angle offset over time\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i + angleOffset;\n const targetX = this.x + cos(angle) * 2; // Slow speed\n const targetY = this.y + sin(angle) * 2; // Slow speed\n enemyBullets.push(new SlowBullet(this.x, this.y, targetX, targetY, 0)); // Slow bullets\n }\n }\n\n shootBurstBullets() {\n const numBursts = 3; // Number of bursts\n const numBulletsPerBurst = 10; // Number of bullets per burst\n const burstInterval = 100; // Time between bursts in milliseconds\n\n for (let burst = 0; burst < numBursts; burst++) {\n setTimeout(() => {\n for (let i = 0; i < numBulletsPerBurst; i++) {\n const angle = TWO_PI / numBulletsPerBurst * i;\n const targetX = this.x + cos(angle) * 2; // Slow speed\n const targetY = this.y + sin(angle) * 2; // Slow speed\n enemyBullets.push(new SlowBullet(this.x, this.y, targetX, targetY, 0)); // Slow bullets\n }\n }, burst * burstInterval);\n }\n }\n\n draw() {\n if (this.isAlive) {\n fill(0, 255, 255); // Cyan color for the slow shooter enemy\n ellipse(this.x, this.y, this.size, this.size);\n }\n }\n}\nclass SpiralEnemy extends Enemy {\n constructor(x, y) {\n super(x, y);\n this.spiralAngle = 0; // Initial angle for the spiral pattern\n this.shootInterval = 500; // Time in milliseconds between each shot\n this.lastShotTime = 0;\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n this.y += this.speed;\n\n // Shoot bullets in a spiral pattern every shootInterval\n let currentTime = millis();\n if (currentTime - this.lastShotTime >= this.shootInterval) {\n this.shootSpiralBullets();\n this.lastShotTime = currentTime;\n }\n }\n\n shootSpiralBullets() {\n const numBullets = 8; // Number of bullets to shoot each time\n const bulletSpeed = 1; // Speed of the bullets\n\n for (let i = 0; i < numBullets; i++) {\n const angle = this.spiralAngle + i * (TWO_PI / numBullets);\n const targetX = this.x + cos(angle) * bulletSpeed;\n const targetY = this.y + sin(angle) * bulletSpeed;\n enemyBullets.push(new SlowBullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n\n this.spiralAngle += PI / 16; // Increment the angle for the next spiral\n }\n\n draw() {\n if (this.isAlive) {\n fill(255, 165, 0); // Orange color for the spiral shooting enemy\n ellipse(this.x, this.y, this.size, this.size);\n }\n }\n}\nclass PatternEnemy extends Enemy {\n constructor(x, y) {\n super(x, y);\n this.shootInterval = 200; // Time in milliseconds between each shot\n this.lastShotTime = 0;\n }\n\n update() {\n if (isShiftPressed) return; // Stop updating if Shift is pressed\n\n this.y += this.speed;\n\n // Shoot bullets in a star pattern every shootInterval\n let currentTime = millis();\n if (currentTime - this.lastShotTime >= this.shootInterval) {\n this.shootStarBullets();\n this.lastShotTime = currentTime;\n }\n }\n\n shootStarBullets() {\n const numBullets = 10; // Number of bullets to shoot each time\n const bulletSpeed = 3; // Speed of the bullets\n const angleOffset = PI / 5; // Offset angle to create star pattern\n\n for (let i = 0; i < numBullets; i++) {\n const angle = i * TWO_PI / numBullets + angleOffset * (i % 2);\n const targetX = this.x + cos(angle) * bulletSpeed;\n const targetY = this.y + sin(angle) * bulletSpeed;\n enemyBullets.push(new Bullet(this.x, this.y, targetX, targetY, 0)); // Black bullets\n }\n }\n\n draw() {\n if (this.isAlive) {\n fill(0, 255, 0); // Green color for the star shooting enemy\n ellipse(this.x, this.y, this.size, this.size);\n }\n }\n}\nclass MiniLaserBeam {\n constructor(x, y, angle) {\n this.x = x;\n this.y = y;\n this.angle = angle;\n this.speed = 10;\n this.size = 5;\n }\n\n update() {\n this.x += cos(this.angle) * this.speed;\n this.y += sin(this.angle) * this.speed;\n }\n\n draw() {\n fill(255, 0, 0); // Red color for the mini laser beam\n ellipse(this.x, this.y, this.size, this.size);\n }\n\n isOffScreen() {\n return this.x < 0 || this.x > width || this.y < 0 || this.y > height;\n }\n\n hits(enemy) {\n const distance = dist(this.x, this.y, enemy.x, enemy.y);\n return distance < this.size / 2 + enemy.size / 2;\n }\n\n hitsBullet(bullet) {\n const distance = dist(this.x, this.y, bullet.x, bullet.y);\n return distance < this.size / 2 + bullet.size / 2;\n }\n}\n\nclass Star {\n constructor(x, y, size, speed) {\n this.x = x;\n this.y = y;\n this.size = size;\n this.speed = speed;\n }\n\n update() {\n this.y += this.speed;\n if (this.y > height) {\n this.y = 0;\n this.x = random(width);\n }\n }\n\n draw() {\n fill(255);\n noStroke();\n ellipse(this.x, this.y, this.size, this.size);\n }\n}\n\nfunction preload() {\n fontAwesome = loadFont('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.ttf');\n playerSprite = loadImage(\"@asset('player')\");\n xpImage = loadImage(\"@asset('XP')\");\n enemy2Image = loadImage(\"@asset('enemy2')\");\n enemy1Image = loadImage(\"@asset('enemy1')\");\n enemy4Image = loadImage(\"@asset('enemy4')\"); // Load the enemy4 image\n zunSound = loadSound(\"@asset('zun')\"); // Load the 'zun' sound\n backgroundImage = loadImage(\"@asset('background')\"); // Load the background image\n}\nfunction drawPlayer() {\n if (isPlayerInvincible) {\n // Flash the player sprite if invincible\n if (frameCount % 30 < 15) { // Flash every 15 frames\n return; // Skip drawing the player to make it invisible\n }\n }\n\n // Draw the player sprite as usual\n if (playerSprite) {\n imageMode(CENTER); // Set image mode to center\n image(playerSprite, playerX, playerY, 50, 50); // Draw player sprite at player's position with larger dimensions\n } else {\n // Fallback if sprite is not loaded\n fill(255);\n ellipse(playerX, playerY, 20, 20);\n }\n\n // Draw hitbox if Shift key is held\n if (isShiftPressed) {\n noFill();\n stroke(255, 0, 0); // Red color for the hitbox\n ellipse(playerX, playerY, 15, 15); // Draw the smaller hitbox\n }\n}\nfunction setup() {\n const canvasWidth = windowWidth * 0.625;\n const canvasHeight = windowHeight;\n createCanvas(canvasWidth, canvasHeight);\n console.log(\"Canvas created\");\n\n playerX = (canvasWidth / 3) * 2 / 2;\n playerY = canvasHeight - 30;\n\n rightWallX = (canvasWidth / 3) * 2;\n console.log(\"Setup complete\");\n\n spawnEnemyGroup();\n\n // Initialize stars\n for (let i = 0; i < 100; i++) {\n stars.push(new Star(random(width), random(height), random(1, 3), random(0.5, 2)));\n }\n\n // Initialize background positions\n bgY1 = 0;\n bgY2 = -height;\n}\nfunction checkCollisions() {\n for (let i = enemyBullets.length - 1; i >= 0; i--) {\n if (!isPlayerInvincible && enemyBullets[i].hits(playerX, playerY)) {\n enemyBullets.splice(i, 1);\n playerLives--;\n if (playerLives <= 0) {\n resetGame();\n break;\n }\n isPlayerInvincible = true; // Set invincibility flag\n invincibilityEndTime = millis() + 3000; // Set invincibility duration\n }\n }\n\n for (let i = bullets.length - 1; i >= 0; i--) {\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (enemies[j].hits(bullets[i])) {\n if (bullets[i] instanceof RainbowBullet) {\n bullets[i].explode(); // Explode into smaller bullets\n }\n if (bullets[i] instanceof BlackHoleBullet) {\n bullets[i].grow(); // Grow the black hole bullet\n } else {\n bullets.splice(i, 1);\n }\n xpDrops.push(new XP(enemies[j].x, enemies[j].y)); // Drop XP upon enemy death\n\n // 1/50 chance to drop an extra life\n if (random(1) < 1 / 50) {\n extraLives.push(new ExtraLife(enemies[j].x, enemies[j].y));\n }\n\n enemies.splice(j, 1);\n enemyKillCount++; // Increment the enemy kill count\n console.log(`Enemy Kill Count: ${enemyKillCount}`); // Debug statement\n\n // Check if the boss should be spawned\n if (enemyKillCount >= enemyKillLimit && !bossSpawned) {\n console.log(\"Spawning Boss!\"); // Debug statement\n bossEnemy = new BossEnemy(rightWallX / 2, height / 4); // Spawn boss in the top middle\n bossSpawned = true;\n } else if (enemies.length === 0 && !bossSpawned) {\n spawnEnemyGroup();\n }\n\n break;\n }\n }\n }\n\n // Check for collisions with the boss\n if (bossEnemy) {\n for (let i = bullets.length - 1; i >= 0; i--) {\n if (bossEnemy && bossEnemy.hits(bullets[i])) {\n bullets.splice(i, 1);\n bossEnemy.health -= 10; // Decrease boss health by 10\n if (bossEnemy.health <= 0) {\n console.log(\"Boss Defeated!\"); // Debug statement\n bossEnemy = null; // Remove the boss\n bossSpawned = false; // Reset boss spawn flag for possible future spawns\n }\n }\n }\n }\n}\nfunction applyScreenShake() {\n if (shakeDuration > 0) {\n const dx = random(-shakeMagnitude, shakeMagnitude);\n const dy = random(-shakeMagnitude, shakeMagnitude);\n translate(dx, dy);\n shakeDuration--;\n }\n}\nfunction draw() {\n if (gameState === 'home') {\n drawHomeScreen();\n } else if (gameState === 'game') {\n // Draw the scrolling background\n drawScrollingBackground();\n\n // Update and draw the stars\n for (let star of stars) {\n star.update();\n star.draw();\n }\n\n if (isTimeStopped) {\n if (millis() < timeStopEndTime) {\n // Stop time\n isShiftPressed = true;\n\n // Shoot laser beams and bullets\n if (frameCount % 10 === 0) { // Fire every 10 frames\n const numBeams = 8;\n for (let i = 0; i < numBeams; i++) {\n const angle = TWO_PI / numBeams * i;\n miniLaserBeams.push(new MiniLaserBeam(playerX, playerY, angle));\n }\n\n const numBullets = 36;\n const amplitude = 50;\n const frequency = 0.1;\n const waveOffset = millis() / 1000;\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i;\n const targetX = playerX + cos(angle) * amplitude * cos(waveOffset + i * frequency);\n const targetY = playerY + sin(angle) * amplitude * sin(waveOffset + i * frequency);\n bullets.push(new Bullet(playerX, playerY, targetX, targetY));\n }\n }\n } else {\n isTimeStopped = false;\n isShiftPressed = false;\n }\n } else if (isShiftPressed) {\n if (playerXP > 0) {\n playerXP -= 0.3;\n blendMode(DIFFERENCE);\n background(255);\n applyScreenShake(); // Apply screen shake effect\n drawCanvasBackground();\n handlePlayerMovement();\n updateAndDrawBullets();\n updateAndDrawEnemies();\n updateAndDrawXP();\n updateAndDrawExtraLives();\n checkCollisions();\n updateAndDrawEnemyBullets();\n blendMode(BLEND);\n } else {\n isShiftPressed = false;\n }\n } else {\n applyScreenShake(); // Apply screen shake effect\n drawCanvasBackground();\n handlePlayerMovement();\n handleShooting();\n handleAutoHomingBullets();\n updateAndDrawBullets();\n updateAndDrawEnemies();\n updateAndDrawEnemyBullets();\n updateAndDrawXP();\n updateAndDrawExtraLives();\n checkCollisions();\n }\n\n if (isLaserActive) {\n drawLaserBeam(); // Draw the laser beam\n }\n\n updateAndDrawMiniLaserBeams(); // Update and draw the mini laser beams\n\n drawImplodingMessage();\n\n // Handle invincibility timer\n if (isPlayerInvincible && millis() > invincibilityEndTime) {\n isPlayerInvincible = false;\n }\n\n // Flash the player sprite if invincible\n if (isPlayerInvincible) {\n if (frameCount % 30 < 15) { // Flash every 15 frames\n drawPlayer(); // Draw the player sprite\n }\n } else {\n drawPlayer(); // Draw the player sprite normally\n }\n\n // Increment player XP every 2 seconds\n if (millis() - lastXPIncrementTime > 2000) {\n playerXP = min(playerXP + 1, 100); // Increment player XP and cap at 100\n lastXPIncrementTime = millis(); // Update the last XP increment time\n }\n }\n\n // Draw and update the boss if it exists\n if (bossEnemy) {\n bossEnemy.update();\n bossEnemy.draw();\n }\n}\nfunction drawScrollingBackground() {\n if (backgroundImage) {\n // Draw the first background image\n image(backgroundImage, 0, bgY1, width, height);\n // Draw the second background image\n image(backgroundImage, 0, bgY2, width, height);\n\n // Update the positions of the background images\n bgY1 += 2;\n bgY2 += 2;\n\n // Reset positions to create a seamless loop\n if (bgY1 >= height) {\n bgY1 = -height;\n }\n if (bgY2 >= height) {\n bgY2 = -height;\n }\n } else {\n console.log(\"Background image not loaded\");\n }\n}\nfunction updateAndDrawEnemies() {\n for (let i = enemies.length - 1; i >= 0; i--) {\n enemies[i].update();\n enemies[i].draw();\n\n if (enemies[i].isOffScreen()) {\n enemies.splice(i, 1);\n if (random(1) < 0.2) {\n // 20% chance to spawn a CircularEnemy\n spawnCircularEnemy();\n } else if (!bossSpawned) {\n spawnEnemyGroup();\n }\n }\n }\n\n // Draw and update the boss if it exists\n if (bossEnemy) {\n bossEnemy.update();\n bossEnemy.draw();\n }\n}\nfunction updateAndDrawEnemyBullets() {\n for (let i = enemyBullets.length - 1; i >= 0; i--) {\n enemyBullets[i].update();\n enemyBullets[i].draw();\n\n if (enemyBullets[i].isOffScreen()) {\n enemyBullets.splice(i, 1);\n }\n }\n}\n\n\nfunction updateAndDrawMiniLaserBeams() {\n for (let i = miniLaserBeams.length - 1; i >= 0; i--) {\n if (miniLaserBeams[i]) {\n miniLaserBeams[i].update();\n miniLaserBeams[i].draw();\n\n // Check for collisions with enemies\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (miniLaserBeams[i] && miniLaserBeams[i].hits(enemies[j])) {\n enemies.splice(j, 1);\n miniLaserBeams.splice(i, 1);\n break;\n }\n }\n\n // Check for collisions with enemy bullets\n for (let j = enemyBullets.length - 1; j >= 0; j--) {\n if (miniLaserBeams[i] && miniLaserBeams[i].hitsBullet(enemyBullets[j])) {\n enemyBullets.splice(j, 1);\n miniLaserBeams.splice(i, 1);\n break;\n }\n }\n\n if (miniLaserBeams[i] && miniLaserBeams[i].isOffScreen()) {\n miniLaserBeams.splice(i, 1);\n }\n }\n }\n}\nfunction drawLaserBeam() {\n fill(255, 0, 0); // Red color for the laser beam\n noStroke(); // Disable the stroke\n const beamWidth = 20; // Width of the laser beam\n rect(playerX - beamWidth / 2, 0, beamWidth, playerY); // Draw the laser beam from the player to the top of the screen\n\n // Check for collisions with enemies\n for (let i = enemies.length - 1; i >= 0; i--) {\n if (enemies[i].y < playerY && abs(enemies[i].x - playerX) < beamWidth / 2 + enemies[i].size / 2) {\n enemies.splice(i, 1); // Remove the enemy if it collides with the laser beam\n }\n }\n\n // Check for collisions with enemy bullets\n for (let i = enemyBullets.length - 1; i >= 0; i--) {\n if (enemyBullets[i].y < playerY && abs(enemyBullets[i].x - playerX) < beamWidth / 2 + 5) {\n enemyBullets.splice(i, 1); // Remove the enemy bullet if it collides with the laser beam\n }\n }\n}\nfunction drawImplodingMessage() {\n const canvasWidth = windowWidth * 0.625;\n const canvasHeight = windowHeight;\n\n textAlign(CENTER, CENTER);\n textSize(50);\n fill(255, 0, 0, 128); // Red color with 50% transparency\n text('IMPLODING', canvasWidth / 2, canvasHeight / 2);\n}\nfunction drawBulletCounter() {\n const canvasWidth = windowWidth * 0.625;\n const leftWidth = (canvasWidth / 3) * 2;\n const rightWidth = canvasWidth / 3;\n\n // Display bullet counter in the gray box with slight transparency\n textAlign(LEFT, TOP);\n textSize(20);\n fill(255, 255, 255, 200); // White color with slight transparency (alpha = 200)\n text(`Bullets: ${bulletCounter}`, leftWidth + 20, 20);\n}\nfunction drawHomeScreen() {\n background(50);\n textAlign(CENTER, CENTER);\n textSize(32);\n fill(255);\n text('Bullet Hell Game', width / 2, height / 3);\n textSize(24);\n text('Play', width / 2, height / 2);\n}\n\nfunction drawCanvasBackground() {\n const canvasWidth = windowWidth * 0.625;\n const leftWidth = (canvasWidth / 3) * 2;\n const rightWidth = canvasWidth / 3;\n\n // fill(200);\n // rect(0, 0, leftWidth, height);\n\n fill(100);\n rect(leftWidth, 0, rightWidth, height);\n\n drawStatsBar(leftWidth, rightWidth);\n drawPlayer(); // Ensure this is called\n}\n\nfunction drawStatsBar(x, width) {\n textAlign(LEFT, CENTER);\n textSize(20); // Adjusted text size for the \"Lives:\" label\n fill(255);\n text('Lives:', x + 20, 40);\n\n textFont(fontAwesome);\n textSize(16); // Further reduced text size for the hearts\n let hearts = '';\n for (let i = 0; i < playerLives; i++) {\n hearts += '\\uf004 ';\n }\n text(hearts, x + 20, 60); // Adjusted the position to align with smaller size\n\n // Draw XP bar\n textSize(20); // Adjusted text size for the XP label\n text('XP:', x + 20, 100);\n fill(0, 255, 0);\n rect(x + 20, 130, (playerXP / 100) * (width - 40), xpBarWidth); // XP bar capped at 100\n noFill();\n stroke(255);\n rect(x + 20, 130, width - 40, xpBarWidth);\n}\n\n\n\nfunction mousePressed() {\n if (gameState === 'home') {\n const playButtonX = width / 2;\n const playButtonY = height / 2;\n const buttonWidth = 100;\n const buttonHeight = 50;\n\n if (mouseX > playButtonX - buttonWidth / 2 &&\n mouseX < playButtonX + buttonWidth / 2 &&\n mouseY > playButtonY - buttonHeight / 2 &&\n mouseY < playButtonY + buttonHeight / 2) {\n gameState = 'game';\n }\n }\n}\n\nfunction keyPressed() {\n keys[keyCode] = true;\n\n if (keyCode === SHIFT) {\n isShiftPressed = true;\n }\n\n if (keyCode === 88) { // 'X' key code\n if (playerXP >= 30) {\n playerXP -= 30; // Deduct 30 XP\n const numRainbowBullets = 10;\n for (let i = 0; i < numRainbowBullets; i++) {\n bullets.push(new RainbowBullet(playerX, playerY));\n }\n\n // Set a timeout to respawn enemies after 3 seconds\n setTimeout(spawnEnemyGroup, 3000);\n }\n }\n\n if (keyCode === 32 && playerXP >= 50) { // Spacebar key code\n playerXP -= 50; // Deduct 50 XP\n isLaserActive = true; // Activate laser\n shakeDuration = 60; // Set shake duration to 30 frames (0.5 seconds at 60fps)\n setTimeout(() => {\n isLaserActive = false; // Deactivate laser after a short duration\n }, 3000); // Laser lasts for 2 seconds\n\n // Shoot mini laser beams in different directions\n const numBeams = 1000;\n for (let i = 0; i < numBeams; i++) {\n const angle = TWO_PI / numBeams * i;\n miniLaserBeams.push(new MiniLaserBeam(playerX, playerY, angle));\n setTimeout(spawnEnemyGroup, 3000);\n\n\n }\n\n }\n\n if (keyCode === 90 && playerXP >= 20) { // 'Z' key code\n playerXP -= 20; // Deduct 20 XP\n shootWavyCircularBullets(); // Shoot wavy circular bullets\n }\n\n if (keyCode === 81 && playerXP >= 100) { // 'Q' key code\n playerXP = 0; // Reset player XP\n isTimeStopped = true; // Activate time stop\n timeStopEndTime = millis() + 2000; // Set time stop duration to 10 seconds\n isLaserActive = true; // Activate laser\n shakeDuration = 200; // Set shake duration to 30 frames (0.5 seconds at 60fps)\n setTimeout(() => {\n isLaserActive = false; // Deactivate laser after a short duration\n }, 4000); // Laser lasts for 4 seconds\n if (zunSound) {\n zunSound.play();\n }\n // Shoot mini laser beams in different directions\n const numBeams = 50;\n for (let i = 0; i < numBeams; i++) {\n const angle = TWO_PI / numBeams * i;\n miniLaserBeams.push(new MiniLaserBeam(playerX, playerY, angle));\n setTimeout(spawnEnemyGroup, 3000);\n const laserInterval = setInterval(shootLaserBeamsLeftRight, 100);\n setTimeout(() => {\n clearInterval(laserInterval);\n isTimeStopped = false; // Deactivate time stop\n }, 3000); // Laser lasts for 3 seconds\n }\n\n const numRainbowBullets = 100;\n for (let i = 0; i < numRainbowBullets; i++) {\n bullets.push(new RainbowBullet(playerX, playerY));\n }\n bullets.push(new BlackHoleBullet(playerX, playerY, mouseX, mouseY));\n }\n if (keyCode === 69 && playerXP >= 20) { // 'E' key code\n playerXP -= 20; // Deduct 20 XP\n const canvasWidth = windowWidth * 0.625;\n const spawnX = random((canvasWidth / 3) * 2);\n extraLives.push(new ExtraLife(spawnX, 0)); // Spawn a new extra life at the top of the screen\n }\n}\nfunction keyReleased() {\n keys[keyCode] = false;\n\n if (keyCode === SHIFT) {\n isShiftPressed = false;\n }\n}\nfunction handlePlayerMovement() {\n if (isLaserActive) return; // Prevent movement when laser is active\n\n const playerRadius = 10;\n const currentSpeed = isShiftPressed ? playerSpeed / 2 : playerSpeed; // Slow down if Shift is pressed\n\n if (keys[87] || keys[119]) { // 'W' or 'w'\n if (playerY - playerRadius > 0) {\n playerY -= currentSpeed;\n }\n }\n if (keys[83] || keys[115]) { // 'S' or 's'\n if (playerY + playerRadius < height) {\n playerY += currentSpeed;\n }\n }\n if (keys[65] || keys[97]) { // 'A' or 'a'\n if (playerX - playerRadius > 0) {\n playerX -= currentSpeed;\n }\n }\n if (keys[68] || keys[100]) { // 'D' or 'd'\n if (playerX + playerRadius < rightWallX) {\n playerX += currentSpeed;\n }\n }\n}\nfunction handleShooting() {\n let currentTime = millis();\n\n // Prevent shooting if Shift key is held\n if (isShiftPressed) {\n return;\n }\n\n const directions = {\n up: [\n { x: -7, y: -7 }, // Left-up\n { x: 0, y: -10 }, // Up\n { x: 7, y: -7 } // Right-up\n ],\n down: [\n { x: -7, y: 7 }, // Left-down\n { x: 0, y: 10 }, // Down\n { x: 7, y: 7 } // Right-down\n ],\n left: [\n { x: -10, y: -7 }, // Left-up\n { x: -10, y: 0 }, // Left\n { x: -10, y: 7 } // Left-down\n ],\n right: [\n { x: 10, y: -7 }, // Right-up\n { x: 10, y: 0 }, // Right\n { x: 10, y: 7 } // Right-down\n ]\n };\n\n if (bulletCounter > 0) { // Check if there are bullets available\n if (keyIsDown(UP_ARROW) && currentTime - lastFireTime['up'] >= fireCooldown) {\n for (const dir of directions.up) {\n bullets.push(new Bullet(playerX, playerY, playerX + dir.x, playerY + dir.y));\n }\n lastFireTime['up'] = currentTime;\n bulletCounter--; // Decrease bullet counter\n } else if (keyIsDown(DOWN_ARROW) && currentTime - lastFireTime['down'] >= fireCooldown) {\n for (const dir of directions.down) {\n bullets.push(new Bullet(playerX, playerY, playerX + dir.x, playerY + dir.y));\n }\n lastFireTime['down'] = currentTime;\n bulletCounter--; // Decrease bullet counter\n } else if (keyIsDown(LEFT_ARROW) && currentTime - lastFireTime['left'] >= fireCooldown) {\n for (const dir of directions.left) {\n bullets.push(new Bullet(playerX, playerY, playerX + dir.x, playerY + dir.y));\n }\n lastFireTime['left'] = currentTime;\n bulletCounter--; // Decrease bullet counter\n } else if (keyIsDown(RIGHT_ARROW) && currentTime - lastFireTime['right'] >= fireCooldown) {\n for (const dir of directions.right) {\n bullets.push(new Bullet(playerX, playerY, playerX + dir.x, playerY + dir.y));\n }\n lastFireTime['right'] = currentTime;\n bulletCounter--; // Decrease bullet counter\n }\n }\n}\nfunction updateAndDrawBullets() {\n for (let i = bullets.length - 1; i >= 0; i--) {\n bullets[i].update();\n bullets[i].draw();\n\n if (bullets[i].isOffScreen()) {\n bullets.splice(i, 1);\n }\n }\n}\n\nfunction updateAndDrawEnemyBullets() {\n for (let i = enemyBullets.length - 1; i >= 0; i--) {\n enemyBullets[i].update();\n enemyBullets[i].draw();\n\n if (enemyBullets[i].isOffScreen()) {\n enemyBullets.splice(i, 1);\n }\n }\n}\n\nfunction updateAndDrawEnemies() {\n for (let i = enemies.length - 1; i >= 0; i--) {\n enemies[i].update();\n enemies[i].draw();\n\n if (enemies[i].isOffScreen()) {\n enemies.splice(i, 1);\n if (random(1) < 0.2) {\n // 20% chance to spawn a CircularEnemy\n spawnCircularEnemy();\n } else {\n spawnEnemyGroup();\n }\n }\n }\n}\n\nfunction spawnEnemyGroup() {\n if (enemyKillCount >= enemyKillLimit) return; // Stop spawning if the kill limit is reached\n\n const canvasWidth = windowWidth * 0.625;\n\n // Increment the spawn counter\n spawnCounter++;\n\n // Increase the number of enemies to spawn every other spawn\n if (spawnCounter % 2 === 0) {\n numEnemiesToSpawn++;\n }\n\n // Ensure we don't spawn more enemies than the maximum allowed\n const maxEnemies = 10;\n const enemiesToSpawn = Math.min(numEnemiesToSpawn, maxEnemies - enemies.length);\n\n for (let i = 0; i < enemiesToSpawn; i++) {\n const spawnX = random((canvasWidth / 3) * 2);\n const spawnY = random(-100, 0); // Slightly above the top of the screen\n\n const randomValue = random(1);\n if (randomValue < 0.15) {\n // 15% chance to spawn a WavyEnemy\n enemies.push(new WavyEnemy(spawnX, spawnY));\n } else if (randomValue < 0.3) {\n // 15% chance to spawn a CircularEnemy\n enemies.push(new CircularEnemy(spawnX, spawnY));\n } else if (randomValue < 0.45) {\n // 15% chance to spawn a CircularShootingEnemy\n enemies.push(new CircularShootingEnemy(spawnX, spawnY));\n } else if (randomValue < 0.6) {\n // 15% chance to spawn a ShockwaveEnemy\n enemies.push(new ShockwaveEnemy(spawnX, spawnY));\n } else if (randomValue < 0.7) {\n // 10% chance to spawn a SlowShooterEnemy\n enemies.push(new SlowShooterEnemy(spawnX, spawnY));\n } else if (randomValue < 0.8) {\n // 10% chance to spawn a SpiralEnemy\n enemies.push(new SpiralEnemy(spawnX, spawnY));\n } else if (randomValue < 0.9) {\n // 10% chance to spawn a PatternEnemy\n enemies.push(new PatternEnemy(spawnX, spawnY));\n } else {\n enemies.push(new Enemy(spawnX, spawnY));\n }\n }\n}\nfunction spawnCircularEnemy() {\n const canvasWidth = windowWidth * 0.625;\n const spawnX = random((canvasWidth / 3) * 2);\n const spawnY = random(-100, 0); // Slightly above the top of the screen\n enemies.push(new CircularEnemy(spawnX, spawnY));\n}\n\nfunction findNearestEnemy() {\n let nearestEnemy = null;\n let minDistance = Infinity;\n\n for (let enemy of enemies) {\n const distance = dist(playerX, playerY, enemy.x, enemy.y);\n if (distance < minDistance) {\n minDistance = distance;\n nearestEnemy = enemy;\n }\n }\n\n return nearestEnemy;\n}\n\nfunction handleAutoHomingBullets() {\n if (autoHomingBulletsActive) {\n let currentTime = millis();\n if (currentTime - lastAutoShootTime >= autoShooterCooldown) {\n let nearestEnemy = findNearestEnemy();\n if (nearestEnemy) {\n bullets.push(new Bullet(playerX, playerY, nearestEnemy.x, nearestEnemy.y, 255)); // Shoot homing bullet towards nearest enemy\n }\n lastAutoShootTime = currentTime;\n }\n }\n}\n\nfunction updateAndDrawExtraLives() {\n for (let i = extraLives.length - 1; i >= 0; i--) {\n extraLives[i].update();\n extraLives[i].draw();\n\n if (extraLives[i].isOffScreen()) {\n extraLives.splice(i, 1);\n } else if (extraLives[i].collectedByPlayer(playerX, playerY)) {\n if (playerLives < 5) { // Ensure player lives do not exceed 5\n playerLives++; // Increment player lives\n }\n extraLives.splice(i, 1);\n }\n }\n}\nfunction updateAndDrawXP() {\n for (let i = xpDrops.length - 1; i >= 0; i--) {\n xpDrops[i].update(playerX, playerY);\n xpDrops[i].draw();\n\n if (xpDrops[i].isOffScreen()) {\n xpDrops.splice(i, 1);\n } else if (xpDrops[i].collectedByPlayer(playerX, playerY) && playerXP < 100) {\n playerXP += 5; // Increment player XP\n playerXP = min(playerXP, 100); // Cap player XP at 100\n xpDrops.splice(i, 1);\n }\n }\n}\nfunction resetGame() {\n gameState = 'home'; // Reset game state to home\n playerLives = 3;\n enemies = [new Enemy(random((windowWidth * 0.625 / 3) * 2), 0)];\n bullets = [];\n enemyBullets = [];\n xpDrops = [];\n extraLives = [];\n playerXP = 0;\n xpToNextLevel = 100;\n bulletCounter = 30; // Reset bullet counter\n}\n\nfunction applyScreenShake() {\n if (shakeDuration > 0) {\n const dx = random(-shakeMagnitude, shakeMagnitude);\n const dy = random(-shakeMagnitude, shakeMagnitude);\n translate(dx, dy);\n shakeDuration--;\n }\n}\nfunction shootWavyCircularBullets() {\n const numBullets = 30; // Number of bullets in the circular pattern\n const amplitude = 50; // How far left and right the bullets will wave\n const frequency = 0.1; // How fast the bullets will wave\n const centerX = playerX;\n const centerY = playerY;\n const waveOffset = millis() / 1000; // Offset for creating the wavy effect\n\n for (let i = 0; i < numBullets; i++) {\n const angle = TWO_PI / numBullets * i;\n const targetX = centerX + cos(angle) * amplitude * cos(waveOffset + i * frequency);\n const targetY = centerY + sin(angle) * amplitude * sin(waveOffset + i * frequency);\n bullets.push(new Bullet(centerX, centerY, targetX, targetY));\n }\n}\nfunction shootLaserBeamsLeftRight() {\n const leftAngle = PI; // Angle for shooting left\n const rightAngle = 0; // Angle for shooting right\n\n miniLaserBeams.push(new MiniLaserBeam(playerX, playerY, leftAngle));\n miniLaserBeams.push(new MiniLaserBeam(playerX, playerY, rightAngle));\n}\n","style.css":"body {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: black;\n}\n\ncanvas {\n display: block;\n width: 62.5%; /* 5/8th of the screen */\n height: auto;\n}","index.html":"\n\n\n\n \n \n Bullet Hell\n \n \n\n\n\n \n \n \n\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"o1hbhshm0hcu2c0nchlp","name":"player","deleted":false,"id":8756,"created_at":"2024-06-17T21:57:07.507436Z","project_id":1963,"resource_type":"image"},{"cloudinary_id":"lurku2j55pypdjd8axxl","name":"XP","deleted":false,"id":8755,"created_at":"2024-06-17T21:57:07.505970Z","project_id":1963,"resource_type":"image"},{"cloudinary_id":"j0tiofb8ok51hepynw02","name":"enemy2","deleted":false,"id":8754,"created_at":"2024-06-17T21:57:07.504628Z","project_id":1963,"resource_type":"image"},{"cloudinary_id":"cghtcn4t6h5qab8w8gwm","name":"enemy1","deleted":false,"id":8753,"created_at":"2024-06-17T21:57:07.503333Z","project_id":1963,"resource_type":"image"},{"cloudinary_id":"kyfvz33g2xk5vu9ooooc","name":"zun","deleted":false,"id":8752,"created_at":"2024-06-17T21:57:07.501863Z","project_id":1963,"resource_type":"video"},{"cloudinary_id":"ew1jz43wanr0laas2rg8","name":"enemy4","deleted":false,"id":8751,"created_at":"2024-06-17T21:57:07.500281Z","project_id":1963,"resource_type":"image"},{"cloudinary_id":"ajhgah0htjjxsdjllnxn","name":"background","deleted":false,"id":8750,"created_at":"2024-06-17T21:57:07.498695Z","project_id":1963,"resource_type":"image"}],"messages_sent":0,"comments":[{"content":"ILOVE YOU","id":1116,"user_id":230,"user":{"photo":null,"email":"virginia.gray@alpha.school","recess_id":null,"created_at":"2024-10-15T14:35:03.910401Z","reset_token":null,"stripe_customer_id":"","seats":null,"username":"ginny","id":230,"password_hash":"$2b$12$LMIPzoagaFZCklU3PrQh7.xYmNRf9jHzv3NTH6wtKeLoeQyzeoy.m","updated_at":"2024-10-15T14:35:03.910408Z","reset_token_expiry":null,"subscription_status":""},"project_id":1963,"created_at":"2025-03-31T18:57:27.693486Z","updated_at":"2025-03-31T18:57:27.693490Z"}],"steps":[{"instruction":"Designing different enemy attack patterns like circular spread, concentric circles, wave patterns, random scatter, and homing bullets.","title":"Unique Enemy Attack Patterns","created_at":"2024-05-13T21:08:16.290666","project_id":1963,"complete":false,"step_number":0,"updated_at":"2024-06-17T21:57:07.491073","id":10003},{"instruction":"Implementing smooth and responsive controls for the player's character to navigate through the bullet patterns.","title":"Player Movement Controls","created_at":"2024-05-13T21:08:16.290739","project_id":1963,"complete":false,"step_number":1,"updated_at":"2024-06-17T21:57:07.491150","id":10004},{"instruction":"Detecting collisions between the player character and enemy bullets to determine hits and misses.","title":"Collision Detection","created_at":"2024-05-13T21:08:16.290797","project_id":1963,"complete":false,"step_number":2,"updated_at":"2024-06-17T21:57:07.491198","id":10005},{"instruction":"Implementing a scoring system to track players' performance as they survive through the attack patterns.","title":"Scoring System","created_at":"2024-05-13T21:08:16.290857","project_id":1963,"complete":false,"step_number":3,"updated_at":"2024-06-17T21:57:07.491242","id":10006},{"instruction":"Adding power-up items that can aid the player in navigating through the challenging bullet patterns.","title":"Power-ups","created_at":"2024-05-13T21:08:16.290918","project_id":1963,"complete":false,"step_number":4,"updated_at":"2024-06-17T21:57:07.491288","id":10007},{"instruction":"Designing epic boss battles with unique attack patterns and phases for an even more intense bullet hell experience.","title":"Boss Battles","created_at":"2024-05-13T21:08:16.290989","project_id":1963,"complete":false,"step_number":5,"updated_at":"2024-06-17T21:57:07.491345","id":10008},{"instruction":"Incorporating immersive sound effects and music to enhance the intensity and excitement of the gameplay.","title":"Sound Effects and Music","created_at":"2024-05-13T21:08:16.291056","project_id":1963,"complete":false,"step_number":6,"updated_at":"2024-06-17T21:57:07.491389","id":10009},{"instruction":"Adding visually stunning effects to the attack patterns and player actions for a captivating visual experience.","title":"Visual Effects","created_at":"2024-05-13T21:08:16.291118","project_id":1963,"complete":false,"step_number":7,"updated_at":"2024-06-17T21:57:07.491433","id":10010}]}