Enemy Mayhem

{"name":"The last stand 3.9","description":"Survive the onslaught of diverse enemies in this action-packed game!","photo":null,"view_count":2,"fork_count":0,"expires_at":null,"created_at":"2024-06-21T17:50:18.616292Z","updated_at":"2024-06-21T17:50:18.616294Z","user_id":5,"status":"PUBLIC","parent_id":808,"id":2022,"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},"code":{"script.js":"let allies = [];\nlet startTime;\nlet elapsedTime = 0;\nlet killCount = 0;\nlet player;\nlet projectiles = [];\nlet enemies = [];\nlet particles = [];\nlet blackBackgroundStartTime = 0;\nlet blackBackgroundDuration = 10000; // 10 seconds\n\nclass Particle {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = random(3, 6);\n this.xSpeed = random(-1.5, 1.5); // Decrease the range of the initial x velocity\n this.ySpeed = random(-1.5, 1.5); // Decrease the range of the initial y velocity\n }\n\n move() {\n this.x += this.xSpeed;\n this.y += this.ySpeed;\n this.size -= 0.04; // Increase the rate at which the particles shrink\n }\n\n show() {\n noStroke();\n fill(400, 320, 0);\n ellipse(this.x, this.y, this.size);\n }\n}\n\nclass Player {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.speed = 5;\n }\n\n show() {\n fill(0, 0, 255);\n triangle(this.x, this.y, this.x - 20, this.y + 40, this.x + 20, this.y + 40);\n }\n\n move() {\n if ((keyIsDown(LEFT_ARROW) || keyIsDown(65)) && this.x - 20 > 0) {\n this.x -= this.speed;\n }\n if ((keyIsDown(RIGHT_ARROW) || keyIsDown(68)) && this.x + 20 < width) {\n this.x += this.speed;\n }\n if ((keyIsDown(UP_ARROW) || keyIsDown(87)) && this.y - 40 > 0) {\n this.y -= this.speed;\n }\n if ((keyIsDown(DOWN_ARROW) || keyIsDown(83)) && this.y + 40 < height) {\n this.y += this.speed;\n }\n }\n}\n\nclass Projectile {\n constructor(startX, startY, targetX, targetY) {\n this.x = startX;\n this.y = startY;\n let direction = createVector(targetX - startX, targetY - startY);\n direction.normalize();\n this.velocity = direction.mult(22);\n this.ricochet = false; // Add a flag to prevent ricochet after hitting an enemy\n }\n\n move() {\n if (this.x <= 0 || this.x >= width) {\n this.velocity.x *= -1;\n this.ricochet = true;\n }\n if (this.y <= 0 || this.y >= height) {\n this.velocity.y *= -1;\n this.ricochet = true;\n }\n this.x += this.velocity.x;\n this.y += this.velocity.y;\n }\n\n show() {\n fill(255);\n ellipse(this.x, this.y, 5, 5);\n }\n\n hits(enemy) {\n let d = dist(this.x, this.y, enemy.x, enemy.y);\n if (d < 5 + 20 && !this.ricochet) { // Check if not ricocheted for collision\n this.ricochet = true; // Prevent further ricochet\n return true;\n }\n return false;\n }\n}\n\nclass Enemy {\n constructor(targetX, targetY) {\n let buffer = 50; // Distance from edge\n let side = Math.floor(Math.random() * 4);\n switch (side) {\n case 0: // Top\n this.x = buffer + Math.random() * (width - 2 * buffer);\n this.y = buffer;\n break;\n case 1: // Right\n this.x = width - buffer;\n this.y = buffer + Math.random() * (height - 2 * buffer);\n break;\n case 2: // Bottom\n this.x = buffer + Math.random() * (width - 2 * buffer);\n this.y = height - buffer;\n break;\n case 3: // Left\n this.x = buffer;\n this.y = buffer + Math.random() * (height - 2 * buffer);\n break;\n }\n let direction = createVector(targetX - this.x, targetY - this.y);\n direction.normalize();\n this.velocity = direction.mult(2);\n }\n\n move() {\n if (this.x - 20 < 0 || this.x + 20 > width) {\n this.velocity.x *= -1;\n }\n if (this.y - 20 < 0 || this.y + 20 > height) {\n this.velocity.y *= -1;\n }\n this.x += this.velocity.x;\n this.y += this.velocity.y;\n }\n\n show() {\n fill(255, 0, 0);\n ellipse(this.x, this.y, 40, 40);\n }\n\n hits(player) {\n let d = dist(this.x, this.y, player.x, player.y);\n return (d < 16 + 16); // Reduce 40 (radius of the enemy) to 20, as the player triangle tip is the point of contact.\n }\n}\n\nclass FastEnemy extends Enemy {\n constructor(targetX, targetY) {\n super(targetX, targetY);\n this.velocity.mult(2);\n }\n\n show() {\n fill(255, 255, 0);\n ellipse(this.x, this.y, 40, 40);\n }\n}\n\nclass GreenEnemy extends Enemy {\n constructor(targetX, targetY) {\n super(targetX, targetY);\n this.velocity.mult(0.75); // Increase the speed\n this.spawnTimer = 0;\n this.health = 2; // Add a health property\n }\n\n show() {\n fill(0, 255, 0);\n ellipse(this.x, this.y, 40, 40);\n }\n\n spawn() {\n this.spawnTimer++;\n if (this.spawnTimer > 100) {\n this.spawnTimer = 0;\n let newEnemy;\n let enemyType = Math.random();\n if (enemyType < 0.3) {\n newEnemy = new GreenEnemy(player.x, player.y);\n } else if (enemyType < 0.6) {\n newEnemy = new FastEnemy(player.x, player.y);\n } else {\n newEnemy = new Enemy(player.x, player.y);\n }\n enemies.push(newEnemy);\n }\n }\n\n // Decrease the health of the enemy\n hit() {\n this.health--;\n }\n\n\n isDead() {\n if (this.health <= 0) {\n this.spawnTwo();\n return true;\n }\n return false;\n }\n\n spawnTwo() {\n for (let i = 0; i < 2; i++) {\n let newEnemy;\n let enemyType = Math.random();\n if (enemyType < 0.3) {\n newEnemy = new GreenEnemy(this.x, this.y);\n } else if (enemyType < 0.6) {\n newEnemy = new FastEnemy(this.x, this.y);\n } else {\n newEnemy = new Enemy(this.x, this.y);\n }\n enemies.push(newEnemy);\n }\n }\n}\n\nclass CyanEnemy extends Enemy {\n constructor(targetX, targetY) {\n super(targetX, targetY);\n this.velocity.mult(3.8); // Increase the speed\n this.health = 3;\n }\n\n\n show() {\n fill(0, 255, 255);\n ellipse(this.x, this.y, 40, 40);\n }\n\n move() {\n super.move();\n if (Math.random() < 0.01) { // 1% chance to change direction\n this.velocity.rotate(random(-PI / 4, PI / 4));\n }\n }\n\n hit() {\n this.health--;\n }\n\n isDead() {\n return this.health <= 0;\n }\n}\n\nclass OrangeEnemy extends Enemy {\n constructor(targetX, targetY) {\n super(targetX, targetY);\n this.teleportTimer = 0;\n }\n\n show() {\n fill(255, 165, 0);\n ellipse(this.x, this.y, 40, 40);\n }\n\n move() {\n super.move();\n this.teleportTimer++;\n if (this.teleportTimer > 31) {\n this.teleportTimer = 0;\n this.x = Math.random() * width;\n this.y = Math.random() * height;\n }\n }\n}\n\nclass Ally {\n constructor(x, y, index) {\n this.x = x;\n this.y = y;\n this.shootTimer = 0;\n this.index = index;\n }\n\n show() {\n fill(0, 0, 255);\n rect(this.x, this.y, 20, 20);\n }\n\n shoot() {\n this.shootTimer++;\n if (this.shootTimer > 35) {\n this.shootTimer = 0;\n let enemy = enemies[this.index];\n if (enemy) {\n projectiles.push(new Projectile(this.x, this.y, enemy.x, enemy.y));\n }\n }\n }\n}\n\nfunction setup() {\n createCanvas(1000, 800);\n for (let i = 0; i < 3; i++) {\n allies.push(new Ally(width / 4 + i * 30, height / 4, i));\n }\n player = new Player(width / 2, height - 50);\n startTime = millis();\n let button = select('#restart-button');\n button.mousePressed(restartGame);\n setInterval(spawnEnemy, 184);\n}\n\nfunction mouseClicked() {\n projectiles.push(new Projectile(player.x, player.y, mouseX, mouseY));\n}\n\nfunction spawnEnemy() {\n let newEnemy;\n let enemyType = Math.random();\n if (enemyType < 0.1) { // 2% chance of OrangeEnemy\n newEnemy = new OrangeEnemy(player.x, player.y);\n } else if (enemyType < 0.18) { // 8% chance of GreenEnemy or CyanEnemy\n if (Math.random() < 0.3) { // 30% chance to spawn GreenEnemy\n newEnemy = new GreenEnemy(player.x, player.y);\n } else { // 70% chance to spawn CyanEnemy\n newEnemy = new CyanEnemy(player.x, player.y);\n }\n } else if (enemyType < 0.37) { // 27% chance of FastEnemy\n newEnemy = new FastEnemy(player.x, player.y);\n } else { // 63% chance of regular Enemy\n newEnemy = new Enemy(player.x, player.y);\n }\n enemies.push(newEnemy);\n}\n\n\nfunction draw() {\n background(0); // Black background\n\n player.show();\n player.move();\n\n for (let i = 0; i < allies.length; i++) {\n allies[i].show();\n allies[i].shoot();\n }\n\n for (let i = projectiles.length - 1; i >= 0; i--) {\n projectiles[i].move();\n projectiles[i].show();\n\n // Check if projectile has left the canvas\n if (projectiles[i].x < 0 || projectiles[i].x > width || projectiles[i].y < 0 || projectiles[i].y > height) {\n // Add explosion particles\n for (let k = 0; k < 20; k++) {\n particles.push(new Particle(projectiles[i].x, projectiles[i].y));\n }\n\n projectiles.splice(i, 1);\n continue;\n }\n\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (projectiles[i].hits(enemies[j])) {\n // Add explosion particles\n for (let k = 0; k < 20; k++) {\n particles.push(new Particle(projectiles[i].x, projectiles[i].y));\n }\n\n projectiles.splice(i, 1);\n enemies.splice(j, 1);\n killCount++; // Increment the kill count\n // if killCount is a multiple of 20, record the current time\n if (killCount % 20 === 0) {\n blackBackgroundStartTime = millis();\n }\n break;\n }\n }\n }\n\n // Animate and display particles\n for (let i = particles.length - 1; i >= 0; i--) {\n particles[i].move();\n particles[i].show();\n\n if (particles[i].size <= 0) {\n particles.splice(i, 1);\n }\n }\n\n for (let i = 0; i < enemies.length; i++) {\n enemies[i].move();\n enemies[i].show();\n\n if (enemies[i] instanceof GreenEnemy) {\n enemies[i].spawn();\n }\n\n if (enemies[i].hits(player)) {\n console.log(\"Game Over\");\n noLoop();\n }\n }\n\n elapsedTime = Math.floor((millis() - startTime) / 1000);\n textSize(32);\n fill(255, 165, 0); // Orange color\n text('Time: ' + elapsedTime, 10, 50);\n text('Kills: ' + killCount, 10, 90); // Display the kill count\n}\n\nfunction restartGame() {\n player = new Player(width / 2, height - 50);\n projectiles = [];\n enemies = [];\n particles = []; // Reset the particles array\n startTime = millis();\n elapsedTime = 0;\n killCount = 0; // Reset the kill count\n blackBackgroundStartTime = 0; // Reset the time when killCount hit 20\n loop();\n}","style.css":"","index.html":"\n\n\n\n \n \n Enemy Mayhem\n \n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}