Touhou-inspired Bullet Hell Game

{"name":"Touhou-inspired Bullet Hell Game","description":"Dodge intricate bullet patterns and defeat challenging enemies in this Touhou-inspired bullet hell game!","photo":null,"view_count":6,"fork_count":0,"expires_at":null,"created_at":"2024-01-19T17:14:35.061910Z","updated_at":"2024-01-19T17:14:35.061915Z","user_id":2,"status":"PUBLIC","parent_id":343,"id":424,"user":{"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let player;\nlet playerImage;\nlet enemyImage;\nlet bulletImage;\nlet enemyBulletImage;\nlet enemies = [];\nlet bullets = [];\nlet enemyBullets = [];\nlet coins = [];\nlet coinImage;\nlet coinCounter = 0;\nlet enemy2Image;\nlet bullet3Image;\n\n\n\nclass Coin {\n constructor(x, y, speed, image) {\n this.x = x;\n this.y = y;\n this.speed = speed;\n this.image = image;\n }\n\n move() {\n this.y += this.speed;\n }\n\n display() {\n image(this.image, this.x, this.y);\n }\n\n isOffscreen() {\n return this.y > height;\n }\n}\n\n\nfunction spawnEnemy() {\n let enemy = new Enemy();\n enemies.push(enemy);\n}\n\n\n\nclass Bullet {\n constructor(x, y, angle, image) {\n this.x = x;\n this.y = y;\n this.speed = 5;\n this.vx = this.speed * cos(angle);\n this.vy = this.speed * sin(angle);\n this.image = image;\n }\n\n\n move() {\n this.x += this.vx;\n this.y -= this.vy;\n }\n\n display() {\n image(this.image, this.x, this.y);\n }\n}\n\n\n\n\nclass Player {\n constructor() {\n this.x = 0; // Temporary dummy value\n this.y = 0; // Temporary dummy value\n this.speed = 5;\n this.image = playerImage;\n this.lastShot = 0;\n this.health = 100; // Player's initial health\n }\n\n setInitialPosition() {\n this.x = windowWidth / 2;\n this.y = windowHeight / 2;\n }\n\n collects(coin) {\n let d = dist(this.x, this.y, coin.x, coin.y);\n return d < this.image.width / 2 + coin.image.width / 2;\n }\n\n increaseHealth(amount) {\n this.health += amount;\n if (this.health > 100) {\n this.health = 100;\n }\n }\n\n shoot() {\n if (frameCount - this.lastShot >= 30) {\n let bulletsCount = 5;\n let angleStep = PI / (bulletsCount - 1);\n\n for (let i = 0; i < bulletsCount; i++) {\n let angle = -PI / 1 - angleStep * i;\n let bullet = new Bullet(this.x, this.y, angle, bulletImage);\n bullets.push(bullet);\n }\n\n this.lastShot = frameCount;\n }\n }\n decreaseHealth(amount) {\n this.health -= amount;\n if (this.health < 0) {\n this.health = 0;\n }\n }\n collidesWith(enemy) {\n let d = dist(this.x, this.y, enemy.x, enemy.y);\n return d < this.image.width / 2 + enemy.image.width / 2;\n }\n\n\n move(direction) {\n switch (direction) {\n case \"UP\":\n this.y -= this.speed;\n break;\n case \"DOWN\":\n this.y += this.speed;\n break;\n case \"LEFT\":\n this.x -= this.speed;\n break;\n case \"RIGHT\":\n this.x += this.speed;\n break;\n }\n }\n\n display() {\n image(this.image, this.x, this.y);\n }\n hit(bullet) {\n let d = dist(this.x, this.y, bullet.x, bullet.y);\n return d < this.image.width / 2 + bullet.image.width / 2;\n }\n}\n\nclass Enemy {\n constructor() {\n this.x = random(width);\n this.y = 0;\n this.speed = 2;\n this.image = enemyImage;\n }\n\n move() {\n this.y += this.speed;\n }\n\n display() {\n image(this.image, this.x, this.y);\n }\n hit(bullet) {\n let d = dist(this.x, this.y, bullet.x, bullet.y);\n return d < this.image.width / 2 + bullet.image.width / 2;\n }\n shoot() {\n let bulletsCount = 12; // Number of bullets to shoot\n let angleStep = TWO_PI / bulletsCount;\n\n for (let i = 0; i < bulletsCount; i++) {\n let angle = angleStep * i;\n let bullet = new Bullet(this.x, this.y, angle, bullet3Image);\n enemyBullets.push(bullet);\n }\n }\n isOffscreen() {\n return this.y > height;\n }\n}\n\nclass Enemy2 extends Enemy {\n constructor() {\n super();\n this.x = random(width);\n this.y = 0;\n this.speed = 3; // Enemy2 moves faster than the base Enemy\n this.image = enemy2Image;\n }\n\n // Override the shoot method to make Enemy2 shoot more bullets\n shoot() {\n let bulletsCount = 20; // Number of bullets to shoot\n let angleStep = TWO_PI / bulletsCount;\n\n for (let i = 0; i < bulletsCount; i++) {\n let angle = angleStep * i;\n let bullet = new Bullet(this.x, this.y, angle, enemyBulletImage);\n enemyBullets.push(bullet);\n }\n }\n}\nclass Enemy3 extends Enemy {\n constructor() {\n super(); // Call the constructor of the base Enemy class\n this.image = enemy3Image; // Set the image to enemy3Image\n }\n\n // Override the shoot method to make Enemy3 shoot more bullets\n shoot() {\n // Define four angles for the square pattern\n let angles = [0, PI / 2, PI, (3 * PI) / 2, PI / 4, (3 * PI) / 4, (5 * PI) / 4, (7 * PI) / 4]; \n\n for (let i = 0; i < angles.length; i++) {\n let bullet = new Bullet(this.x, this.y, angles[i], enemyBulletImage);\n enemyBullets.push(bullet);\n }\n }\n}\n\n\nfunction preload() {\n playerImage = loadImage(\"@asset('Player')\");\n enemyImage = loadImage(\"@asset('Enemy')\");\n bulletImage = loadImage(\"@asset('Bullet')\");\n enemyBulletImage = loadImage(\"@asset('Enemy_bullet')\");\n coinImage = loadImage(\"@asset('coin')\");\n enemy2Image = loadImage(\"@asset('Enemy_2')\");\n bullet3Image = loadImage(\"@asset('Bullet_3')\");\n enemy3Image = loadImage(\"@asset('Enemy_3')\");\n}\n\nfunction spawnCoin() {\n let x = random(width);\n let y = 0;\n let speed = 2;\n let coin = new Coin(x, y, speed, coinImage);\n coins.push(coin);\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(0);\n player = new Player();\n player.setInitialPosition();\n}\n\n\nfunction draw() {\n\n for (let i = coins.length - 1; i >= 0; i--) {\n coins[i].move();\n coins[i].display();\n\n if (player.collects(coins[i])) {\n coins.splice(i, 1); // Remove the coin\n coinCounter++; // Increase coin counter\n\n if (coinCounter % 10 == 0) {\n player.increaseHealth(10); // Increase player's health by 10\n coinCounter = 0; // Reset coin counter\n }\n }\n }\n for (let i = enemies.length - 1; i >= 0; i--) {\n // ...existing enemy update and display code...\n\n for (let j = bullets.length - 1; j >= 0; j--) {\n if (enemies[i].hit(bullets[j])) {\n bullets.splice(j, 1); // Remove the bullet\n enemies.splice(i, 1); // Remove the enemy\n break;\n }\n }\n }\n\n \n\n // Draw health bar\n fill(255, 0, 0);\n rect(20, 20, 200, 20);\n fill(0, 255, 0);\n rect(20, 20, 2 * player.health, 20);\n\n textSize(20);\n text(\"Coins: \" + coinCounter, 20, 70);\n\n background(0);\n\n if (mouseIsPressed && mouseButton === LEFT) {\n player.shoot();\n }\n\n for (let i = coins.length - 1; i >= 0; i--) {\n coins[i].move();\n coins[i].display();\n\n if (coins[i].isOffscreen()) {\n coins.splice(i, 1);\n }\n }\n\n if (frameCount % 120 == 0) { // Every 120 frames or 2 seconds\n spawnCoin();\n }\n\n if (keyIsDown(32)) { // 32 is the key code for the space bar\n player.shoot();\n }\n\n if (player.health <= 0) {\n textSize(50);\n text(\"Game Over\", width / 2, height / 2);\n noLoop(); // Stop the game loop\n }\n\n fill(0);\n textSize(32);\n text(\"Coins: \" + coinCounter, 10, 100); // Change the y-coordinate here\n\n for (let i = enemies.length - 1; i >= 0; i--) {\n enemies[i].move();\n enemies[i].display();\n\n if (player.collidesWith(enemies[i])) {\n enemies.splice(i, 1); // Remove the enemy\n player.health -= 10;\n }\n }\n\n for (let i = enemies.length - 1; i >= 0; i--) {\n enemies[i].move();\n enemies[i].display();\n\n if (enemies[i].isOffscreen()) {\n enemies.splice(i, 1);\n }\n }\n\n for (let i = bullets.length - 1; i >= 0; i--) {\n bullets[i].move();\n bullets[i].display();\n\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (enemies[j].hit(bullets[i])) {\n enemies.splice(j, 1); // Remove the enemy ship\n bullets.splice(i, 1); // Remove the bullet\n break;\n }\n }\n }\n\n if (frameCount % 60 == 0) { // Every 60 frames or 1 second\n for (let i = 0; i < enemies.length; i++) {\n enemies[i].shoot();\n }\n }\n for (let i = enemyBullets.length - 1; i >= 0; i--) {\n enemyBullets[i].move();\n enemyBullets[i].display();\n\n if (player.hit(enemyBullets[i])) {\n player.decreaseHealth(10); // Decrease player's health by 10\n enemyBullets.splice(i, 1); // Remove the bullet\n }\n }\n for (let i = enemyBullets.length - 1; i >= 0; i--) {\n enemyBullets[i].move();\n enemyBullets[i].display();\n }\n\n if (keyIsDown(87) || keyIsDown(119)) { // 'W' or 'w'\n player.move(\"UP\");\n }\n if (keyIsDown(83) || keyIsDown(115)) { // 'S' or 's'\n player.move(\"DOWN\");\n }\n if (keyIsDown(65) || keyIsDown(97)) { // 'A' or 'a'\n player.move(\"LEFT\");\n }\n if (keyIsDown(68) || keyIsDown(100)) { // 'D' or 'd'\n player.move(\"RIGHT\");\n }\n\n if (frameCount % 30 == 0) { // Every 30 frames or 0.5 seconds\n spawnEnemy();\n }\n\n for (let i = 0; i < enemies.length; i++) {\n enemies[i].move();\n enemies[i].display();\n }\n\n player.display();\n\n for (let i = 0; i < bullets.length; i++) {\n bullets[i].move();\n bullets[i].display();\n }\n fill(255, 0, 0);\n rect(20, 20, 200, 20);\n\n // Draw health bar\n fill(0, 255, 0);\n rect(20, 20, 2 * player.health, 20);\n\n // ...remaining draw code...\n}\n\nfunction keyPressed() {\n // ...existing key press code...\n\n if (key === ' ') {\n player.shoot();\n }\n}\n\nfunction mousePressed() {\n player.shoot();\n}\n\nfunction spawnEnemy() {\n let enemy;\n let rand = random();\n\n if (rand < 0.33) {\n enemy = new Enemy();\n } else if (rand < 0.66) {\n enemy = new Enemy2();\n } else {\n enemy = new Enemy3();\n }\n\n enemies.push(enemy);\n}","style.css":"","index.html":"\n\n\n\n \n \n Touhou-inspired Bullet Hell Game\n \n \n\n\n\n \n\n\n"},"chat_history":[{"deleted":0,"code_id":26518,"input_tokens":null,"id":16129,"project_id":424,"sender":"human","message":"Let's get started!","created_at":"2024-01-19T17:14:37.921284Z","output_tokens":null},{"deleted":0,"code_id":26518,"input_tokens":null,"id":16130,"project_id":424,"sender":"ai","message":"","created_at":"2024-01-19T17:14:37.928039Z","output_tokens":null},{"deleted":0,"code_id":26519,"input_tokens":null,"id":16131,"project_id":424,"sender":"human","message":"set a black bg","created_at":"2024-01-19T17:14:41.849028Z","output_tokens":null},{"deleted":0,"code_id":26519,"input_tokens":null,"id":16132,"project_id":424,"sender":"ai","message":"To set a black background, you would modify the `setup` function in your `script.js` file as follows:\n\n```js\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(0); // 0 denotes black in p5.js\n player = new Player();\n player.setInitialPosition();\n}\n```\n\n- In the setup function, which runs once when the program starts, we're creating a canvas that spans the entire window width and height.\n- The `background(0)` line sets the background color of our canvas to black. In p5.js, color values can range from 0 (black) to 255 (white).\n- We also instantiate a new Player object and set its initial position.","created_at":"2024-01-19T17:14:41.856059Z","output_tokens":null}],"assets":[{"name":"Player","cloudinary_id":"qv1i68iy0y4ywxbjergx","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.082229Z","resource_type":"image","id":694},{"name":"Enemy","cloudinary_id":"cuwtadxflcf9ynxidsam","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.080975Z","resource_type":"image","id":693},{"name":"Bullet","cloudinary_id":"zusan38jvcdvbtbdqsbf","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.079578Z","resource_type":"image","id":692},{"name":"Enemy_bullet","cloudinary_id":"a5jkskd8wymcmxacqqjd","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.078094Z","resource_type":"image","id":691},{"name":"Enemy_2","cloudinary_id":"k6w4qcgg4lqkucjvdnfd","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.076624Z","resource_type":"image","id":690},{"name":"Bullet_3","cloudinary_id":"aodo524psyijlkxybhcs","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.075199Z","resource_type":"image","id":689},{"name":"coin","cloudinary_id":"hw4xg3zu157n90eaubrn","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.073870Z","resource_type":"image","id":688},{"name":"Explosion ","cloudinary_id":"chclw8x9wjilvjwe8gm2","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.072502Z","resource_type":"image","id":687},{"name":"Enemy_3","cloudinary_id":"x8yw9rs8b83o3mpa7yby","deleted":false,"project_id":424,"created_at":"2024-01-19T17:14:35.070957Z","resource_type":"image","id":686}],"messages_sent":2,"comments":[],"steps":[{"title":"Visible Enemy Sprites","step_number":0,"complete":false,"updated_at":"2024-01-19T17:14:35.065630","id":2557,"instruction":"Implement visually appealing enemy sprites that are distinct and recognizable.","created_at":"2024-01-12T16:42:45.445626","project_id":424},{"title":"Player Movement Controls","step_number":1,"complete":false,"updated_at":"2024-01-19T17:14:35.065722","id":2558,"instruction":"Allow players to control their character's movement using keyboard or mouse inputs.","created_at":"2024-01-12T16:42:45.445681","project_id":424},{"title":"Enemy Spawning and Movement","step_number":2,"complete":false,"updated_at":"2024-01-19T17:14:35.065772","id":2559,"instruction":"Design enemy spawning and movement patterns to create challenging gameplay.","created_at":"2024-01-12T16:42:45.445721","project_id":424},{"title":"Enemy Attacks","step_number":3,"complete":false,"updated_at":"2024-01-19T17:14:35.065818","id":2560,"instruction":"Implement enemy attacks with different bullet properties, such as speed, size, and patterns.","created_at":"2024-01-12T16:42:45.445761","project_id":424},{"title":"Enemy Behavior","step_number":4,"complete":false,"updated_at":"2024-01-19T17:14:35.065864","id":2561,"instruction":"Create diverse enemy behaviors, such as aggressive pursuit or evasive maneuvers.","created_at":"2024-01-12T16:42:45.445798","project_id":424},{"title":"Boss Enemies","step_number":5,"complete":false,"updated_at":"2024-01-19T17:14:35.065909","id":2562,"instruction":"Introduce boss enemies with unique attack patterns and special abilities for added challenges.","created_at":"2024-01-12T16:42:45.445837","project_id":424},{"title":"Scoring System","step_number":6,"complete":false,"updated_at":"2024-01-19T17:14:35.065954","id":2563,"instruction":"Develop a scoring system to track player performance and progress.","created_at":"2024-01-12T16:42:45.445875","project_id":424},{"title":"Level Progression","step_number":7,"complete":false,"updated_at":"2024-01-19T17:14:35.065999","id":2564,"instruction":"Implement level progression based on defeating boss enemies or reaching certain objectives.","created_at":"2024-01-12T16:42:45.445912","project_id":424}]}