Mini Quest Adventure

{"name":"I do not know the name yet","description":"Embark on a whimsical journey in this mini adventure game inspired by the spirit of exploration! Navigate through a vibrant world filled with challenges and surprises. Collect treasures, solve puzzles, and enjoy the thrill of discovery, all while learning to code with p5.js!","photo":"","view_count":16,"fork_count":5,"expires_at":null,"created_at":"2025-01-26T16:36:11.491114Z","updated_at":"2025-01-26T16:36:11.491116Z","user_id":313,"status":"PRIVATE","parent_id":null,"id":5478,"user":{"photo":null,"email":null,"recess_id":"ac4a15cf-0ef2-456b-8c44-f9ff5ff75a7f","created_at":"2025-01-12T20:10:45.881409Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"rex3","id":313,"password_hash":null,"updated_at":"2025-01-12T20:10:45.881414Z","reset_token_expiry":null,"subscription_status":null},"code":{"Game.js":"class Game {\n constructor(character) {\n this.character = character;\n this.showBoundingBoxes = false;\n this.slimer = new Slimer();\n this.isGameOver = false;\n this.ghost = null; // Variable to hold the ghost instance\n this.dragon = new Dragon(); // Create a new dragon instance\n\n // New property for confusion tracking\n this.confusionStatus = {}; // Tracks each enemy's confusion status\n }\n\n draw() {\n if (this.isGameOver) {\n this.displayGameOverScreen();\n } else {\n const cameraX = this.character.x - width / 2;\n const cameraY = this.character.y - height / 2;\n translate(-cameraX, -cameraY);\n\n // Daytime section\n if (timeOfDay === 0) {\n background(135, 206, 235);\n this.displayTimeOfDay(\"Day\");\n image(the_sun, cameraX + width - 150, cameraY + 50, 200, 200);\n this.ghost = null;\n }\n // Nighttime section\n else if (timeOfDay === 1) {\n background(25, 25, 112);\n this.displayTimeOfDay(\"Night\");\n image(the_moon, cameraX + width - 150, cameraY + 50, 175, 175);\n if (!this.ghost) {\n this.ghost = new Ghost();\n }\n this.ghost.update(); // Update ghost position\n this.ghost.display(); // Display the ghost\n }\n\n this.dragon.update(); // Update dragon position\n this.dragon.display(); // Display the dragon\n this.dragon.displayBossHealthBar(); // Display the boss health bar if enraged\n\n // Update and display projectiles\n for (let i = spears.length - 1; i >= 0; i--) {\n if (spears[i] !== undefined) { // Check if spear is not undefined\n spears[i].update(); // Update each spear's position\n spears[i].display(); // Display each spear\n\n // Handle collisions with spears\n this.handleSpearCollisions(spears[i], i);\n }\n }\n\n this.drawFloor();\n this.character.move();\n this.character.display();\n this.character.displayHealthBar();\n this.slimer.update(this.character);\n this.slimer.display();\n\n displayInventory();\n displayEquippedItems();\n\n const zombieX = 200;\n const zombieY = height - 100;\n\n this.handleArrowCollisions(zombieX, zombieY);\n this.handleSwordSwingCollision(zombieX, zombieY);\n this.handleJabCollision(zombieX, zombieY);\n\n this.handleArrowCollisionsWithSlimer();\n this.handleSwordSwingCollisionWithSlimer();\n\n this.handleArrowCollisionsWithDragon(); // Handle collisions with dragon\n this.handleProjectileCollisionsWithCharacter(); // Check for collisions with character\n\n this.displayDamage(zombieX, zombieY);\n this.drawZombie(zombieX, zombieY);\n\n if (this.showBoundingBoxes) {\n this.drawBoundingBoxes(zombieX, zombieY);\n this.drawBoundingBoxForSlimer();\n this.drawBoundingBoxForDragon(); // Draw dragon's bounding box\n }\n\n if (keyIsDown(65)) {\n this.character.swingSword();\n }\n\n if (keyIsDown(90)) {\n this.character.jab();\n }\n\n this.checkGameOver();\n displayItemInfo(hoveredItem);\n }\n }\n\n displayTimeOfDay(time) {\n fill(1);\n textSize(24);\n textAlign(LEFT, TOP);\n const cameraX = this.character.x - width / 2;\n const cameraY = this.character.y - height / 2;\n text(`Time: ${time}`, cameraX + 10, cameraY + 30);\n }\n\n drawFloor() {\n fill(139, 69, 19);\n rect(0, height, width * 16, 300);\n }\n\n checkGameOver() {\n if (this.character.checkIfDead()) {\n this.isGameOver = true;\n }\n }\n\n displayGameOverScreen() {\n fill(0, 0, 0, 150);\n rect(0, 0, width, height);\n fill(255);\n textSize(48);\n textAlign(CENTER, CENTER);\n text(\"YOU DIED\", width / 2, height / 2 - 20);\n textSize(24);\n text(\"Press R to Respawn\", width / 2, height / 2 + 20);\n }\n\n respawnCharacter() {\n this.character.health = 20;\n this.isGameOver = false;\n this.character.x = 100;\n this.character.y = height - 100;\n }\n\n checkAABBCollision(x1, y1, width1, height1, x2, y2, width2, height2) {\n return !(x1 + width1 < x2 || x1 > x2 + width2 || y1 + height1 < y2 || y1 > y2 + height2);\n }\n\n handleArrowCollisions(zombieX, zombieY) {\n for (let i = arrows.length - 1; i >= 0; i--) {\n arrows[i].move();\n arrows[i].display();\n\n const arrowX = arrows[i].x;\n const arrowY = arrows[i].y;\n const arrowWidth = arrows[i].width;\n const arrowHeight = arrows[i].height;\n\n const zombieWidth = zombie1_idle.width;\n const zombieHeight = zombie1_idle.height;\n\n if (this.checkAABBCollision(arrowX, arrowY, arrowWidth, arrowHeight, zombieX, zombieY, zombieWidth, zombieHeight)) {\n zombieHealth -= arrows[i].damage;\n damageDisplay = arrows[i].damage;\n arrows.splice(i, 1);\n } else if (arrows[i].isOffScreen()) {\n arrows.splice(i, 1);\n }\n }\n }\n\n handleSwordSwingCollision(zombieX, zombieY) {\n if (this.character.isSwinging && this.character.isNearZombie(zombieX, zombieY)) {\n const swordX = this.character.direction === 1 ? this.character.x + 50 : this.character.x - 106.5;\n const swordY = this.character.y - 20;\n const swordWidth = bigsword.width / 3;\n const swordHeight = bigsword.height / 3;\n\n const zombieWidth = zombie1_idle.width;\n const zombieHeight = zombie1_idle.height;\n\n // Check collision with zombie\n if (this.checkAABBCollision(swordX, swordY, swordWidth, swordHeight, zombieX, zombieY, zombieWidth, zombieHeight)) {\n zombieHealth -= 20;\n damageDisplay = 20;\n }\n\n // Check collision with dragon\n if (this.checkAABBCollision(swordX, swordY, swordWidth, swordHeight, this.dragon.x, this.dragon.y, this.dragon.width, this.dragon.height)) {\n this.dragon.takeDamage(20); // Apply damage to the dragon\n damageDisplay = 20; // Display damage on screen\n }\n }\n }\n\n handleJabCollision(zombieX, zombieY) {\n if (this.character.isPunching && this.character.isNearZombie(zombieX, zombieY)) {\n const jabX = this.character.direction === 1 ? this.character.x + 50 : this.character.x - 50;\n const jabY = this.character.y;\n const jabWidth = 20;\n const jabHeight = 20;\n\n const zombieWidth = zombie1_idle.width;\n const zombieHeight = zombie1_idle.height;\n\n if (this.checkAABBCollision(jabX, jabY, jabWidth, jabHeight, zombieX, zombieY, zombieWidth, zombieHeight)) {\n zombieHealth -= 1;\n damageDisplay = 1;\n }\n }\n }\n\n handleArrowCollisionsWithSlimer() {\n for (let i = arrows.length - 1; i >= 0; i--) {\n arrows[i].move();\n arrows[i].display();\n\n const arrowX = arrows[i].x;\n const arrowY = arrows[i].y;\n const arrowWidth = arrows[i].width;\n const arrowHeight = arrows[i].height;\n\n if (this.checkAABBCollision(arrowX, arrowY, arrowWidth, arrowHeight, this.slimer.x, this.slimer.y - this.slimer.jumpHeight, this.slimer.width, this.slimer.height)) {\n this.slimer.health -= arrows[i].damage;\n damageDisplay = arrows[i].damage;\n arrows.splice(i, 1);\n } else if (arrows[i].isOffScreen()) {\n arrows.splice(i, 1);\n }\n }\n }\n\n handleSwordSwingCollisionWithSlimer() {\n if (this.character.isSwinging && this.character.isNearZombie(this.slimer.x, this.slimer.y)) {\n const swordX = this.character.direction === 1 ? this.character.x + 50 : this.character.x - 106.5;\n const swordY = this.character.y - 20;\n const swordWidth = bigsword.width / 3;\n const swordHeight = bigsword.height / 3;\n\n if (this.checkAABBCollision(swordX, swordY, swordWidth, swordHeight, this.slimer.x, this.slimer.y - this.slimer.jumpHeight, this.slimer.width, this.slimer.height)) {\n this.slimer.health -= 20;\n damageDisplay = 20;\n }\n }\n }\n\n handleArrowCollisionsWithDragon() { // Handle collisions with the dragon\n for (let i = arrows.length - 1; i >= 0; i--) {\n arrows[i].move();\n arrows[i].display();\n\n const arrowX = arrows[i].x;\n const arrowY = arrows[i].y;\n const arrowWidth = arrows[i].width;\n const arrowHeight = arrows[i].height;\n\n if (this.checkAABBCollision(arrowX, arrowY, arrowWidth, arrowHeight, this.dragon.x, this.dragon.y, this.dragon.width, this.dragon.height)) {\n this.dragon.takeDamage(arrows[i].damage); // Apply damage to the dragon\n damageDisplay = arrows[i].damage;\n arrows.splice(i, 1);\n } else if (arrows[i].isOffScreen()) {\n arrows.splice(i, 1);\n }\n }\n }\n\n handleProjectileCollisionsWithCharacter() {\n for (let i = projectiles.length - 1; i >= 0; i--) {\n const projectile = projectiles[i];\n if (this.checkAABBCollision(projectile.x, projectile.y, projectile.width, projectile.height, this.character.x, this.character.y, 50, 50)) {\n // Apply impact damage based on the projectile type\n if (projectile.asset === projectile1) {\n this.character.takeDamage(5); // Impact damage for projectile1\n this.applyBurnEffect(2, 3); // Apply burn: 2 hp per second for 3 seconds\n } else if (projectile.asset === projectile2) {\n this.character.takeDamage(5); // Impact damage for projectile2\n this.applyPoisonEffect(1, 8); // Apply poison: 1 hp per second for 8 seconds\n }\n projectiles.splice(i, 1); // Remove the projectile after it hits\n }\n }\n }\n\n // New method to apply burn effect\n applyBurnEffect(damagePerSecond, duration) {\n const burnEndTime = millis() + duration * 1000; // Calculate end time for burn effect\n const burnInterval = setInterval(() => {\n if (millis() < burnEndTime) {\n this.character.takeDamage(damagePerSecond); // Apply damage\n } else {\n clearInterval(burnInterval); // Stop the burn effect after duration\n }\n }, 1000); // Apply damage every second\n }\n\n // New method to apply poison effect\n applyPoisonEffect(damagePerSecond, duration) {\n const poisonEndTime = millis() + duration * 1000; // Calculate end time for poison effect\n const poisonInterval = setInterval(() => {\n if (millis() < poisonEndTime) {\n this.character.takeDamage(damagePerSecond); // Apply damage\n } else {\n clearInterval(poisonInterval); // Stop the poison effect after duration\n }\n }, 1000); // Apply damage every second\n }\n\n drawBoundingBoxes(zombieX, zombieY) {\n if (this.character.isSwinging) {\n const swordX = this.character.direction === 1 ? this.character.x + 50 : this.character.x - 106.5;\n const swordY = this.character.y - 20;\n const swordWidth = bigsword.width / 3;\n const swordHeight = bigsword.height / 3;\n stroke(255, 0, 0);\n noFill();\n rect(swordX, swordY, swordWidth, swordHeight);\n }\n\n if (this.character.isPunching) {\n const jabX = this.character.direction === 1 ? this.character.x + 50 : this.character.x - 50;\n const jabY = this.character.y;\n const jabWidth = 20;\n const jabHeight = 20;\n stroke(0, 255, 0);\n noFill();\n rect(jabX, jabY, jabWidth, jabHeight);\n }\n\n for (let arrow of arrows) {\n push();\n translate(arrow.x, arrow.y);\n rotate(atan2(arrow.velocityY, arrow.velocityX));\n const arrowBoundingBoxWidth = arrow.width / 1.4301;\n const arrowBoundingBoxHeight = arrow.height / 2.31;\n stroke(0, 0, 255);\n noFill();\n rect(0, 0, arrowBoundingBoxWidth, arrowBoundingBoxHeight);\n pop();\n }\n\n const zombieWidth = zombie1_idle.width;\n const zombieHeight = zombie1_idle.height;\n stroke(255, 255, 0);\n noFill();\n rect(zombieX, zombieY, zombieWidth, zombieHeight);\n }\n\n drawBoundingBoxForSlimer() {\n stroke(255, 0, 255);\n noFill();\n rect(this.slimer.x, this.slimer.y - this.slimer.jumpHeight, this.slimer.width, this.slimer.height);\n }\n\n drawBoundingBoxForDragon() {\n stroke(255, 0, 0); // Red color for bounding box\n noFill();\n rect(this.dragon.x, this.dragon.y + 200, this.dragon.width, this.dragon.height / 2); // Draw bounding box around the dragon\n }\n\n displayDamage(zombieX, zombieY) {\n if (damageDisplay > 0) {\n textSize(25);\n textAlign(CENTER, CENTER);\n text(damageDisplay, zombieX, zombieY);\n }\n }\n\n drawZombie(zombieX, zombieY) {\n const healthBarWidth = 100;\n const healthBarHeight = 10;\n\n fill(255, 0, 0);\n rect(zombieX, zombieY - 20, healthBarWidth, healthBarHeight);\n\n if (zombieHealth > 0) {\n fill(0, 255, 0);\n const currentHealthWidth = (zombieHealth / 25) * healthBarWidth;\n rect(zombieX, zombieY - 20, currentHealthWidth, healthBarHeight);\n image(zombie1_idle, zombieX, zombieY);\n } else if (!isRespawning) {\n isRespawning = true;\n setTimeout(() => {\n zombieHealth = 25;\n isRespawning = false;\n }, 3000);\n } else {\n push();\n translate(zombieX + zombie1_idle.width / 2, zombieY + zombie1_idle.height / 2);\n rotate(-HALF_PI);\n image(zombie1_idle, -zombie1_idle.width / 2, -zombie1_idle.height / 2);\n pop();\n }\n }\n\n // Game.js\n handleSpearCollisions(spear, spearIndex) {\n const enemies = [\n { instance: this.ghost, healthProperty: 'health', damage: 10 },\n { instance: this.slimer, healthProperty: 'health', damage: 2 },\n { instance: { x: 200, y: height - 100, width: zombie1_idle.width, height: zombie1_idle.height, health: zombieHealth }, damage: 2 }\n ];\n\n enemies.forEach((enemy, index) => {\n if (enemy.instance && this.checkAABBCollision(spear.x, spear.y, spear.width, spear.height, enemy.instance.x, enemy.instance.y, enemy.instance.width, enemy.instance.height)) {\n const enemyId = index; // Use index as a simple ID\n\n if (!this.confusionStatus[enemyId]) {\n this.confusionStatus[enemyId] = { hits: 0, isConfused: false };\n }\n\n // Always deal damage to the enemy on hit\n enemy.instance[enemy.healthProperty] -= enemy.damage;\n damageDisplay = enemy.damage;\n\n // Handle confusion logic\n this.confusionStatus[enemyId].hits += 1;\n if (this.confusionStatus[enemyId].hits === 1) {\n this.confusionStatus[enemyId].isConfused = true;\n console.log('Enemy is now confused and runs away!');\n } else if (this.confusionStatus[enemyId].hits === 2) {\n this.character.health = constrain(this.character.health + 5, 0, 20);\n enemy.instance[enemy.healthProperty] -= Math.floor(enemy.instance[enemy.healthProperty] / 5);\n console.log('Recovered health and enemy takes additional damage');\n this.confusionStatus[enemyId].hits = 0;\n }\n\n spears.splice(spearIndex, 1); // Remove the spear after collision\n }\n });\n }\n}\n\n","Arrow.js":"class Arrow {\n constructor(x, y, velocityX, velocityY, damage) {\n this.x = x;\n this.y = y;\n this.velocityX = velocityX;\n this.velocityY = velocityY;\n this.gravity = 0.09;\n this.width = woodbonearrow.width / 4;\n this.height = woodbonearrow.height / 4;\n this.damage = damage;\n }\n\n move() {\n this.x += this.velocityX;\n this.velocityY += this.gravity;\n this.y += this.velocityY;\n }\n\n display() {\n push();\n translate(this.x, this.y);\n rotate(atan2(this.velocityY, this.velocityX));\n image(woodbonearrow, 0, 0, this.width, this.height);\n pop();\n }\n\n isOffScreen() {\n // Check if the arrow is off the game world instead of just the canvas\n return this.x > width * 16 || this.x < 0 || this.y > height + 300;\n }\n\n hits(zombieX, zombieY, zombieWidth, zombieHeight) {\n const hitWidth = this.width / 2;\n const hitHeight = this.height / 2;\n\n const hit = (\n this.x + hitWidth > zombieX &&\n this.x < zombieX + zombieWidth &&\n this.y + hitHeight > zombieY &&\n this.y < zombieY + zombieHeight\n );\n\n if (hit) {\n return this.damage;\n }\n return 0;\n }\n}\n\n","Ghost.js":"class Ghost {\n constructor() {\n this.x = random(width);\n this.y = random(height - 300 - ghost.height * 4);\n this.width = ghost.width * 4;\n this.height = ghost.height * 4;\n this.noiseOffsetX = random(1000);\n this.noiseOffsetY = random(1000);\n this.movementSpeed = 0.005;\n this.noiseScale = 100;\n this.health = 10;\n this.attackCooldown = 2000; // Cooldown time in milliseconds\n this.lastAttackTime = 0;\n }\n\n update() {\n this.x += map(noise(this.noiseOffsetX), 0, 1, -1, 1) * this.noiseScale;\n this.y += map(noise(this.noiseOffsetY), 0, 1, -1, 1) * this.noiseScale;\n this.noiseOffsetX += this.movementSpeed;\n this.noiseOffsetY += this.movementSpeed;\n this.x = constrain(this.x, 0, width - this.width);\n this.y = constrain(this.y, 0, height - 300 - this.height);\n\n this.attackPlayer(); // Check if the ghost should attack the player\n }\n\n // Ghost.js\n attackPlayer() {\n const distanceToPlayer = dist(this.x, this.y, character.x, character.y);\n if (distanceToPlayer < 600 && millis() - this.lastAttackTime > this.attackCooldown) {\n const projectile = new Projectile(this.x, this.y, character.x, character.y, 5, projectile1, 'burn'); // Use projectile1 with burn effect\n projectiles.push(projectile);\n this.lastAttackTime = millis();\n }\n }\n\n display() {\n noSmooth();\n image(ghost, this.x, this.y, this.width, this.height);\n this.displayHealthBar();\n if (this.showBoundingBoxes) {\n this.drawBoundingBox();\n }\n }\n\n drawBoundingBox() {\n stroke(0, 255, 0);\n noFill();\n rect(this.x, this.y, this.width, this.height);\n }\n\n displayHealthBar() {\n const healthBarWidth = 100;\n const healthBarHeight = 10;\n fill(255, 0, 0);\n rect(this.x, this.y - 30, healthBarWidth, healthBarHeight);\n fill(255, 0, 255);\n const currentHealthWidth = (this.health / 10) * healthBarWidth;\n rect(this.x, this.y - 30, currentHealthWidth, healthBarHeight);\n }\n}\n\n","Spear.js":"class Spear {\n constructor(x, y, direction, angle) {\n this.x = x;\n this.y = y;\n this.direction = direction;\n this.speed = 17.21325;\n this.velocityX = this.speed * cos(angle);\n this.velocityY = this.speed * sin(angle);\n this.width = cursed_spear.width / 4;\n this.height = cursed_spear.height / 4;\n }\n\n update() {\n this.x += this.velocityX;\n this.y += this.velocityY;\n }\n\n display() {\n push();\n translate(this.x, this.y);\n if (this.direction === -1) {\n scale(-1, 1);\n }\n image(cursed_spear, 0, -this.height / 2, this.width, this.height);\n pop();\n }\n\n isOffScreen() {\n // Check if the spear is off the game world instead of just the canvas\n return this.x < 0 || this.x > width * 16 || this.y > height + 300;\n }\n}\n\n","Dragon.js":"class Dragon {\n constructor() {\n this.x = random(width);\n this.y = random(0, height / 3);\n this.width = dragon.width * 3;\n this.height = dragon.height * 3;\n this.noiseOffsetX = random(1000);\n this.noiseOffsetY = random(1000);\n this.movementSpeed = 0.005;\n this.noiseScale = 100;\n this.health = 400;\n this.maxHealth = 400;\n this.isEnraged = false;\n this.isRespawning = false;\n this.respawnDelay = 10000;\n this.attackCooldown = 8540;\n this.lastAttackTime = 0;\n this.dragonScalesActive = false; // Added for Dragon Scales ability\n }\n\n update() {\n if (this.isRespawning) return;\n\n // Activate Dragon Scales if health is at or below half\n if (this.health <= this.maxHealth / 2 && !this.dragonScalesActive) {\n this.activateDragonScales();\n }\n\n this.x += map(noise(this.noiseOffsetX), 0, 1, -1, 1) * this.noiseScale;\n this.y += map(noise(this.noiseOffsetY), 0, 1, -1, 1) * this.noiseScale;\n\n this.noiseOffsetX += this.movementSpeed;\n this.noiseOffsetY += this.movementSpeed;\n\n this.x = constrain(this.x, 0, width - this.width);\n this.y = constrain(this.y, 0, height / 3);\n\n if (this.isEnraged) {\n this.attackPlayer();\n }\n\n if (this.health <= 0) {\n this.respawn();\n }\n }\n\n activateDragonScales() {\n this.dragonScalesActive = true; // Mark Dragon Scales as active\n console.log(\"Dragon Scales activated! Damage taken is halved.\");\n }\n\n takeDamage(damageAmount) {\n if (this.dragonScalesActive) {\n damageAmount /= 2; // Halve the damage if Dragon Scales is active\n }\n this.health -= damageAmount;\n if (damageAmount > 0) {\n this.isEnraged = true;\n }\n }\n\n respawn() {\n this.isRespawning = true;\n setTimeout(() => {\n this.health = this.maxHealth;\n this.x = random(width);\n this.y = random(0, height / 3);\n this.isRespawning = false;\n this.dragonScalesActive = false; // Reset Dragon Scales on respawn\n }, this.respawnDelay);\n }\n\n display() {\n if (!this.isRespawning) {\n image(dragon, this.x, this.y, this.width, this.height);\n if (this.showBoundingBoxes) {\n this.drawBoundingBox();\n }\n }\n }\n\n drawBoundingBox() {\n stroke(255, 0, 0); // Red color for bounding box\n noFill();\n rect(this.x, this.y, this.width / 2, this.height / 2); // Divide width and height by 2\n }\n\n attackPlayer() {\n if (millis() - this.lastAttackTime > this.attackCooldown) {\n const projectile = new Projectile(this.x, this.y + 257, character.x, character.y, 5, projectile2);\n projectiles.push(projectile);\n this.lastAttackTime = millis();\n }\n }\n\n displayBossHealthBar() {\n if (this.isEnraged && !this.isRespawning) {\n const cameraX = character.x - width / 2;\n const cameraY = character.y - height / 2;\n\n const healthBarWidth = width - 20;\n const healthBarHeight = 20;\n const healthBarX = cameraX + 10;\n const healthBarY = cameraY + 10;\n\n fill(255, 0, 0);\n rect(healthBarX, healthBarY, healthBarWidth, healthBarHeight);\n\n fill(0, 255, 0);\n const currentHealthWidth = (this.health / this.maxHealth) * healthBarWidth;\n rect(healthBarX, healthBarY, currentHealthWidth, healthBarHeight);\n }\n }\n}\n\n","Slimer.js":"class Slimer {\n constructor() {\n this.x = width - 150; // Position slimer on the right side of the screen\n this.y = height - 120; // Position slimer at ground level\n this.width = slimerImage.width / 0.25; // Increase size of slimer\n this.height = slimerImage.height / 0.25; // Increase size of slimer\n this.jumpHeight = 0; // Initial jump height\n this.isJumping = false; // Flag to track if slimer is jumping\n this.attackCooldown = 1000; // Cooldown duration in milliseconds\n this.lastAttackTime = 0; // Time of the last attack\n this.health = 5; // Set initial health of the slimer\n this.respawnDelay = 3000; // Delay in milliseconds for respawn\n this.isRespawning = false; // Flag for respawn state\n }\n\n display() {\n image(slimerImage, this.x, this.y - this.jumpHeight, this.width, this.height); // Adjust y position for jump\n this.displayHealthBar(); // Display the slimer's health bar\n\n // Draw bounding box around the slimer\n stroke(255, 0, 0); // Red color for bounding box\n noFill();\n rect(this.x, this.y - this.jumpHeight, this.width, this.height);\n }\n\n displayHealthBar() {\n const healthBarWidth = 50; // Width of the health bar\n const healthBarHeight = 5; // Height of the health bar\n\n // Draw the background of the health bar\n fill(255, 0, 0); // Red for the background\n rect(this.x, this.y - this.jumpHeight - 10, healthBarWidth, healthBarHeight);\n\n // Draw the current health\n fill(0, 255, 0); // Green for current health\n const currentHealthWidth = constrain((this.health / 5) * healthBarWidth, 0, healthBarWidth); // Calculate current health width, clamp it to a minimum of 0\n rect(this.x, this.y - this.jumpHeight - 10, currentHealthWidth, healthBarHeight);\n }\n\n update(character) {\n if (this.isRespawning) return; // Skip updating if respawning\n\n const distanceToCharacter = dist(this.x, this.y, character.x, character.y); // Calculate distance to player\n\n // Check if the character is within jumping range\n if (distanceToCharacter < 300 && !this.isJumping) { // Jump toward player if within 300 pixels\n this.isJumping = true; // Start jumping\n this.jumpHeight = 50; // Set jump height\n }\n\n // Handle jumping logic\n if (this.isJumping) {\n this.jumpHeight -= 5; // Decrease jump height\n if (this.jumpHeight <= 0) {\n this.jumpHeight = 0; // Reset jump height\n this.isJumping = false; // End jumping\n }\n }\n\n // Move slimer towards character when not jumping\n if (!this.isJumping) {\n if (this.x > character.x) {\n this.x -= 2; // Move left toward character\n } else if (this.x < character.x) {\n this.x += 2; // Move right toward character\n }\n }\n\n // Check for collision with the character and apply damage if cooldown has passed\n if (this.checkCollision(character) && millis() - this.lastAttackTime > this.attackCooldown) {\n character.takeDamage(2); // Deal 2 damage to the character\n this.lastAttackTime = millis(); // Update the last attack time\n console.log(\"Slimer hits player! Player health: \" + character.health); // Log health for debugging\n }\n\n // Check if slimer is dead\n if (this.checkIfDead()) {\n this.respawn(); // Trigger respawn\n }\n }\n\n checkIfDead() {\n return this.health <= 0; // Returns true if health is zero or less\n }\n\n respawn() {\n this.isRespawning = true; // Set respawning flag\n this.health = 5; // Reset health\n setTimeout(() => {\n this.x = width - 150; // Reset position\n this.y = height - 120; // Reset position\n this.isRespawning = false; // Clear respawning flag\n }, this.respawnDelay); // Delay before respawning\n }\n\n checkCollision(character) {\n // Simple AABB collision detection\n return !(this.x + this.width < character.x || // Right of slimer is to the left of character\n this.x > character.x + 50 || // Left of slimer is to the right of character\n this.y < character.y - 50 || // Bottom of slimer is above top of character\n this.y - this.jumpHeight > character.y); // Top of slimer is below bottom of character\n }\n}\n\n","script.js":"let characterAttack1;\n\nlet characterCrouch;\n\nlet characterSlide;\n\nlet characterIdle;\n\nlet characterWalk1;\n\nlet characterWalk2;\n\nlet characterJump;\n\nlet characterSneak;\n\nlet characterJab;\n\nlet zombie1_idle;\n\nlet swingAngle = 0;\n\nlet swingSpeed = 0.1;\n\nlet zombieHealth = 25;\n\nlet damageDisplay = 0;\n\nlet zombieAlive = true;\n\nlet isRespawning = false;\n\nlet inventoryVisible = false;\n\nlet hoveredItem = null;\n\nlet arrows = [];\n\nlet character;\n\nlet game;\n\nlet isShieldVisible = false;\n\nlet slimer;\n\nlet slimerImage;\n\nlet smallAppleCooldown = 5000;\n\nlet lastAppleUseTime = 0;\n\nlet armorInventoryVisible = false;\n\nlet timeOfDay = 0;\n\nlet projectiles = [];\n\nlet spears = [];\n\nlet lastSpearThrowTime = 0;\n\nconst spearCooldown = 3000;\n\nfunction preload() {\n characterIdle = loadImage(\"@asset('character1_idle')\");\n characterWalk1 = loadImage(\"@asset('character1_walk1')\");\n characterWalk2 = loadImage(\"@asset('character1_walk2')\");\n characterJump = loadImage(\"@asset('character1_jump')\");\n characterSlide = loadImage(\"@asset('character1_slide')\");\n characterJab = loadImage(\"@asset('character1_idle')\");\n zombie1_idle = loadImage(\"@asset('zombie1_idle')\");\n zombie1_walk1 = loadImage(\"@asset('zombie1_walk1')\");\n zombie1_walk2 = loadImage(\"@asset('zombie1_walk2')\");\n zombie1_jump = loadImage(\"@asset('zombie1_jump')\");\n zombie1_slide = loadImage(\"@asset('zombie1_slide')\");\n bigsword = loadImage(\"@asset('bigsword')\");\n bow = loadImage(\"@asset('bow')\");\n woodbonearrow = loadImage(\"@asset('woodbonearrow')\");\n wooden_shield = loadImage(\"@asset('wooden_shield')\");\n slimerImage = loadImage(\"@asset('slimer')\");\n small_apple = loadImage(\"@asset('small_apple')\");\n leaf_helmet = loadImage(\"@asset('leaf_helmet')\");\n leaf_neckpiece = loadImage(\"@asset('leaf_neckpiece')\");\n leafchestplate = loadImage(\"@asset('leafchestplate')\");\n leaf_gloves = loadImage(\"@asset('leaf_gloves')\");\n dragon = loadImage(\"@asset('dragon')\");\n projectile1 = loadImage(\"@asset('projectile1')\");\n ghost = loadImage(\"@asset('ghost')\"); // Load the ghost asset\n the_sun = loadImage(\"@asset('the_sun')\");\n the_moon = loadImage(\"@asset('the_moon')\");\n cursed_spear = loadImage(\"@asset('cursed_spear')\");\n projectile2 = loadImage(\"@asset('projectile2')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235);\n character = new Character(100, height - 100);\n slimer = new Slimer();\n game = new Game(character);\n\n cycleDayNight(); // Start day-night cycle\n\n const armorInventoryButton = document.getElementById('armorInventoryButton');\n armorInventoryButton.addEventListener('click', () => {\n if (inventoryVisible) {\n inventoryVisible = false;\n }\n armorInventoryVisible = !armorInventoryVisible;\n });\n\n // Ensure all armor pieces are in the armor inventory\n ['leaf_helmet', 'leaf_neckpiece', 'leafchestplate', 'leaf_gloves'].forEach(item => {\n for (let i = 0; i < armorInventory.length; i++) {\n if (!armorInventory[i]) {\n armorInventory[i] = item;\n break;\n }\n }\n });\n}\n\nfunction draw() {\n game.draw();\n\n if (armorInventoryVisible) {\n displayArmorInventory();\n }\n}\n\nfunction cycleDayNight() {\n setInterval(() => {\n timeOfDay = (timeOfDay + 1) % 2; // Toggle between 0 (day) and 1 (night)\n }, 20000); // Change every 20 seconds (20000 milliseconds)\n}\n\nfunction fireArrow() {\n const bowX = character.x + 30;\n const bowY = character.direction === -1 ? character.y + 92 : character.y + 35;\n\n const arrowSpeed = 17.21325;\n const arrowVelocityX = character.direction === -1 ? -arrowSpeed * cos(character.bowAngle) : arrowSpeed * cos(character.bowAngle);\n const arrowVelocityY = arrowSpeed * sin(character.bowAngle);\n\n const zombieX = 200;\n const zombieY = height - 100;\n const distanceToZombie = dist(character.x, character.y, zombieX, zombieY);\n\n let damage = map(distanceToZombie, 50, 300, 10, 1);\n damage = constrain(damage, 1, 10);\n\n const newArrow = new Arrow(bowX, bowY, arrowVelocityX, arrowVelocityY, damage);\n arrows.push(newArrow);\n}\n\nfunction keyReleased() {\n if (key === 'S' || key === 's') {\n isShieldVisible = false;\n character.isShieldActive = false;\n }\n}\n\nfunction keyPressed() {\n if (key === 'I' || key === 'i') {\n if (armorInventoryVisible) {\n armorInventoryVisible = false;\n }\n inventoryVisible = !inventoryVisible;\n }\n if (key === 'B' || key === 'b') {\n game.showBoundingBoxes = !game.showBoundingBoxes; // This toggles the visibility\n }\n\n if (key === 'Q' || key === 'q') {\n if (equippedItems.includes('cursed_spear')) {\n throwSpear(); // Ensure this function is called when 'Q' is pressed\n } else if (equippedItems.includes('bow')) {\n fireArrow();\n }\n }\n if (key === 'A' || key === 'a') {\n character.swingSword();\n }\n if (key === 'S' || key === 's') {\n isShieldVisible = true;\n character.isShieldActive = true;\n }\n if (key === 'R' || key === 'r') {\n if (game.isGameOver) {\n game.respawnCharacter();\n }\n }\n if (key === 'W' || key === 'w') {\n if (equippedItems.includes('small_apple') && (millis() - lastAppleUseTime > smallAppleCooldown)) {\n character.health = constrain(character.health + 1, 0, 20);\n lastAppleUseTime = millis();\n console.log(\"Health increased! Current health: \" + character.health);\n }\n }\n}\n\nfunction throwSpear() {\n // Check if the cooldown period has passed\n if (millis() - lastSpearThrowTime < spearCooldown) {\n console.log('Spear is on cooldown. Please wait.'); // Debug log\n return; // Exit the function if still in cooldown\n }\n\n const spearX = character.x; // Starting position of the spear\n const spearY = character.y + 50; // Slightly above the character's position\n\n // Calculate the camera offsets\n const cameraX = character.x - width / 2;\n const cameraY = character.y - height / 2;\n\n // Calculate the angle from the character's position to the mouse position adjusted for camera\n const angle = atan2(mouseY + cameraY - spearY, mouseX + cameraX - spearX);\n\n // Create a new spear instance and add it to the spears array\n const newSpear = new Spear(spearX, spearY, character.direction, angle);\n spears.push(newSpear); // Add the spear to the array\n\n lastSpearThrowTime = millis(); // Update the last throw time\n}\n\n","style.css":"body {\n margin: 0;\n}\n\ncanvas {\n display: block;\n}","index.html":"\n\n\n\n\n \n \n Mini Quest Adventure\n \n \n\n\n\n \n \n \n \n \n \n \n \n \n \n \n\n\n","Character.js":"class Character {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.currentImage = characterIdle;\n this.walkAnimationFrame = 0;\n this.isJumping = false;\n this.isSliding = false;\n this.isPunching = false;\n this.jumpHeight = 0;\n this.jumpSpeed = 100;\n this.direction = 1;\n this.normalSpeed = 5;\n this.sprintSpeed = 10;\n this.slideSpeed = 5;\n this.slideDeceleration = 0.1;\n this.sneakDuration = 1000;\n this.sneakTimer = 0;\n this.punchOffset = 0;\n this.hitZombie = false;\n this.jabDuration = 0;\n this.punchSpeed = 10;\n this.punchOffsetX = 0;\n this.isSwinging = false;\n this.bowAngle = 0;\n this.swingDuration = 0;\n this.health = 20;\n this.isShieldActive = false; // Track if the shield is active\n this.jabDamage = 1; // Base jab damage\n }\n\n takeDamage(amount) {\n if (!this.isShieldActive) {\n const damageReduction = this.calculateDamageReduction();\n const reducedDamage = amount * (1 - damageReduction);\n this.health -= reducedDamage;\n console.log(\"Health: \" + this.health + \", Reduced Damage: \" + reducedDamage);\n } else {\n console.log(\"Shield blocked the damage!\");\n }\n }\n\n calculateDamageReduction() {\n let reduction = 0;\n\n equippedArmor.forEach(item => {\n if (item === 'leaf_helmet') {\n reduction += 0.05; // 5% reduction for leaf helmet\n }\n if (item === 'leaf_neckpiece') {\n reduction += 0.07; // 7% reduction for leaf neckpiece\n }\n if (item === 'leafchestplate') {\n reduction += .10; // 10% reduction for leaf chestplate\n }\n });\n\n return reduction;\n }\n\n calculateJabDamageIncrease() {\n let increase = 0;\n\n equippedArmor.forEach(item => {\n if (item === 'leaf_gloves') {\n increase += 0.5; // 50% increase for leaf gloves\n }\n });\n\n return increase;\n }\n\n isNearZombie(zombieX, zombieY) {\n const proximityThreshold = 83;\n const distanceToZombie = dist(this.x, this.y, zombieX, zombieY);\n return distanceToZombie <= proximityThreshold;\n }\n\n move() {\n let speed = keyIsDown(SHIFT) ? this.sprintSpeed : this.normalSpeed;\n\n if (this.isSliding) {\n speed = this.slideSpeed;\n this.slideSpeed -= this.slideDeceleration;\n\n if (this.slideSpeed <= 0) {\n this.currentImage = characterIdle;\n this.isSliding = false;\n this.slideSpeed = 0;\n }\n }\n\n if (keyIsDown(LEFT_ARROW)) {\n this.x -= speed;\n this.direction = -1;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n this.x += speed;\n this.direction = 1;\n }\n if (keyIsDown(UP_ARROW) && !this.isJumping) {\n this.isJumping = true;\n this.jumpHeight = 30;\n }\n\n if (keyIsDown(DOWN_ARROW) && !this.isSliding) {\n this.slide();\n }\n\n if (this.isJumping) {\n this.y -= this.jumpHeight;\n this.jumpHeight -= 4;\n if (this.jumpHeight <= 0) {\n this.isJumping = false;\n this.y = height - 100;\n }\n }\n\n this.x = constrain(this.x, 0, width * 16 - 50);\n\n if (!this.isSliding) {\n if (keyIsDown(LEFT_ARROW) || keyIsDown(RIGHT_ARROW)) {\n this.walkAnimationFrame = (this.walkAnimationFrame + 1) % 20;\n this.currentImage = (this.walkAnimationFrame < 10) ? characterWalk1 : characterWalk2;\n } else {\n this.currentImage = characterIdle;\n this.walkAnimationFrame = 0;\n }\n }\n\n if (this.isSwinging) {\n this.swingDuration++;\n if (this.swingDuration > 30) {\n this.isSwinging = false;\n this.swingDuration = 0;\n }\n }\n }\n\n slide() {\n this.isSliding = true;\n this.slideSpeed = 5;\n this.currentImage = characterSlide;\n }\n\n display() {\n let displayY = this.y;\n\n if (this.isJumping) {\n displayY -= this.jumpHeight;\n }\n\n push();\n\n if (this.direction === -1) {\n scale(-1, 1);\n image(this.currentImage, -this.x - this.currentImage.width, displayY);\n } else {\n image(this.currentImage, this.x, displayY);\n }\n\n pop();\n\n this.displayArmor();\n\n if (equippedItems.includes('bow')) {\n this.displayBow();\n }\n\n if (this.isPunching) {\n textSize(25);\n textAlign(CENTER, CENTER);\n let punchX = this.direction === -1 ? this.x - 20 : this.x + 83;\n push();\n if (this.direction === -1) {\n scale(-1, 1);\n text('🤜', -punchX - 15, displayY + 80);\n } else {\n text('🤜', punchX, displayY + 80);\n }\n pop();\n }\n\n if (this.isSwinging) {\n this.displaySword();\n }\n\n if (this.isShieldActive) {\n this.displayShield();\n }\n\n if (equippedItems.includes('cursed_spear')) {\n this.displaySpear();\n }\n }\n\n displaySpear() {\n const spearWidth = cursed_spear.width / 4;\n const spearHeight = cursed_spear.height / 4;\n const spearX = this.direction === 1 ? this.x + 15 : this.x + 208 - spearWidth; // Ensure handle stays the same distance\n const spearY = this.y + 100;\n\n push();\n translate(spearX, spearY);\n\n if (this.direction === -1) {\n scale(-1, 1); // Mirror the spear if facing left\n }\n\n image(cursed_spear, 0, -spearHeight / 2, spearWidth, spearHeight);\n pop();\n }\n\n displayArmor() {\n const armorOffsets = {\n 'leaf_helmet': { x: this.x - 36, y: this.y - 22 },\n 'leaf_neckpiece': { x: this.x + 30, y: this.y + 53 },\n 'leafchestplate': { x: this.x + 0, y: this.y + 50 },\n 'leaf_gloves': { x: this.x - 8, y: this.y + 34 },\n };\n\n equippedArmor.forEach(item => {\n if (armorOffsets[item]) {\n const offset = armorOffsets[item];\n if (item === 'leaf_helmet') {\n image(leaf_helmet, offset.x, offset.y, 194, 194);\n } else if (item === 'leaf_neckpiece') {\n image(leaf_neckpiece, offset.x, offset.y, 25.07856, 25.07856);\n } else if (item === 'leafchestplate') {\n image(leafchestplate, offset.x, offset.y, 100, 70);\n } else if (item === 'leaf_gloves') {\n image(leaf_gloves, offset.x, offset.y, 110, 110);\n }\n }\n });\n }\n\n displayBow() {\n const bowWidth = bow.width / 4;\n const bowHeight = bow.height / 4;\n const bowX = this.direction === 1 ? this.x + 20 : this.x + 50;\n const bowY = this.y + 84;\n\n const yOffset = constrain(mouseY - bowY, -50, 50);\n const maxRotation = PI / 4;\n this.bowAngle = map(yOffset, -50, 50, -maxRotation, maxRotation);\n\n push();\n translate(bowX, bowY);\n\n if (this.direction === -1) {\n rotate(-this.bowAngle);\n scale(-1, 1);\n } else {\n rotate(this.bowAngle);\n }\n\n image(bow, 0, -bowHeight / 2, bowWidth, bowHeight);\n pop();\n }\n\n jab() {\n const proximityThreshold = 83;\n const zombieX = 200;\n const zombieY = height - 100;\n const distanceToZombie = dist(this.x, this.y, zombieX, zombieY);\n\n if (!this.isPunching) {\n this.isPunching = true;\n const jabDamage = this.jabDamage * (1 + this.calculateJabDamageIncrease());\n if (distanceToZombie <= proximityThreshold) {\n this.hitZombie = true;\n zombieHealth -= jabDamage;\n damageDisplay = jabDamage;\n }\n\n this.punchOffsetX = 0;\n\n setTimeout(() => {\n damageDisplay = 0;\n this.isPunching = false;\n }, 1000);\n }\n }\n\n swingSword() {\n const proximityThreshold = 83;\n const zombieX = 200;\n const zombieY = height - 100;\n const distanceToZombie = dist(this.x, this.y, zombieX, zombieY);\n\n if (!this.isSwinging) {\n this.isSwinging = true;\n if (distanceToZombie <= proximityThreshold) {\n this.hitZombie = true;\n zombieHealth -= 20;\n damageDisplay = 20;\n }\n this.swingDuration = 0;\n }\n }\n\n displaySword() {\n const swordWidth = bigsword.width / 3;\n const swordHeight = bigsword.height / 3;\n const swordX = this.direction === 1 ? this.x + 50 : this.x - 106.5;\n const swordY = this.y - 20;\n\n push();\n translate(swordX, swordY);\n\n const swingAngle = map(this.swingDuration, 0, 30, 0, PI / 2);\n if (this.direction === -1) {\n rotate(-swingAngle);\n } else {\n rotate(swingAngle);\n }\n\n image(bigsword, 0, 0, swordWidth, swordHeight);\n pop();\n }\n\n displayShield() {\n const shieldWidth = wooden_shield.width / 4;\n const shieldHeight = wooden_shield.height / 4;\n const shieldX = this.direction === 1 ? this.x + 85 : this.x - 8;\n const shieldY = this.y + 80;\n\n push();\n translate(shieldX, shieldY);\n\n if (this.direction === -1) {\n scale(-1, 1);\n }\n\n image(wooden_shield, -shieldWidth / 2, -shieldHeight / 2, shieldWidth, shieldHeight);\n pop();\n }\n\n displayHealthBar() {\n const healthBarWidth = 100;\n const healthBarHeight = 10;\n\n fill(255, 0, 0);\n rect(this.x, this.y - 30, healthBarWidth, healthBarHeight);\n\n fill(0, 255, 0);\n const currentHealthWidth = (this.health / 20) * healthBarWidth;\n rect(this.x, this.y - 30, currentHealthWidth, healthBarHeight);\n }\n\n checkIfDead() {\n return this.health <= 0;\n }\n}\n\n","Inventory.js":"let inventory = Array(25).fill(null);\n\nlet armorInventory = Array(30).fill(null);\n\nlet armorPieces = [];\n\nlet equippedArmor = [];\n\nlet equippedItems = [];\n\ninventory[0] = 'bigsword';\n\ninventory[1] = 'bow';\n\ninventory[2] = 'woodbonearrow';\n\ninventory[3] = 'wooden_shield';\n\ninventory[4] = 'small_apple';\n\ninventory[5] = 'cursed_spear'; // Ensure cursed_spear is in the inventory\n\narmorPieces[0] = 'leaf_helmet';\n\narmorPieces[1] = 'leaf_neckpiece';\n\narmorPieces[2] = 'leafchestplate';\n\narmorPieces[3] = 'leaf gloves';\n\n\nfunction drawWrappedText(text, boxWidth) {\n let words = text.split(' ');\n let line = '';\n const lines = [];\n\n for (let i = 0; i < words.length; i++) {\n let testLine = line + words[i] + ' ';\n let testWidth = textWidth(testLine);\n\n if (testWidth > boxWidth && i > 0) {\n lines.push(line);\n line = words[i] + ' ';\n } else {\n line = testLine;\n }\n }\n lines.push(line);\n\n return lines;\n}\n\nfunction displayEquippedItems() {\n const cameraX = character.x - width / 2;\n const cameraY = character.y - height / 2;\n\n const equipX = cameraX + 50;\n const equipY = cameraY + 400;\n const slotSize = 50;\n\n if (equippedItems.length > 0 || equippedArmor.length > 0) {\n fill(200, 200, 200, 150);\n rect(equipX, equipY, 300, slotSize);\n }\n\n let index = 0;\n equippedItems.forEach(item => {\n let itemX = equipX + index * (slotSize + 10);\n let itemY = equipY;\n\n if (item === 'bigsword') {\n let swordWidth = bigsword.width / 4;\n let swordHeight = bigsword.height / 4;\n\n push();\n translate(itemX + swordWidth / 2, itemY + swordHeight / 2);\n rotate(0);\n image(bigsword, -swordWidth / 2, -swordHeight / 2, swordWidth, swordHeight);\n pop();\n } else if (item === 'bow') {\n let bowWidth = bow.width / 4;\n let bowHeight = bow.height / 4;\n\n push();\n translate(itemX + bowWidth / 2, itemY + bowHeight / 2);\n rotate(0);\n image(bow, -bowWidth / 2, -bowHeight / 2, bowWidth, bowHeight);\n pop();\n } else if (item === 'woodbonearrow') {\n let arrowWidth = woodbonearrow.width / 4;\n let arrowHeight = woodbonearrow.height / 4;\n\n push();\n translate(itemX + arrowWidth / 2, itemY + arrowHeight / 2);\n rotate(0);\n image(woodbonearrow, -arrowWidth / 2, -arrowHeight / 2, arrowWidth, arrowHeight);\n pop();\n } else if (item === 'wooden_shield') {\n let shieldWidth = wooden_shield.width / 4;\n let shieldHeight = wooden_shield.height / 4;\n\n push();\n translate(itemX + shieldWidth / 2, itemY + shieldHeight / 2);\n rotate(0);\n image(wooden_shield, -shieldWidth / 2, -shieldHeight / 2, shieldWidth, shieldHeight);\n pop();\n } else if (item === 'cursed_spear') {\n let spearWidth = cursed_spear.width / 4;\n let spearHeight = cursed_spear.height / 4;\n\n push();\n translate(itemX + spearWidth / 2, itemY + spearHeight / 2);\n rotate(0);\n image(cursed_spear, -spearWidth / 2, -spearHeight / 2, spearWidth, spearHeight);\n pop();\n }\n\n index++;\n });\n\n equippedArmor.forEach(item => {\n let itemX = equipX + index * (slotSize + 10);\n let itemY = equipY;\n\n if (item === 'leaf_helmet') {\n let helmetWidth = leaf_helmet.width / 4;\n let helmetHeight = leaf_helmet.height / 4;\n\n push();\n translate(itemX + helmetWidth / 2, itemY + helmetHeight / 2);\n rotate(0);\n image(leaf_helmet, -helmetWidth / 2, -helmetHeight / 2, helmetWidth, helmetHeight);\n pop();\n } else if (item === 'leaf_neckpiece') {\n let neckpieceWidth = leaf_neckpiece.width / 4;\n let neckpieceHeight = leaf_neckpiece.height / 4;\n\n push();\n translate(itemX + neckpieceWidth / 2, itemY + neckpieceHeight / 2);\n rotate(0);\n image(leaf_neckpiece, -neckpieceWidth / 2, -neckpieceHeight / 2, neckpieceWidth, neckpieceHeight);\n pop();\n }\n index++;\n });\n}\n\nfunction displayInventory() {\n if (inventoryVisible) {\n const cameraX = character.x - width / 2;\n const cameraY = character.y - height / 2;\n\n fill(200, 200, 200, 150);\n rect(cameraX + 50, cameraY + 50, 300, 300);\n\n const slotSize = 50;\n const padding = 10;\n hoveredItem = null;\n\n const adjustedMouseX = mouseX + cameraX;\n const adjustedMouseY = mouseY + cameraY;\n\n for (let i = 0; i < inventory.length; i++) {\n let x = cameraX + 60 + (i % 5) * (slotSize + padding);\n let y = cameraY + 60 + floor(i / 5) * (slotSize + padding);\n\n fill(255);\n rect(x, y, slotSize, slotSize);\n\n if (adjustedMouseX > x && adjustedMouseX < x + slotSize && adjustedMouseY > y && adjustedMouseY < y + slotSize) {\n hoveredItem = inventory[i];\n\n if (mouseIsPressed) {\n equipItem(inventory[i]);\n }\n }\n\n if (inventory[i] === 'bigsword') {\n image(bigsword, x, y, slotSize, slotSize);\n } else if (inventory[i] === 'bow') {\n image(bow, x, y, slotSize, slotSize);\n } else if (inventory[i] === 'woodbonearrow') {\n image(woodbonearrow, x, y, slotSize, slotSize);\n } else if (inventory[i] === 'wooden_shield') {\n image(wooden_shield, x, y, slotSize, slotSize);\n } else if (inventory[i] === 'small_apple') {\n image(small_apple, x, y, slotSize, slotSize);\n } else if (inventory[i] === 'leaf_helmet') {\n image(leaf_helmet, x, y, slotSize, slotSize);\n } else if (inventory[i] === 'cursed_spear') {\n image(cursed_spear, x, y, slotSize, slotSize);\n }\n }\n }\n}\n\nfunction displayItemInfo(item) {\n if (item) {\n const cameraX = character.x - width / 2;\n const cameraY = character.y - height / 2;\n\n const infoX = cameraX + width - 200;\n const infoY = cameraY + 50;\n\n fill(255, 255, 255, 200);\n rect(infoX, infoY, 150, 140);\n\n fill(0);\n textSize(14);\n textAlign(LEFT, TOP);\n\n if (item === 'bigsword') {\n image(bigsword, infoX + 10, infoY + 10, 50, 50);\n text(\"Big Sword\", infoX + 70, infoY + 10);\n const wrappedText = drawWrappedText(\"A powerful sword.\", 70);\n for (let i = 0; i < wrappedText.length; i++) {\n text(wrappedText[i], infoX + 70, infoY + 30 + (i * 18));\n }\n } else if (item === 'bow') {\n image(bow, infoX + 10, infoY + 10, 50, 50);\n text(\"Bow\", infoX + 70, infoY + 10);\n const wrappedText = drawWrappedText(\"A long-range weapon.\", 70);\n for (let i = 0; i < wrappedText.length; i++) {\n text(wrappedText[i], infoX + 70, infoY + 30 + (i * 18));\n }\n } else if (item === 'woodbonearrow') {\n image(woodbonearrow, infoX + 10, infoY + 10, 50, 50);\n text(\"Arrow\", infoX + 70, infoY + 10);\n const wrappedText = drawWrappedText(\"An arrow for the bow.\", 70);\n for (let i = 0; i < wrappedText.length; i++) {\n text(wrappedText[i], infoX + 70, infoY + 30 + (i * 18));\n }\n } else if (item === 'wooden_shield') {\n image(wooden_shield, infoX + 10, infoY + 10, 50, 50);\n text(\"Wooden Shield\", infoX + 70, infoY + 10);\n const wrappedText = drawWrappedText(\"A sturdy shield for defense.\", 70);\n for (let i = 0; i < wrappedText.length; i++) {\n text(wrappedText[i], infoX + 70, infoY + 30 + (i * 18));\n }\n } else if (item === 'small_apple') {\n image(small_apple, infoX + 10, infoY + 10, 50, 50);\n text(\"Small Apple\", infoX + 70, infoY + 10);\n const wrappedText = drawWrappedText(\"A tasty apple that heals 1 hp.\", 70);\n for (let i = 0; i < wrappedText.length; i++) {\n text(wrappedText[i], infoX + 70, infoY + 30 + (i * 18));\n }\n } else if (item === 'leaf_helmet') {\n image(leaf_helmet, infoX + 10, infoY + 10, 50, 50);\n text(\"Leaf Helmet\", infoX + 70, infoY + 10);\n const wrappedText = drawWrappedText(\"A weak helmet that blocks 0.5 percent of damage.\", 70);\n for (let i = 0; i < wrappedText.length; i++) {\n text(wrappedText[i], infoX + 70, infoY + 30 + (i * 18));\n }\n } else if (item === 'leaf_neckpiece') {\n image(leaf_neckpiece, infoX + 10, infoY + 10, 50, 50);\n text(\"Leaf Neck Piece\", infoX + 70, infoY + 10);\n const wrappedText = drawWrappedText(\"A decorative neckpiece made of leaves.\", 70);\n for (let i = 0; i < wrappedText.length; i++) {\n text(wrappedText[i], infoX + 70, infoY + 30 + (i * 18));\n }\n } else if (item === 'cursed_spear') {\n image(cursed_spear, infoX + 10, infoY + 10, 50, 50);\n text(\"cursed spear\", infoX + 70, infoY + 10);\n const wrappedText = drawWrappedText(\"A spear that deals 500% more damage to the ghost\", 70);\n for (let i = 0; i < wrappedText.length; i++) {\n text(wrappedText[i], infoX + 70, infoY + 30 + (i * 18));\n }\n }\n }\n}\n\nfunction equipItem(item) {\n const armorItems = ['leaf_helmet', 'leaf_neckpiece', 'leafchestplate', 'leaf_gloves', 'neckpiece', 'chestplate', 'gloves', 'leggings', 'boots'];\n\n if (armorItems.includes(item)) {\n if (equippedArmor.includes(item)) {\n const index = equippedArmor.indexOf(item);\n if (index > -1) {\n equippedArmor.splice(index, 1);\n }\n } else {\n if (equippedArmor.length < 6) {\n equippedArmor.push(item);\n } else {\n alert(\"You can only equip a maximum of 6 armor items!\");\n }\n }\n } else {\n if (equippedItems.includes(item)) {\n const index = equippedItems.indexOf(item);\n if (index > -1) {\n equippedItems.splice(index, 1);\n }\n } else {\n if (equippedItems.length < 2) {\n equippedItems.push(item);\n } else {\n alert(\"You can only equip a maximum of 2 items!\");\n equippedItems.pop(); // Remove the most recently equipped item\n }\n }\n }\n}\n\n// Inventory.js\n\nfunction displayArmorInventory() {\n const cameraX = character.x - width / 2;\n const cameraY = character.y - height / 2;\n\n fill(200, 200, 200, 150);\n rect(cameraX + 50, cameraY + 50, 300, 400);\n\n const slotSize = 50;\n const padding = 10;\n\n for (let i = 0; i < armorInventory.length; i++) {\n let x = cameraX + 60 + (i % 5) * (slotSize + padding);\n let y = cameraY + 60 + floor(i / 5) * (slotSize + padding);\n\n fill(255);\n rect(x, y, slotSize, slotSize);\n\n if (armorInventory[i] === 'leaf_helmet') {\n image(leaf_helmet, x, y, slotSize, slotSize);\n } else if (armorInventory[i] === 'leaf_neckpiece') {\n image(leaf_neckpiece, x, y, slotSize, slotSize);\n } else if (armorInventory[i] === 'leafchestplate') {\n image(leafchestplate, x, y, slotSize, slotSize);\n } else if (armorInventory[i] === 'leaf_gloves') {\n image(leaf_gloves, x, y, slotSize, slotSize); // Add this line\n }\n\n const adjustedMouseX = mouseX + cameraX;\n const adjustedMouseY = mouseY + cameraY;\n if (adjustedMouseX > x && adjustedMouseX < x + slotSize && adjustedMouseY > y && adjustedMouseY < y + slotSize) {\n if (mouseIsPressed) {\n equipItem(armorInventory[i]);\n armorInventory[i] = null;\n }\n }\n }\n}\n","Projectile.js":"class Projectile {\n constructor(startX, startY, targetX, targetY, speed = 5, asset = projectile1, effectType = null) {\n this.x = startX;\n this.y = startY;\n this.targetX = targetX;\n this.targetY = targetY;\n this.speed = speed;\n this.asset = asset;\n this.effectType = effectType;\n\n const angle = atan2(targetY - startY, targetX - startX);\n this.velocityX = this.speed * cos(angle);\n this.velocityY = this.speed * sin(angle);\n\n this.width = asset.width / 4;\n this.height = asset.height / 4;\n }\n\n update() {\n this.x += this.velocityX;\n this.y += this.velocityY;\n }\n\n display() {\n image(this.asset, this.x, this.y, this.width, this.height);\n }\n\n isOffScreen() {\n // Check if the projectile is off the game world instead of just the canvas\n return this.x < 0 || this.x > width * 16 || this.y < 0 || this.y > height + 300;\n }\n}\n\n"},"chat_history":[{"message":"Make sure that the spear deals damage on every single hit.","project_id":5478,"created_at":"2025-11-11T22:50:11.710152Z","output_tokens":null,"sender":"human","code_id":292784,"deleted":0,"input_tokens":null,"id":178822},{"message":"

\n# Reasoning\nThe current implementation of the spear's collision handling seems to apply special confusion logic, which only applies damage on certain conditions. To ensure damage is dealt on every hit, we need to modify the `handleSpearCollisions` method to always decrease the enemy health whenever a spear hits, while maintaining the current confusion logic.\n

\n\n

\n# Answer: \n

\n\nWe can modify the spear collision logic to ensure that damage is dealt on every hit.\n\n```javascript\n// Game.js\nhandleSpearCollisions(spear, spearIndex) {\n const enemies = [\n { instance: this.ghost, healthProperty: 'health', damage: 10 },\n { instance: this.slimer, healthProperty: 'health', damage: 2 },\n { instance: { x: 200, y: height - 100, width: zombie1_idle.width, height: zombie1_idle.height, health: zombieHealth }, damage: 2 }\n ];\n\n enemies.forEach((enemy, index) => {\n if (enemy.instance && this.checkAABBCollision(spear.x, spear.y, spear.width, spear.height, enemy.instance.x, enemy.instance.y, enemy.instance.width, enemy.instance.height)) {\n const enemyId = index; // Use index as a simple ID\n\n if (!this.confusionStatus[enemyId]) {\n this.confusionStatus[enemyId] = { hits: 0, isConfused: false };\n }\n\n // Always deal damage to the enemy on hit\n enemy.instance[enemy.healthProperty] -= enemy.damage;\n damageDisplay = enemy.damage;\n\n // Handle confusion logic\n this.confusionStatus[enemyId].hits += 1;\n if (this.confusionStatus[enemyId].hits === 1) {\n this.confusionStatus[enemyId].isConfused = true;\n console.log('Enemy is now confused and runs away!');\n } else if (this.confusionStatus[enemyId].hits === 2) {\n this.character.health = constrain(this.character.health + 5, 0, 20);\n enemy.instance[enemy.healthProperty] -= Math.floor(enemy.instance[enemy.healthProperty] / 5);\n console.log('Recovered health and enemy takes additional damage');\n this.confusionStatus[enemyId].hits = 0;\n }\n\n spears.splice(spearIndex, 1); // Remove the spear after collision\n }\n });\n}\n```\n\n- The spear now deals damage to enemies on every hit by directly subtracting damage from the enemy's health.\n- The confusion logic remains intact, tracking hits and applying additional effects as defined.\n- The `damageDisplay` is updated to reflect the damage on each hit.\n- Spears are removed after a collision, ensuring the game continues to function smoothly.","project_id":5478,"created_at":"2025-11-11T22:50:12.021935Z","output_tokens":668,"sender":"ai","code_id":292784,"deleted":0,"input_tokens":17688,"id":178823}],"assets":[{"project_id":5478,"creator":"","cloudinary_id":"wi29arbkheuhf50ftox5","deleted":false,"id":82168,"created_at":"2025-08-12T19:05:13.184738Z","name":"cursed_spear","resource_type":"image","tags":[]},{"project_id":5478,"creator":"","cloudinary_id":"iltnp2ozdbgzpvftbizb","deleted":false,"id":82146,"created_at":"2025-08-04T23:56:47.915394Z","name":"the_moon","resource_type":"image","tags":[]},{"project_id":5478,"creator":"","cloudinary_id":"zef2wosbhmkbof4h11bv","deleted":false,"id":82145,"created_at":"2025-08-04T23:53:37.657935Z","name":"the_sun","resource_type":"image","tags":[]},{"project_id":5478,"creator":"","cloudinary_id":"vtzochu0xwcqamnumkxf","deleted":false,"id":82144,"created_at":"2025-08-04T23:50:32.024434Z","name":"ghost","resource_type":"image","tags":null},{"project_id":5478,"creator":"","cloudinary_id":"ygfuyjmafzarglw44rgg","deleted":false,"id":82143,"created_at":"2025-08-04T23:49:46.237010Z","name":"projectile1","resource_type":"image","tags":null},{"project_id":5478,"creator":"","cloudinary_id":"beddbximwqzx6bhztmwn","deleted":false,"id":82142,"created_at":"2025-08-03T17:57:08.954992Z","name":"leaf_gloves","resource_type":"image","tags":[]},{"project_id":5478,"creator":"","cloudinary_id":"du9b9gwdivrzzdyuoxuf","deleted":false,"id":82110,"created_at":"2025-07-27T19:01:35.461175Z","name":"leafchestplate","resource_type":"image","tags":[]},{"project_id":5478,"creator":"","cloudinary_id":"nbt6dsfidqd9sugysj8f","deleted":false,"id":81621,"created_at":"2025-07-21T23:10:11.890443Z","name":"leaf_neckpiece","resource_type":"image","tags":[]},{"project_id":5478,"creator":null,"cloudinary_id":"so7wfgesunymjfswkgxt","deleted":false,"id":75947,"created_at":"2025-06-15T19:57:32.436407Z","name":"leaf_helmet","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"lb9xjs5kwl8kisnrlwwr","deleted":false,"id":75167,"created_at":"2025-06-01T19:45:20.228795Z","name":"small_apple","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"yr84u4khmfg7bljc0shp","deleted":false,"id":74571,"created_at":"2025-05-20T21:40:24.458829Z","name":"slimer","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"vj7yrmodcxlutf9aeiku","deleted":false,"id":74013,"created_at":"2025-05-13T21:44:52.318319Z","name":"wooden_shield","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"lqmswcupfioegfeegm6i","deleted":false,"id":61275,"created_at":"2025-03-15T18:58:16.636457Z","name":"woodbonearrow","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"g7lqbgondxyqdtfydlrl","deleted":false,"id":60809,"created_at":"2025-03-09T20:01:15.524135Z","name":"bow","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"bcounlp2ycoyjdtxs5f2","deleted":false,"id":60029,"created_at":"2025-03-02T15:44:04.570844Z","name":"zombie1_walk2","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"ojrctfzhinpdxlceruep","deleted":false,"id":60028,"created_at":"2025-03-02T15:43:15.382591Z","name":"dragon","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"r3hgmkzd37flo6monsj6","deleted":false,"id":60027,"created_at":"2025-03-02T15:42:49.834285Z","name":"projectile2","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"u4brntht7jejtfnpez5o","deleted":false,"id":59774,"created_at":"2025-02-22T19:36:45.366769Z","name":"zombie1_jump","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"fxqzjhwujnmatylkjofm","deleted":false,"id":59773,"created_at":"2025-02-22T19:36:38.699877Z","name":"zombie1_walk1","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"mlssznuz1ymk2xwdnban","deleted":false,"id":59772,"created_at":"2025-02-22T19:36:26.279232Z","name":"zombie1_slide","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"new0cs7s2fzxabqx2pzk","deleted":false,"id":59159,"created_at":"2025-02-09T16:29:52.487516Z","name":"bigsword","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"ayzwz0f5un1fa3ld27gb","deleted":false,"id":58176,"created_at":"2025-01-26T16:18:15.881356Z","name":"zombie1_idle","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"vkluith8qyjdzyviy0zs","deleted":false,"id":57705,"created_at":"2025-01-12T20:31:54.518535Z","name":"character1_walk1","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"zqunumoniygxet2q6ao7","deleted":false,"id":57704,"created_at":"2025-01-12T20:31:41.406562Z","name":"character1_idle","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"sgltu5phf740juy8b4z3","deleted":false,"id":57703,"created_at":"2025-01-12T20:31:33.253823Z","name":"character1_jump","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"jdkajfc9r1jbc5wxtyba","deleted":false,"id":57702,"created_at":"2025-01-12T20:31:21.804966Z","name":"character1_slide","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"vfn8nx23jlr43jnlgjud","deleted":false,"id":57701,"created_at":"2025-01-12T20:31:17.996950Z","name":"character1_walk2","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"n7uxenme7qflarrwnvbc","deleted":false,"id":57700,"created_at":"2025-01-12T20:29:00.218389Z","name":"planet05","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"sjy8ua9nnadyy7uwkcqn","deleted":false,"id":57699,"created_at":"2025-01-12T20:28:20.866297Z","name":"planet04","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"cwzxjrbqsfr1ugcsbbbd","deleted":false,"id":57698,"created_at":"2025-01-12T20:28:16.814005Z","name":"planet07","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"ktholhqmblldss5zwf4c","deleted":false,"id":57697,"created_at":"2025-01-12T20:28:10.851534Z","name":"planet08","resource_type":"image","tags":null},{"project_id":5478,"creator":null,"cloudinary_id":"cnor0d1b0n3n3gkk2gzg","deleted":false,"id":57696,"created_at":"2025-01-12T20:25:37.131464Z","name":"woodCrate","resource_type":"image","tags":null}],"messages_sent":574,"comments":[],"steps":[]}