Bullet Hell Blitz

{"name":"Starship Surge","description":"Dodge, shoot, and survive in this intense bullet hell game! Can you navigate through a storm of enemy bullets and emerge victorious?","photo":"","view_count":156,"fork_count":4,"expires_at":null,"created_at":"2024-01-09T21:13:43.293908Z","updated_at":"2024-01-26T19:55:19.839450Z","user_id":2,"status":"PRIVATE","parent_id":null,"id":311,"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;\r\nlet showFPS = false\r\nlet inBossPhase = false;\r\nlet bulletIndex = 0; // To cycle through angles\r\nlet canvas = document.getElementById(\"gameContainer\");\r\ndocument.addEventListener('keydown', function (event) {\r\n if (event.code == 'KeyV') {\r\n document.body.classList.add('dark-mode');\r\n document.body.classList.remove('light-mode');\r\n } else if (event.code == 'KeyC') {\r\n document.body.classList.add('light-mode');\r\n document.body.classList.remove('dark-mode');\r\n }\r\n});\r\nfunction mouseDragged() {\r\n player.shoot();\r\n}\r\nlet darkModeEnabled = false; // Default to light mode\r\n\r\ndocument.getElementById(\"darkModeToggle\").addEventListener(\"change\", function () {\r\n darkModeEnabled = this.checked;\r\n toggleDarkMode(darkModeEnabled);\r\n});\r\n\r\nfunction toggleDarkMode(enabled) {\r\n if (!enabled) {\r\n document.body.classList.add(\"light-mode\");\r\n } else {\r\n document.body.classList.remove(\"light-mode\");\r\n }\r\n}\r\nlet fpsHistory = [];\r\nconst fpsGraphHeight = 90;\r\nconst maxFPS = 90;\r\nlet settingsModal = document.getElementById(\"settingsModal\");\r\nlet settingsButton = document.getElementById(\"settingsButton\");\r\nlet closeSettingsButton = settingsModal.getElementsByClassName(\"close-button\")[0];\r\n\r\nsettingsButton.addEventListener(\"click\", function () {\r\n settingsModal.style.display = \"block\";\r\n});\r\n\r\ncloseSettingsButton.addEventListener(\"click\", function () {\r\n settingsModal.style.display = \"none\";\r\n});\r\n\r\nwindow.addEventListener(\"click\", function (event) {\r\n if (event.target == settingsModal) {\r\n settingsModal.style.display = \"none\";\r\n }\r\n});\r\n\r\ndocument.getElementById(\"fpsCounter\").addEventListener(\"change\", function () {\r\n showFPS = this.checked;\r\n});\r\n\r\ndocument.getElementById(\"gameMusic\").addEventListener(\"change\", function () {\r\n if (this.checked) {\r\n gameMusic.loop();\r\n } else {\r\n gameMusic.stop();\r\n }\r\n});\r\nfunction drawFPS() {\r\n let fps = frameRate();\r\n if (!showFPS) {\r\n return;\r\n }\r\n\r\n fpsHistory.push(fps);\r\n if (fpsHistory.length > width) fpsHistory.shift();\r\n\r\n push();\r\n noFill();\r\n beginShape();\r\n for (let i = 0; i < fpsHistory.length; i++) {\r\n let y = map(fpsHistory[i], 0, maxFPS, fpsGraphHeight, 0);\r\n vertex(i, height - y);\r\n }\r\n endShape();\r\n stroke(255);\r\n line(0, height - fpsGraphHeight, width, height - fpsGraphHeight);\r\n pop();\r\n\r\n fill(255);\r\n noStroke();\r\n textAlign(LEFT, TOP);\r\n textSize(15);\r\n text(\"FPS: \" + fps.toFixed(0), 10, height - fpsGraphHeight);\r\n}\r\nclass Particle {\r\n constructor(x, y) {\r\n this.x = x;\r\n this.y = y;\r\n this.size = random(0.5, 1.5); // Smaller size for scar-like appearance\r\n this.speedX = random(-0.2, 0.6); // Slower movement for scar-like appearance\r\n this.speedY = random(-0.2, 0.6); // Slower movement for scar-like appearance\r\n this.alpha = 255;\r\n this.color = color(200, 200, 200); // Grey color for scar-like appearance\r\n }\r\n\r\n update() {\r\n this.x += this.speedX;\r\n this.y += this.speedY;\r\n this.alpha -= 2; // Decreased alpha decrement for smoother fade out\r\n }\r\n\r\n show() {\r\n noStroke();\r\n fill(this.color, this.alpha);\r\n ellipse(this.x, this.y, this.size);\r\n }\r\n}\r\nlet creditsModal = document.getElementById(\"creditsModal\");\r\nlet creditsButton = document.getElementById(\"creditsButton\");\r\nlet closeCreditsButton = creditsModal.getElementsByClassName(\"close-button\")[0];\r\n\r\ncreditsButton.addEventListener(\"click\", function () {\r\n creditsModal.style.display = \"block\";\r\n});\r\n\r\ncloseCreditsButton.addEventListener(\"click\", function () {\r\n creditsModal.style.display = \"none\";\r\n});\r\n\r\nwindow.addEventListener(\"click\", function (event) {\r\n if (event.target == creditsModal) {\r\n creditsModal.style.display = \"none\";\r\n }\r\n});\r\nlet particles = [];\r\n\r\nfunction createParticles(x, y, count = 5) {\r\n for (let i = 0; i < count; i++) {\r\n let p = new Particle(x, y);\r\n particles.push(p);\r\n }\r\n}\r\ndocument.getElementById(\"restartButton\").addEventListener(\"click\", function () {\r\n location.reload();\r\n});\r\nfunction resetGame() {\r\n // Reset player\r\n player.x = width / 2;\r\n player.y = height / 2;\r\n player.health = 850;\r\n\r\n // Clear bullets\r\n bullets = [];\r\n\r\n // Clear enemies\r\n enemies = [];\r\n\r\n // Clear enemy bullets\r\n enemyBullets = [];\r\n\r\n // Reset enemy spawn intervals\r\n enemySpawnInterval = setInterval(spawnEnemy, 2000);\r\n enemy2SpawnInterval = setInterval(spawnEnemy2, 3000);\r\n\r\n // Reset boss\r\n boss = undefined;\r\n setTimeout(() => {\r\n boss = new Boss(width / 2, 0);\r\n clearInterval(enemySpawnInterval);\r\n clearInterval(enemy2SpawnInterval);\r\n }, 60000);\r\n\r\n // Reset gameState\r\n gameState = \"game\";\r\n}\r\nfunction goToHomePage() {\r\n window.location.href = \"https://www.jippity.pro/328\";\r\n}\r\ndocument.getElementById(\"homeButton\").addEventListener(\"click\", goToHomePage);\r\nlet bullets = [];\r\nlet enemies = [];\r\nlet enemyBullets = [];\r\nlet playerImg;\r\nlet enemySpawnInterval;\r\nlet enemy2SpawnInterval;\r\nlet shootCounter = 0;\r\nlet isPaused = false;\r\nlet shakeTimer = 0;\r\nlet shakeIntensity = 0;\r\ndocument.getElementById(\"gameContainer\").addEventListener(\"click\", function () {\r\n player.shoot();\r\n});\r\n\r\n// This function will start a shake effect with a given duration and intensity\r\nfunction shakeScreen(duration, intensity) {\r\n shakeTimer = duration;\r\n shakeIntensity = intensity * 0.5;\r\n}\r\n\r\ndocument.getElementById(\"pauseButton\").addEventListener(\"click\", function () {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n noLoop();\r\n this.innerText = \"Resume\";\r\n } else {\r\n loop();\r\n this.innerText = \"Pause\";\r\n }\r\n});\r\ndocument.getElementById(\"fullscreenButton\").addEventListener(\"click\", function () {\r\n let fs = fullscreen();\r\n fullscreen(!fs);\r\n});\r\nlet gameState = \"menu\";\r\n\r\nfunction draw() {\r\n if (gameState === \"menu\") {\r\n drawMenu();\r\n } else if (gameState === \"game\") {\r\n push(); // Save the current drawing style and transformation settings\r\n if (shakeTimer > 0) {\r\n let shakeX = random(-shakeIntensity, shakeIntensity);\r\n let shakeY = random(-shakeIntensity, shakeIntensity);\r\n translate(shakeX, shakeY);\r\n shakeTimer--;\r\n }\r\n drawGame();\r\n pop(); // Restore the saved drawing style and transformation settings\r\n }\r\n\r\n // Update and show the confetti particles regardless of game state\r\n\r\n if (gameState === \"victory\") {\r\n drawVictoryScreen();\r\n }\r\n}\r\nlet startButton;\r\nlet howToPlayModal = document.getElementById(\"howToPlayModal\");\r\nlet closeButton2 = document.getElementsByClassName(\"close-button\")[0];\r\ndocument.getElementById(\"howToPlayButton\").addEventListener(\"click\", function () {\r\n howToPlayModal.style.display = \"block\";\r\n});\r\n\r\ncloseButton2.addEventListener(\"click\", function () {\r\n howToPlayModal.style.display = \"none\";\r\n});\r\n\r\nwindow.addEventListener(\"click\", function (event) {\r\n if (event.target == howToPlayModal) {\r\n howToPlayModal.style.display = \"none\";\r\n }\r\n});\r\nfunction drawMenu() {\r\n background(0);\r\n textSize(50);\r\n fill(255);\r\n textAlign(CENTER, CENTER);\r\n text(\"Starship Surge\", width / 2, height / 4);\r\n\r\n textSize(20);\r\n text(\"Navigate through a storm of bullets and emerge victorious!\", width / 2, height / 2);\r\n\r\n if (!startButton) {\r\n startButton = createButton('Ad Astra');\r\n startButton.parent('gameContainer');\r\n startButton.class('button');\r\n startButton.style('position', 'absolute');\r\n startButton.style('top',\r\n '75%');\r\n startButton.style('left', '50%');\r\n startButton.style('transform', 'translate(-50%, -50%)');\r\n startButton.mousePressed(function () {\r\n resetGame();\r\n loop(); // Starts the draw() function looping again\r\n startButton.remove(); // Removes the \"Ad Astra\" button from the screen\r\n });\r\n }\r\n noLoop(); // Stops the draw() function from looping\r\n}\r\nlet angle = 0; // Initialize angle value\r\n\r\nclass Boss {\r\n constructor(x, y) {\r\n this.x = x;\r\n this.y = y;\r\n this.size = 200;\r\n this.health = 2000;\r\n this.speed = 2;\r\n this.stage = 0;\r\n }\r\n shoot() {\r\n let directionX = cos(radians(angle));\r\n let directionY = sin(radians(angle));\r\n\r\n let bullet = new Bullet(this.x, this.y, directionX, directionY, bossBullet);\r\n enemyBullets.push(bullet);\r\n\r\n angle = player.angle // Cycle through the angles by increasing 10 each time\r\n }\r\n\r\n move() {\r\n this.x += this.speed;\r\n this.y += this.speed;\r\n\r\n if (this.x > width - this.size / 2) {\r\n this.x = width - this.size / 2;\r\n this.speed = -Math.abs(this.speed);\r\n } else if (this.x < this.size / 2) {\r\n this.x = this.size / 2;\r\n this.speed = Math.abs(this.speed);\r\n }\r\n\r\n if (this.y > height - this.size / 2) {\r\n this.y = height - this.size / 2;\r\n this.speed = -Math.abs(this.speed);\r\n } else if (this.y < this.size / 2) {\r\n this.y = this.size / 2;\r\n this.speed = Math.abs(this.speed);\r\n }\r\n }\r\n\r\n hit(bullet) {\r\n let distance = dist(this.x, this.y, bullet.x, bullet.y);\r\n if (distance < this.size / 2 + bullet.size / 2) {\r\n this.health -= 10;\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n show() {\r\n image(bossImg, this.x, this.y, this.size, this.size);\r\n fill(255);\r\n textSize(12);\r\n text(\"HP: \" + this.health + \"/5000\", this.x - this.size / 2, this.y - this.size / 2 - 10);\r\n }\r\n}\r\nlet bulletImg;\r\nlet bossImg;\r\nlet enemy2Img;\r\nlet gameBackground;\r\nlet gameMusic;\r\nlet bossBullet\r\nfunction preload() {\r\n playerImg = loadImage(document.getElementById('playerImg').src);\r\n bulletImg = loadImage(document.getElementById('bulletImg').src);\r\n enemy1BulletImg = loadImage(document.getElementById('enemy1BulletImg').src);\r\n enemy2BulletImg = loadImage(document.getElementById('enemy2BulletImg').src);\r\n enemy1Img = loadImage(document.getElementById('enemy1Img').src);\r\n bossImg = loadImage(document.getElementById('bossImg').src);\r\n enemy2Img = loadImage(document.getElementById('enemy2Img').src);\r\n gameBackground = loadImage(document.getElementById('gameBackground').src);\r\n heartImg = loadImage(document.getElementById('heartImg').src);\r\n bossBullet = loadImage(document.getElementById('bossBullet').src);\r\n}\r\nfunction musicLoaded() {\r\n console.log(\"Music loaded successfully\");\r\n}\r\n\r\nfunction musicLoadFailed() {\r\n console.log(\"Music failed to load\");\r\n}\r\nclass Enemy2 {\r\n constructor(x, y) {\r\n this.x = x;\r\n this.y = y;\r\n this.size = 80;\r\n this.health = 300;\r\n this.speed = 3.5;\r\n this.attackPattern = 0;\r\n }\r\n\r\n shoot() {\r\n let bullet1 = new Bullet(this.x, this.y, 0, 10, enemy2BulletImg);\r\n let bullet2 = new Bullet(this.x, this.y, 5, 10, enemy2BulletImg);\r\n let bullet3 = new Bullet(this.x, this.y, -5, 10, enemy2BulletImg);\r\n enemyBullets.push(bullet1, bullet2, bullet3);\r\n }\r\n move() {\r\n this.x += this.speed;\r\n this.y += this.speed;\r\n\r\n if (this.x > width - this.size / 2 || this.x < this.size / 2) {\r\n this.speed = -this.speed;\r\n }\r\n }\r\n hit(bullet) {\r\n let distance = dist(this.x, this.y, bullet.x, bullet.y);\r\n if (distance < this.size / 2 + bullet.size / 2) {\r\n this.health -= 10;\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n show() {\r\n image(enemy2Img, this.x, this.y, this.size, this.size);\r\n fill(255);\r\n textSize(12);\r\n text(\"HP: \" + this.health + \"/500\", this.x - this.size, this.y - this.size);\r\n }\r\n}\r\n\r\nfunction spawnEnemy2() {\r\n let enemy2 = new Enemy2(random(width), 0);\r\n enemies.push(enemy2);\r\n}\r\nclass Enemy {\r\n constructor(x, y) {\r\n this.x = x;\r\n this.y = y;\r\n this.size = 60;\r\n this.health = 200;\r\n this.speed = 2;\r\n this.attackPattern = 0;\r\n }\r\n shoot() {\r\n let directionX = player.x - this.x;\r\n let directionY = player.y - this.y;\r\n let bullet = new Bullet(this.x, this.y, directionX, directionY, enemy1BulletImg);\r\n enemyBullets.push(bullet);\r\n }\r\n move() {\r\n this.y += this.speed;\r\n\r\n if (this.x > width - this.size / 2 || this.x < this.size / 2) {\r\n this.speed = -this.speed;\r\n }\r\n }\r\n hit(bullet) {\r\n let distance = dist(this.x, this.y, bullet.x, bullet.y);\r\n if (distance < this.size / 2 + bullet.size / 2) {\r\n this.health -= 10;\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n show() {\r\n image(enemy1Img, this.x, this.y, this.size, this.size);\r\n fill(255);\r\n textSize(12);\r\n text(\"HP: \" + this.health + \"/250\", this.x - this.size, this.y - this.size);\r\n }\r\n\r\n move() {\r\n this.y += this.speed;\r\n\r\n if (this.attackPattern === 0) {\r\n if (this.x < width - this.size / 2) {\r\n this.x += this.speed;\r\n } else {\r\n this.attackPattern = 1;\r\n }\r\n } else {\r\n if (this.x > this.size / 2) {\r\n this.x -= this.speed;\r\n } else {\r\n this.attackPattern = 0;\r\n }\r\n }\r\n }\r\n}\r\nlet enemy1BulletImg, enemy2BulletImg;\r\n\r\nfunction spawnEnemy() {\r\n let enemy = new Enemy(random(width), 0);\r\n enemies.push(enemy);\r\n}\r\nclass Bullet {\r\n constructor(x, y, directionX = 0, directionY = -10, img) {\r\n this.x = x;\r\n this.y = y;\r\n this.directionX = directionX;\r\n this.directionY = directionY;\r\n this.size = 15; // Decreased size for less laser-like appearance\r\n this.speed = 5;\r\n this.img = img;\r\n }\r\n\r\n show() {\r\n image(this.img, this.x, this.y, this.size, this.size);\r\n }\r\n\r\n move() {\r\n let direction = createVector(this.directionX, this.directionY);\r\n direction.setMag(this.speed);\r\n this.x += direction.x;\r\n this.y += direction.y;\r\n }\r\n}\r\nlet victoryModal = document.getElementById(\"victoryModal\");\r\nlet closeVictoryButton = victoryModal.getElementsByClassName(\"close-button\")[0];\r\n\r\ncloseVictoryButton.addEventListener(\"click\", function () {\r\n victoryModal.style.display = \"none\";\r\n});\r\n\r\nwindow.addEventListener(\"click\", function (event) {\r\n if (event.target == victoryModal) {\r\n victoryModal.style.display = \"none\";\r\n }\r\n});\r\n\r\nfunction drawVictoryScreen() {\r\n victoryModal.style.display = \"block\";\r\n\r\n}\r\nclass Player {\r\n constructor() {\r\n this.x = width / 2;\r\n this.y = height / 2;\r\n this.size = 50;\r\n this.speed = 5;\r\n this.health = 5000;\r\n this.shootCooldown = 15; // 1000 milliseconds = 1 second\r\n this.lastShot = 0;\r\n\r\n }\r\n\r\n\r\n show() {\r\n image(playerImg, this.x, this.y, this.size, this.size);\r\n fill(255);\r\n textSize(12);\r\n\r\n const maxHealth = 100000;\r\n const healthPerHeart = 100;\r\n\r\n for (let i = 0; i < this.health / healthPerHeart; i++) {\r\n image(heartImg, 50 + (i * heartImg.width), 15, heartImg.width, heartImg.height);\r\n }\r\n }\r\n hit(bullet) {\r\n let distance = dist(this.x, this.y, bullet.x, bullet.y);\r\n if (distance < this.size / 2 + bullet.size / 2) {\r\n this.health -= 10;\r\n shakeScreen(10, 10); // Start a shake effect with a duration of 10 frames and an intensity of 10 pixels\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n move() {\r\n if ((keyIsDown(LEFT_ARROW) || keyIsDown(65)) && this.x - this.speed > 0) {\r\n this.x -= this.speed;\r\n }\r\n if ((keyIsDown(RIGHT_ARROW) || keyIsDown(68)) && this.x + this.size + this.speed < width) {\r\n this.x += this.speed;\r\n }\r\n if ((keyIsDown(UP_ARROW) || keyIsDown(87)) && this.y - this.speed > 0) {\r\n this.y -= this.speed;\r\n }\r\n if ((keyIsDown(DOWN_ARROW) || keyIsDown(83)) && this.y + this.size + this.speed < height) {\r\n this.y += this.speed;\r\n }\r\n }\r\n shoot() {\r\n let currentMillis = millis();\r\n if (currentMillis - this.lastShot > this.shootCooldown) {\r\n let bullet = new Bullet(this.x, this.y - this.size / 2, 0, -25, bulletImg);\r\n bullets.push(bullet);\r\n this.lastShot = currentMillis;\r\n\r\n }\r\n }\r\n}\r\nlet boss;\r\ndocument.getElementById(\"restartButton\").addEventListener(\"click\", function () {\r\n location.reload();\r\n});\r\nfunction keyPressed() {\r\n if (keyCode === 70) { // 70 is the keyCode for 'F'\r\n let fs = fullscreen();\r\n fullscreen(!fs);\r\n } else if (keyCode === 82) { // 82 is the keyCode for 'R'\r\n resetGame();\r\n loop();\r\n startButton.style('display', 'none'); // Hide start button\r\n\r\n }\r\n}\r\nfunction drawGameOverScreen() {\r\n background(0);\r\n textSize(32);\r\n fill(255);\r\n textAlign(CENTER, CENTER);\r\n text(\"Game Over\", width / 2, height / 2);\r\n shakeScreen(10, 2);\r\n textSize(24);\r\n text(\"Press R to Restart\", width / 2, height / 2 + 100);\r\n}\r\n\r\n\r\nfunction setup() {\r\n let canvas = createCanvas(800, 600);\r\n canvas.parent('gameContainer');\r\n background(220);\r\n player = new Player();\r\n setInterval(spawnEnemy, 2000);\r\n enemySpawnInterval = setInterval(spawnEnemy, 2000);\r\n enemy2SpawnInterval = setInterval(spawnEnemy2, 3000);\r\n\r\n setTimeout(() => {\r\n boss = new Boss(width / 2, 0);\r\n clearInterval(enemySpawnInterval);\r\n clearInterval(enemy2SpawnInterval);\r\n }, 60000);\r\n setTimeout(() => {\r\n boss = new Boss(width / 2, 0);\r\n clearInterval(enemySpawnInterval);\r\n clearInterval(enemy2SpawnInterval);\r\n }, 10000);\r\n\r\n noSmooth();\r\n gameMusic.loop();\r\n gameMusic.setVolume(0.1);\r\n\r\n\r\n}\r\nfunction drawGame() {\r\n image(gameBackground, 0, 0, width, height);\r\n drawFPS()\r\n\r\n if (mouseIsPressed) { // Check if the mouse button is currently being pressed\r\n player.shoot();\r\n }\r\n player.show();\r\n player.move();\r\n if ((keyIsDown(32) || mouseIsPressed) && millis() - player.lastShot > player.shootCooldown) {\r\n player.shoot();\r\n }\r\n\r\n if (player.health <= 0) {\r\n drawGameOverScreen();\r\n noLoop();\r\n }\r\n shootCounter++;\r\n if (shootCounter >= 25) {\r\n for (let enemy of enemies) {\r\n enemy.shoot();\r\n }\r\n if (boss) {\r\n boss.shoot();\r\n }\r\n shootCounter = 0;\r\n }\r\n for (let i = 0; i < bullets.length; i++) {\r\n bullets[i].show();\r\n bullets[i].move();\r\n\r\n for (let j = 0; j < enemies.length; j++) {\r\n if (enemies[j].hit(bullets[i])) {\r\n createParticles(bullets[i].x, bullets[i].y);\r\n bullets.splice(i, 1);\r\n if (enemies[j].health <= 0) {\r\n enemies.splice(j, 1);\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n for (let i = 0; i < enemies.length; i++) {\r\n enemies[i].show();\r\n enemies[i].move();\r\n }\r\n for (let i = 0; i < enemyBullets.length; i++) {\r\n enemyBullets[i].show();\r\n enemyBullets[i].move();\r\n\r\n if (player.hit(enemyBullets[i])) {\r\n enemyBullets.splice(i, 1);\r\n break;\r\n }\r\n }\r\n if (boss) {\r\n boss.show();\r\n boss.move();\r\n\r\n for (let i = 0; i < bullets.length; i++) {\r\n if (boss.hit(bullets[i])) {\r\n bullets.splice(i, 1);\r\n if (boss.health <= 0) {\r\n boss = null;\r\n drawVictoryScreen();\r\n noLoop();\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n for (let i = particles.length - 1; i >= 0; i--) {\r\n particles[i].update();\r\n particles[i].show();\r\n\r\n if (particles[i].alpha <= 0) {\r\n particles.splice(i, 1);\r\n }\r\n }\r\n}\r\n\r\n","style.css":"","index.html":"\n\n\n\n \n \n Bullet Hell Blitz\n \n\n0\n\n\n\n\n\n\n\n

\n\n \n \n\n \n \n \n\n \n\n\n\n\n\n\n"},"chat_history":[{"code_id":24797,"deleted":0,"input_tokens":null,"id":15097,"project_id":311,"sender":"human","message":"make it impossible to play until 12:10pm","created_at":"2024-01-17T19:56:32.017199Z","output_tokens":null},{"code_id":24797,"deleted":0,"input_tokens":null,"id":15098,"project_id":311,"sender":"ai","message":"","created_at":"2024-01-17T19:56:32.023614Z","output_tokens":null},{"code_id":50389,"deleted":0,"input_tokens":null,"id":27804,"project_id":311,"sender":"human","message":"these can't be fetched but if i do it via html ic an do a fix function preload() {\n playerImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943375692.png');\n bulletImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943412195.webp');\n enemy1BulletImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943466273.png');\n enemy2BulletImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943489392.png');\n enemy1Img = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943437059.png');\n bossImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943529214.png');\n enemy2Img = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943609513.png');\n gameBackground = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943710754.png');\n gameMusic = loadSound(\"@asset('musictrack')\", musicLoaded, musicLoadFailed);\n bossMusic = loadSound(\"@asset('bosstrack')\", musicLoaded, musicLoadFailed);\n heartImg = loadImage(\"https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943578247.png\")\n bossBullet = loadImage(\"https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943685780.png\")\n}","created_at":"2024-03-09T00:22:29.175424Z","output_tokens":null},{"code_id":50389,"deleted":0,"input_tokens":null,"id":27805,"project_id":311,"sender":"ai","message":"To make the game impossible to play until 12:10 PM, you can disable all interactions and display a message until the specified time is reached. This can be achieved by modifying the `draw()` function. Before we make these modifications, ensure that you have a basic understanding of how the `draw()` function operates within the p5.js library. The `draw()` function runs continuously and","created_at":"2024-03-09T00:22:29.181358Z","output_tokens":null},{"code_id":50390,"deleted":0,"input_tokens":null,"id":27806,"project_id":311,"sender":"human","message":"these can't be fetched but if i do it via html ic an do a fix function preload() { playerImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943375692.png'); bulletImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943412195.webp'); enemy1BulletImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943466273.png'); enemy2BulletImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943489392.png'); enemy1Img = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943437059.png'); bossImg = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943529214.png'); enemy2Img = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943609513.png'); gameBackground = loadImage('https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943710754.png'); gameMusic = loadSound(\"@asset('musictrack')\", musicLoaded, musicLoadFailed); bossMusic = loadSound(\"@asset('bosstrack')\", musicLoaded, musicLoadFailed); heartImg = loadImage(\"https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943578247.png\") bossBullet = loadImage(\"https://assets.tryrecess.com/users/a75a82d5-5ae6-41b7-d20f-788415be036d/assets/1709943685780.png\") }\n","created_at":"2024-03-09T00:22:35.404955Z","output_tokens":null},{"code_id":50390,"deleted":0,"input_tokens":null,"id":27807,"project_id":311,"sender":"ai","message":"Given the context of your project and the difficulty in fetching certain assets directly within your JavaScript code due to potential cross-origin issues or other restrictions, a viable workaround is to preload these assets by embedding them directly in your HTML document. This approach leverages the browser's capability to load images and sounds, which can then be accessed by your p5.js code or any other JavaScript you are using.\n\nHere's how you can adapt your `preload()` function by first embedding these resources in your HTML:\n\n### Step 1: Embed Assets in HTML\n\nYou can use `` tags for CSS, `

How to Play

Settings

Credits

Game Controls

Congratulations!