{"name":"Blob Quest: Rise of the Blob game","description":"Dodge emojis and collect points in this fun and fast-paced game!","photo":null,"view_count":8,"fork_count":0,"expires_at":null,"created_at":"2024-10-01T15:45:47.923867Z","updated_at":"2024-10-03T12:37:29.591512Z","user_id":7,"status":"PRIVATE","parent_id":2293,"id":3416,"user":{"photo":null,"email":"ethanjelzer@gmail.com","recess_id":"e1eeaa50-7dab-c930-3cfc-58e768624b88","created_at":"2023-12-12T14:03:59.340917Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"astrogoose18","id":7,"password_hash":"$2b$12$vP3qRABi/7OSTVJVnQLnt.PMLKDSvfUTL4Y9mCa2gjm9mZzjSXPi2","updated_at":"2023-12-12T14:03:59.340920Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let scene, camera, renderer, sphere;\nlet controls;\nlet light;\nlet ambientLight;\nlet ground;\nconst playerSpeed = 3; // Define the player speed\nconst initialDistance = 30; // Initial distance from the player\nlet currentDistance = initialDistance;\nconst keysPressed = new Set();\nlet velocity = new THREE.Vector3(0, 0, 0); // Initial velocity\nlet isJumping = false; // Track if the player is jumping\nconst jumpVelocity = 0.5; // Initial jump velocity\nconst gravity = 0.02; // Gravity value\nconst maxAirSpeed = 1.5; // Maximum speed in the air\nconst airControlFactor = 0.02; // Factor to adjust direction mid-air\nlet initialDirection = new THREE.Vector3(0, 0, 0);\nconst blocks = [];\nlet selectedSlot = 1;\nlet slingshot, projectiles = [];\nlet lockedOnEnemy = null; // Variable to store the locked-on enemy\nconst lockOnRadius = 15; // Radius for detecting nearby enemies\nconst enemies = []; // Array to store all enemies\nlet slingshotCooldown = 0.5; // Cooldown time in seconds\nlet lastShotTime = 0; // Timestamp of the last shot\nconst particles = []; // Array to store particles\nlet playerHealth = 5; // Player starts with 5 health points\nlet healthDecreaseTimer = 0; // Timer to track health decrease\nlet animationId; // Store the requestAnimationFrame ID\nlet axe; // Global variable to store the axe\nlet tree; // Global variable to store the tree\nconst trees = []; // Array to store all trees\nlet draggedItem = null; // Variable to store the item being dragged\nlet isInventoryOpen = false; // Flag to track if the inventory is open\nconst fluteSfx = new Audio(\"@asset('Flute sfx')\");\nlet hill; // Declare a global variable for the hill\nlet coinCount = 0;\nlet killCount = 0;\nconst coins = [];\nlet npc; // Global variable to store the NPC\nlet gunCooldown = 0.01; // Cooldown time in seconds for the gun\nlet lastGunShotTime = 0; // Timestamp of the last gun shot\nlet isShooting = false; // Track if the player is holding down the mouse button\nlet boss; // Declare a global variable for the boss\nlet eagle, eagleWings = [];\nlet isEagleFollowing = false; // Track if the eagle should follow\nconst eagleSpeed = 0.1; // Speed of the eagle\nconst eagleAttackRadius = 15; // Radius within which the eagle will attack\nlet eagleTarget = null; // Variable to store the enemy being attacked by the eagle\nconst eagleHeight = 1; // Height at which the eagle should follow the player\nlet playerBoundary; // Declare a global variable for the player's boundary sphere\nlet skyboxTexture;\nconst clouds = []; // Array to store all clouds\n\ndocument.addEventListener('keydown', onDocumentKeyDown, false);\ndocument.addEventListener('keyup', onDocumentKeyUp, false);\ndocument.getElementById('save-quit-button').addEventListener('click', saveAndQuit);\n\nclass Enemy {\n constructor(width, height, depth, x, y, z) {\n // Create enemy geometry and material\n const enemyGeometry = new THREE.SphereGeometry(width, 32, 32);\n const enemyMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000 }); // Red color\n this.mesh = new THREE.Mesh(enemyGeometry, enemyMaterial);\n\n // Set enemy position\n this.mesh.position.set(x, y, z);\n\n // Add to the scene\n scene.add(this.mesh);\n\n // Initialize direction for random movement\n this.direction = new THREE.Vector3(Math.random() * 2 - 1, 0, Math.random() * 2 - 1).normalize();\n\n // Save initial position\n this.initialPosition = new THREE.Vector3(x, y, z);\n\n // Set the speed to half the player's maximum speed\n this.speed = playerSpeed * 0.5 * 0.1; // Half of player's maximum speed\n\n // Initialize velocity and jumping state\n this.velocity = new THREE.Vector3(0, 0, 0); // Initial velocity\n this.isJumping = false; // Track if the enemy is jumping\n this.onBlock = null; // Track the block the enemy is currently on\n\n // Initialize shooting cooldown\n this.shootCooldown = 3; // 3 seconds cooldown\n this.lastShootTime = 0; // Timestamp of the last shot\n\n // Initialize stun state\n this.isStunned = false; // Track if the enemy is stunned\n this.stunDuration = 0; // Duration of the stun effect\n }\n\n // Method to stun the enemy\n stun(duration) {\n this.isStunned = true;\n this.stunDuration = duration;\n }\n\n // Method to move enemy\n move() {\n if (this.isStunned) {\n this.stunDuration -= 0.016; // Reduce stun duration by deltaTime (assuming 60 FPS)\n if (this.stunDuration <= 0) {\n this.isStunned = false; // Reset stun state when duration expires\n }\n return; // Skip movement if stunned\n }\n\n const margin = 3; // 3-unit margin from the edge\n const platformSize = 250; // Half the size of the 500x500 platform\n\n // Apply gravity if jumping\n if (this.isJumping) {\n this.velocity.y -= gravity; // Apply gravity\n this.mesh.position.y += this.velocity.y; // Update position\n\n // Ensure enemy stays on the ground or on top of blocks\n blocks.forEach(block => {\n const blockBox = new THREE.Box3().setFromObject(block.mesh);\n const enemyBox = new THREE.Box3().setFromObject(this.mesh);\n if (enemyBox.intersectsBox(blockBox)) {\n this.mesh.position.y = blockBox.max.y + 1; // Place the enemy on top of the block\n this.velocity.y = 0; // Reset velocity\n this.isJumping = false; // Reset jumping state\n this.onBlock = block; // Set the block the enemy is on\n }\n });\n\n if (this.mesh.position.y <= 1) {\n this.mesh.position.y = 1;\n this.velocity.y = 0;\n this.isJumping = false;\n this.onBlock = null; // Reset the block the enemy is on\n }\n } else {\n // Update position based on direction\n this.mesh.position.add(this.direction.clone().multiplyScalar(this.speed));\n\n // Check for boundaries and reverse direction if necessary\n if (this.mesh.position.x > platformSize - margin || this.mesh.position.x < -platformSize + margin) {\n this.direction.x = -this.direction.x;\n }\n if (this.mesh.position.z > platformSize - margin || this.mesh.position.z < -platformSize + margin) {\n this.direction.z = -this.direction.z;\n }\n\n // Check for collisions with blocks\n const enemyBox = new THREE.Box3().setFromObject(this.mesh);\n blocks.forEach(block => {\n const blockBox = new THREE.Box3().setFromObject(block.mesh);\n if (enemyBox.intersectsBox(blockBox)) {\n // If enemy is not already on top of the block, initiate jump\n if (!this.isJumping && this.mesh.position.y <= blockBox.max.y) {\n this.velocity.y = jumpVelocity; // Set initial jump velocity\n this.isJumping = true; // Set jumping state\n this.onBlock = block; // Set the block the enemy is jumping onto\n }\n }\n });\n\n // If the enemy is on a block, continue walking off the block\n if (this.onBlock) {\n const blockBox = new THREE.Box3().setFromObject(this.onBlock.mesh);\n\n // Continue walking in the original direction\n this.mesh.position.add(this.direction.clone().multiplyScalar(this.speed));\n\n // Check if the enemy has walked off the block\n if (!enemyBox.intersectsBox(blockBox)) {\n this.isJumping = true; // Apply gravity if the enemy walks off the block\n this.onBlock = null; // Reset the block the enemy is on\n }\n }\n }\n\n // Check collision with hill\n this.checkHillCollision();\n }\n\n shoot() {\n const currentTime = performance.now() / 1000; // Get the current time in seconds\n const distanceToPlayer = this.mesh.position.distanceTo(sphere.position);\n\n if (currentTime - this.lastShootTime >= this.shootCooldown && distanceToPlayer <= 15) {\n // Predict the future position of the player\n const predictionTime = distanceToPlayer / 30; // Time it takes for the bullet to reach the player\n const futurePosition = sphere.position.clone().add(velocity.clone().multiplyScalar(predictionTime));\n\n // Create the projectile geometry and material\n const direction = new THREE.Vector3().subVectors(futurePosition, this.mesh.position).normalize();\n const enemyBullet = new EnemyBullet(this.mesh.position.clone(), direction); // Enemy bullet\n\n // Add the bullet to the projectiles array\n projectiles.push(enemyBullet);\n\n // Update the last shoot time\n this.lastShootTime = currentTime;\n }\n }\n\n // Method to check collision with the hill\n checkHillCollision() {\n const hillCenter = new THREE.Vector3(50, 0, 50); // Center of the hill\n const hillRadius = 57.3; // Radius of the hill\n const distanceToHillCenter = this.mesh.position.distanceTo(hillCenter);\n\n if (distanceToHillCenter < hillRadius) {\n const surfaceHeight = hillCenter.y + Math.sqrt(Math.pow(hillRadius, 0.99) - Math.pow(distanceToHillCenter, 0.99));\n\n // Ensure enemy stays on the hill's surface\n this.mesh.position.y = surfaceHeight + 1; // Place the enemy on top of the hill\n this.velocity.y = 0; // Reset velocity\n this.isJumping = false; // Reset jumping state\n }\n }\n}\n\nclass Boss {\n constructor() {\n // Create boss geometry and material\n const bossGeometry = new THREE.SphereGeometry(5, 32, 32); // 5 times the size of a normal enemy\n const bossMaterial = new THREE.MeshPhongMaterial({ color: 0xff00ff }); // Purple color\n this.mesh = new THREE.Mesh(bossGeometry, bossMaterial);\n\n // Create the gun arm\n const gunArmGeometry = new THREE.BoxGeometry(1, 1, 5); // Adjusted dimensions for the gun arm\n const gunArmMaterial = new THREE.MeshPhongMaterial({ color: 0x0000ff });\n this.gunArm = new THREE.Mesh(gunArmGeometry, gunArmMaterial);\n this.gunArm.position.set(6, 0, 0); // Position the gun arm relative to the boss\n\n // Create the sword arm\n const swordArmGeometry = new THREE.BoxGeometry(1, 1, 40); // Adjusted dimensions for the sword arm\n const swordArmMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000 });\n this.swordArm = new THREE.Mesh(swordArmGeometry, swordArmMaterial);\n this.swordArm.position.set(-6, 0, 15); // Position the sword arm relative to the boss\n\n // Create the cube on top of the sword arm\n const cubeGeometry = new THREE.BoxGeometry(1, 1, 1);\n const cubeMaterial = new THREE.MeshPhongMaterial({ color: 0x00ff00 }); // Green color for the cube\n this.cube = new THREE.Mesh(cubeGeometry, cubeMaterial);\n this.cube.position.set(0, 5, 0); // Position the cube on top of the sword arm\n this.swordArm.add(this.cube); // Add the cube to the sword arm\n\n // Add arms to the boss\n this.mesh.add(this.gunArm);\n this.mesh.add(this.swordArm);\n\n // Set boss position\n this.mesh.position.set(10, 5, 100); // Adjust position as needed\n\n // Add to the scene\n scene.add(this.mesh);\n\n // Initialize health and other properties\n this.health = 50; // Boss health\n this.isStunned = false; // Boss is immune to flute\n this.attackCooldown = 5; // Cooldown time between attacks in seconds\n this.lastAttackTime = 0; // Last attack time\n this.attackPatterns = ['circle', 'rapid', 'shotgun', 'sword']; // List of attack patterns\n this.currentPattern = null; // Current attack pattern\n this.isCinematic = false; // Track if the boss is in a cinematic state\n }\n\n // Method to apply damage to the boss\n takeDamage() {\n this.health -= 1;\n }\n\n // Method to check if boss is defeated\n isDefeated() {\n return this.health <= 0;\n }\n\n // Method to handle boss attacks\n // Method to handle boss attacks\n attack() {\n if (this.isCinematic) return; // Skip attacking if in a cinematic state\n\n const currentTime = performance.now() / 1000; // Get the current time in seconds\n\n // Make the boss face the player\n const playerPosition = sphere.position.clone();\n const bossPosition = this.mesh.position.clone();\n const directionToPlayer = new THREE.Vector3().subVectors(playerPosition, bossPosition).normalize();\n this.mesh.lookAt(playerPosition);\n\n if (currentTime - this.lastAttackTime >= this.attackCooldown) {\n this.currentPattern = this.attackPatterns[Math.floor(Math.random() * this.attackPatterns.length)];\n this.lastAttackTime = currentTime;\n console.log(`Boss is attacking with pattern: ${this.currentPattern}`);\n\n if (this.currentPattern === 'circle') {\n this.attackCircle();\n } else if (this.currentPattern === 'rapid') {\n this.attackRapid();\n } else if (this.currentPattern === 'shotgun') {\n this.attackShotgun();\n }\n }\n }\n\n // Method for circle attack pattern\n attackCircle() {\n const bulletCount = 20; // Number of bullets in the circle\n for (let i = 0; i < bulletCount; i++) {\n const angle = (i / bulletCount) * Math.PI * 2;\n const direction = new THREE.Vector3(Math.cos(angle), 0, Math.sin(angle));\n const bossBullet = new BossBullet(this.mesh.position.clone(), direction);\n bossBullet.applyGravity = true; // Set gravity effect\n projectiles.push(bossBullet);\n }\n }\n\n // Method for rapid fire attack pattern\n attackRapid() {\n const bulletCount = 10; // Number of bullets in rapid fire\n for (let i = 0; i < bulletCount; i++) {\n setTimeout(() => {\n const predictionTime = 1; // Predict 1 second ahead\n const futurePosition = sphere.position.clone().add(velocity.clone().multiplyScalar(predictionTime));\n const direction = new THREE.Vector3().subVectors(futurePosition, this.mesh.position).normalize();\n const bossBullet = new BossBullet(this.mesh.position.clone(), direction);\n projectiles.push(bossBullet);\n }, i * 100); // Fire a bullet every 100ms\n }\n }\n\n // Method for shotgun attack pattern\n attackShotgun() {\n const bulletCount = 10; // Number of bullets in the shotgun spray\n const spreadRadius = 5; // Radius of the spread\n for (let i = 0; i < bulletCount; i++) {\n const angle = (i / bulletCount) * Math.PI * 2;\n // Reducing the initial speed by 10 times\n const direction = new THREE.Vector3(Math.cos(angle) * spreadRadius * 0.1, 0, Math.sin(angle) * spreadRadius * 0.1);\n const bossBullet = new BossBullet(this.mesh.position.clone(), direction);\n projectiles.push(bossBullet);\n }\n }\n\n\n // Predict the player's future position based on their current velocity\n predictPlayerPosition() {\n const predictionTime = 1; // Predict 1 second ahead\n const predictedPosition = sphere.position.clone().add(velocity.clone().multiplyScalar(predictionTime));\n return predictedPosition;\n }\n\n // Method for sword attack pattern\n attackSword() {\n // Simulate sword swing by rotating the sword arm around a pivot\n const swingDuration = 0.5; // Duration of the swing in seconds\n const initialRotation = this.swordArm.rotation.y; // Initial rotation\n const swingAmplitude = Math.PI / 2; // Amplitude of the swing\n\n const startTime = performance.now() / 1000; // Get the current time in seconds\n const swing = () => {\n const elapsedTime = performance.now() / 1000 - startTime;\n if (elapsedTime < swingDuration) {\n const progress = elapsedTime / swingDuration;\n this.swordArm.rotation.y = initialRotation + swingAmplitude * Math.sin(progress * Math.PI); // Swing left to right and back\n requestAnimationFrame(swing);\n } else {\n this.swordArm.rotation.y = initialRotation; // Reset rotation after swing\n\n // Check if the player is hit by the sword\n const swordBox = new THREE.Box3().setFromObject(this.swordArm);\n const playerBox = new THREE.Box3().setFromObject(sphere);\n if (swordBox.intersectsBox(playerBox)) {\n console.log(\"Player hit by boss sword!\");\n sphere.position.add(new THREE.Vector3().subVectors(sphere.position, this.swordArm.getWorldPosition(new THREE.Vector3())).normalize().multiplyScalar(50)); // Fling the player away 10 times further\n playerHealth -= 2; // Decrease player health by 2\n updateHealthIcons(); // Update the health icons\n\n // Check for game over\n if (playerHealth <= 0) {\n showGameOverScreen();\n cancelAnimationFrame(animationId); // Stop the animation loop\n }\n }\n }\n };\n swing();\n }\n}\n\nclass BossBullet {\n constructor(position, direction) {\n const bulletGeometry = new THREE.SphereGeometry(0.1, 8, 8); // Size of player bullet\n const bulletMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000 }); // Red color\n this.mesh = new THREE.Mesh(bulletGeometry, bulletMaterial);\n\n // Set the initial position and direction of the bullet\n this.mesh.position.copy(position);\n this.direction = direction;\n this.applyGravity = false; // Flag to apply gravity\n\n // Add to the scene\n scene.add(this.mesh);\n\n this.gravity = new THREE.Vector3(0, -0.01, 0); // Gravity effect\n }\n\n // Update bullet position\n update(deltaTime) {\n if (this.applyGravity) {\n // Apply gravity to the bullet\n this.direction.add(this.gravity);\n }\n\n this.mesh.position.add(this.direction.clone().multiplyScalar(deltaTime * 30)); // Same speed as player bullet\n\n // Check if bullet hits the ground and split into smaller bullets\n if (this.applyGravity && this.mesh.position.y <= 1) {\n this.split();\n }\n }\n\n // Method to split the bullet into smaller bullets\n split() {\n const splitBulletCount = 10;\n for (let i = 0; i < splitBulletCount; i++) {\n const angle = (i / splitBulletCount) * Math.PI * 2;\n const direction = new THREE.Vector3(Math.cos(angle), 0, Math.sin(angle));\n const splitBullet = new BossBullet(this.mesh.position.clone(), direction);\n projectiles.push(splitBullet);\n }\n\n // Remove the original bullet\n scene.remove(this.mesh);\n projectiles.splice(projectiles.indexOf(this), 1);\n }\n\n // Check if bullet is still within the game bounds\n isOutOfBounds() {\n return this.mesh.position.distanceTo(sphere.position) > 100;\n }\n\n // Check if bullet hits the player\n hitsPlayer() {\n const bulletBox = new THREE.Box3().setFromObject(this.mesh);\n const playerBox = new THREE.Box3().setFromObject(sphere);\n return bulletBox.intersectsBox(playerBox);\n }\n}\n\nclass EnemyBullet {\n constructor(position, direction) {\n const bulletGeometry = new THREE.SphereGeometry(0.1, 8, 8); // Size of player bullet\n const bulletMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000 }); // Red color\n this.mesh = new THREE.Mesh(bulletGeometry, bulletMaterial);\n\n // Set the initial position and direction of the bullet\n this.mesh.position.copy(position);\n this.direction = direction;\n\n // Add to the scene\n scene.add(this.mesh);\n }\n\n // Update bullet position\n update(deltaTime) {\n // Update the position of the bullet using the direction\n this.mesh.position.add(this.direction.clone().multiplyScalar(deltaTime * 30)); // Same speed as player bullet\n }\n\n // Check if bullet is still within the game bounds\n isOutOfBounds() {\n return this.mesh.position.distanceTo(sphere.position) > 100;\n }\n\n // Check if bullet hits the player\n hitsPlayer() {\n const bulletBox = new THREE.Box3().setFromObject(this.mesh);\n const playerBox = new THREE.Box3().setFromObject(sphere);\n return bulletBox.intersectsBox(playerBox);\n }\n}\n\nclass PlayerBullet {\n constructor(position, direction) {\n const bulletGeometry = new THREE.SphereGeometry(0.1, 8, 8); // Size of player bullet\n const bulletMaterial = new THREE.MeshPhongMaterial({ color: 0x00ff00 }); // Green color\n this.mesh = new THREE.Mesh(bulletGeometry, bulletMaterial);\n\n // Set the initial position and velocity of the bullet\n this.mesh.position.copy(position);\n this.direction = direction;\n\n // Add to the scene\n scene.add(this.mesh);\n }\n\n // Update bullet position\n update(deltaTime) {\n this.mesh.position.add(this.direction.clone().multiplyScalar(deltaTime * 30)); // Increase speed by a factor of 3\n }\n\n // Check if bullet is still within the game bounds\n isOutOfBounds() {\n return this.mesh.position.distanceTo(sphere.position) > 100;\n }\n\n // Check if bullet hits an enemy\n hitsEnemy(enemy) {\n const bulletBox = new THREE.Box3().setFromObject(this.mesh);\n const enemyBox = new THREE.Box3().setFromObject(enemy.mesh);\n return bulletBox.intersectsBox(enemyBox);\n }\n}\n\nclass Particle {\n constructor(position) {\n const particleGeometry = new THREE.SphereGeometry(0.1, 8, 8); // Small red particle\n const particleMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000 }); // Red color\n this.mesh = new THREE.Mesh(particleGeometry, particleMaterial);\n\n // Set initial position\n this.mesh.position.copy(position);\n\n // Add to the scene\n scene.add(this.mesh);\n\n // Set initial velocity and lifespan\n this.velocity = new THREE.Vector3(Math.random() * 2 - 1, Math.random() * 2, Math.random() * 2 - 1);\n this.lifespan = 1.0; // 1 second lifespan\n }\n\n // Update particle position\n update(deltaTime) {\n this.mesh.position.add(this.velocity.clone().multiplyScalar(deltaTime));\n this.lifespan -= deltaTime; // Decrease lifespan\n }\n\n // Check if particle is still alive\n isAlive() {\n return this.lifespan > 0;\n }\n}\n\nclass Block {\n constructor(width, height, depth, x, y, z) {\n // Create block geometry and material\n const blockGeometry = new THREE.BoxGeometry(width, height, depth);\n const blockMaterial = new THREE.MeshPhongMaterial({ color: 0x8B4513 });\n this.mesh = new THREE.Mesh(blockGeometry, blockMaterial);\n\n // Set block position\n this.mesh.position.set(x, y, z);\n\n // Add to the scene\n scene.add(this.mesh);\n }\n}\n\nclass Coin {\n constructor(position) {\n // Create coin geometry with thickness (cylinder shape)\n const coinGeometry = new THREE.CylinderGeometry(0.5, 0.5, 0.1, 32); // Diameter 0.5, height 0.1\n const coinMaterial = new THREE.MeshPhongMaterial({ color: 0xffff00 }); // Yellow color for the coin\n this.mesh = new THREE.Mesh(coinGeometry, coinMaterial);\n\n // Rotate the coin to lay flat on the ground\n this.mesh.rotation.x = Math.PI / 2;\n\n // Set initial position\n this.mesh.position.copy(position);\n\n // Add to the scene\n scene.add(this.mesh);\n }\n\n // Check if coin is collected by the player\n collect() {\n const coinBox = new THREE.Box3().setFromObject(this.mesh);\n const playerBox = new THREE.Box3().setFromObject(sphere);\n return coinBox.intersectsBox(playerBox);\n }\n}\n\nclass Eagle {\n constructor() {\n // Create the eagle body (blue sphere)\n const bodyGeometry = new THREE.SphereGeometry(0.5, 32, 32);\n const bodyMaterial = new THREE.MeshPhongMaterial({ color: 0x0000ff }); // Blue color\n this.body = new THREE.Mesh(bodyGeometry, bodyMaterial);\n\n // Create the left wing (long and thin rectangle)\n const leftWingGeometry = new THREE.BoxGeometry(2, 0.1, 0.5);\n const leftWingMaterial = new THREE.MeshPhongMaterial({ color: 0x0000ff }); // Blue color\n this.leftWing = new THREE.Mesh(leftWingGeometry, leftWingMaterial);\n this.leftWing.position.set(-0.5, 0, 0);\n\n // Create the right wing (long and thin rectangle)\n const rightWingGeometry = new THREE.BoxGeometry(2, 0.1, 0.5);\n const rightWingMaterial = new THREE.MeshPhongMaterial({ color: 0x0000ff }); // Blue color\n this.rightWing = new THREE.Mesh(rightWingGeometry, rightWingMaterial);\n this.rightWing.position.set(0.5, 0, 0);\n\n // Combine body and wings into one group\n this.mesh = new THREE.Group();\n this.mesh.add(this.body);\n this.mesh.add(this.leftWing);\n this.mesh.add(this.rightWing);\n\n // Add the eagle to the scene\n this.mesh.position.set(0, 2, 0); // Initial position (high above the ground)\n scene.add(this.mesh);\n\n // Flapping state\n this.flapDirection = 1; // 1 for up, -1 for down\n this.flapSpeed = 0.1; // Speed of flapping\n\n // Swooping state\n this.isSwooping = false; // Track if the eagle is swooping\n this.hasSwooped = false; // Track if the eagle has completed a swoop\n\n // Previous position for rotation calculation\n this.previousPosition = this.mesh.position.clone();\n }\n\n // Update eagle position, wings flapping, and swooping\n update() {\n // Flap wings\n this.leftWing.rotation.z += this.flapDirection * this.flapSpeed;\n this.rightWing.rotation.z -= this.flapDirection * this.flapSpeed;\n\n if (this.leftWing.rotation.z > 0.5 || this.leftWing.rotation.z < -0.5) {\n this.flapDirection *= -1; // Reverse flap direction\n }\n\n // Swoop down and attack if an enemy is targeted\n if (this.isSwooping && eagleTarget) {\n const attackDirection = new THREE.Vector3().subVectors(eagleTarget.mesh.position, this.mesh.position).normalize();\n this.mesh.position.add(attackDirection.multiplyScalar(eagleSpeed * 3)); // Increase speed for attack\n\n const distanceToTarget = this.mesh.position.distanceTo(eagleTarget.mesh.position);\n if (distanceToTarget < 0.5) {\n // Deal damage to the enemy\n this.dealDamage(eagleTarget);\n\n // Stop swooping and return to the player\n this.isSwooping = false;\n this.hasSwooped = true;\n }\n } else if (this.hasSwooped) {\n // Return to the player after swooping\n const returnDirection = new THREE.Vector3().subVectors(sphere.position, this.mesh.position).normalize();\n this.mesh.position.add(returnDirection.multiplyScalar(eagleSpeed * 2));\n\n const distanceToPlayer = this.mesh.position.distanceTo(sphere.position);\n if (distanceToPlayer < 1) {\n this.hasSwooped = false; // Reset swoop state\n }\n } else {\n // Move eagle towards the player while maintaining height and distance\n const targetPosition = sphere.position.clone().add(new THREE.Vector3(0, eagleHeight, 0));\n const directionToPlayer = new THREE.Vector3().subVectors(targetPosition, this.mesh.position).normalize();\n const distanceToPlayer = this.mesh.position.distanceTo(targetPosition);\n\n if (distanceToPlayer > 1) {\n this.mesh.position.add(directionToPlayer.multiplyScalar(eagleSpeed));\n }\n\n // Ensure eagle stays outside the player's boundary sphere\n const boundaryBox = new THREE.Box3().setFromObject(playerBoundary);\n const eagleBox = new THREE.Box3().setFromObject(this.mesh);\n if (eagleBox.intersectsBox(boundaryBox)) {\n const directionAwayFromPlayer = new THREE.Vector3().subVectors(this.mesh.position, sphere.position).normalize();\n this.mesh.position.add(directionAwayFromPlayer.multiplyScalar(eagleSpeed));\n }\n }\n\n // Rotate eagle to face direction of movement\n const velocity = new THREE.Vector3().subVectors(this.mesh.position, this.previousPosition);\n if (velocity.length() > 0) {\n this.mesh.lookAt(this.mesh.position.clone().add(velocity));\n }\n this.previousPosition = this.mesh.position.clone();\n }\n\n // Method to deal damage to the enemy\n dealDamage(enemy) {\n if (enemy instanceof Boss) {\n enemy.takeDamage(0.2); // Deal 0.2 damage to the boss\n updateBossHealthBar(); // Update the boss health bar\n } else {\n // Get the position of the killed enemy\n const enemyPosition = enemy.mesh.position.clone();\n\n // Remove the enemy from the scene and array\n scene.remove(enemy.mesh);\n enemies.splice(enemies.indexOf(enemy), 1);\n\n // Increment the kill count and check for achievements\n killCount++;\n checkAchievements();\n\n // Update the kill count display\n document.getElementById('kill-count').innerText = killCount;\n\n // Spawn two new enemies at positions near the killed enemy\n for (let j = 0; j < 2; j++) {\n const newEnemy = new Enemy(1, 1, 1, enemyPosition.x + (Math.random() * 20 - 10), 1, enemyPosition.z + (Math.random() * 20 - 10));\n enemies.push(newEnemy);\n }\n\n // Drop coins at the enemy's position\n const coinDropCount = Math.random() < 0.5 ? 1 : 2;\n for (let j = 0; j < coinDropCount; j++) {\n coins.push(new Coin(enemy.mesh.position.clone()));\n }\n }\n }\n}\n\nfunction createSky() {\n const skyGeo = new THREE.SphereGeometry(500, 32, 32);\n const skyMaterial = new THREE.ShaderMaterial({\n uniforms: {\n topColor: { value: new THREE.Color(0x87CEEB) }, // Sky blue\n bottomColor: { value: new THREE.Color(0x1E90FF) }, // Deeper blue\n offset: { value: 33 },\n exponent: { value: 0.6 }\n },\n vertexShader: `\n varying vec3 vWorldPosition;\n void main() {\n vec4 worldPosition = modelMatrix * vec4(position, 1.0);\n vWorldPosition = worldPosition.xyz;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n }\n `,\n fragmentShader: `\n uniform vec3 topColor;\n uniform vec3 bottomColor;\n uniform float offset;\n uniform float exponent;\n varying vec3 vWorldPosition;\n void main() {\n float h = normalize(vWorldPosition + offset).y;\n gl_FragColor = vec4(mix(bottomColor, topColor, max(pow(max(h, 0.0), exponent), 0.0)), 1.0);\n }\n `,\n side: THREE.BackSide\n });\n\n const sky = new THREE.Mesh(skyGeo, skyMaterial);\n scene.add(sky);\n}\n\nfunction createPuffyCloud(x, y, z) {\n const cloudGroup = new THREE.Group(); // Create a group to combine multiple spheres\n\n // Create the main body of the cloud with multiple spheres\n const mainBodySpheres = [\n { x: 0, y: 0, z: 0 },\n { x: 1.5, y: 0, z: 0 },\n { x: -1.5, y: 0, z: 0 },\n { x: 0, y: 0, z: 1.5 },\n { x: 0, y: 0, z: -1.5 },\n { x: 1, y: 0, z: 1 },\n { x: -1, y: 0, z: -1 },\n { x: 1, y: 0, z: -1 },\n { x: -1, y: 0, z: 1 }\n ];\n\n mainBodySpheres.forEach(pos => {\n const sphereGeo = new THREE.SphereGeometry(1, 32, 32);\n const sphereMat = new THREE.MeshPhongMaterial({ color: 0xffffff });\n const sphere = new THREE.Mesh(sphereGeo, sphereMat);\n sphere.position.set(pos.x, pos.y, pos.z);\n cloudGroup.add(sphere);\n });\n\n // Create the flat top part of the cloud with a single sphere\n const flatTopGeo = new THREE.SphereGeometry(2, 32, 32);\n const flatTopMat = new THREE.MeshPhongMaterial({ color: 0xffffff });\n const flatTopSphere = new THREE.Mesh(flatTopGeo, flatTopMat);\n flatTopSphere.scale.set(1, 0.5, 1); // Flatten the sphere vertically\n flatTopSphere.position.set(0, 1, 0); // Position it on top of the main body\n cloudGroup.add(flatTopSphere);\n\n // Position the entire cloud group\n cloudGroup.position.set(x, y, z);\n\n // Add the cloud group to the scene\n scene.add(cloudGroup);\n\n // Add the cloud to the clouds array\n clouds.push(cloudGroup);\n}\n\nfunction createHelixOfClouds(radius, height, turns, cloudSpacing) {\n const totalClouds = turns * height / cloudSpacing;\n for (let i = 0; i < totalClouds; i++) {\n const angle = 2 * Math.PI * turns * (i / totalClouds);\n const x = radius * Math.cos(angle);\n const y = (i * cloudSpacing) - height / 2; // Center the helix vertically\n const z = radius * Math.sin(angle);\n createPuffyCloud(x, y, z);\n }\n}\n\nfunction checkAchievements() {\n if (killCount === 1) {\n displayAchievement(\"Blood at First Sight: Kill one enemy\");\n }\n if (killCount == 5) {\n displayAchievement(\"Massacre: Kill 5 enemys\")\n }\n}\n\nfunction displayAchievement(message) {\n const achievementElement = document.createElement('div');\n achievementElement.className = 'achievement';\n achievementElement.innerText = message;\n document.body.appendChild(achievementElement);\n\n // Remove the achievement message after 3 seconds\n setTimeout(() => {\n achievementElement.remove();\n }, 3000);\n\n // Increment the coin count\n coinCount++;\n updateCoinCountDisplay();\n}\n\nfunction updateCoinCountDisplay() {\n const coinCountElement = document.getElementById('coin-count');\n if (coinCountElement) {\n coinCountElement.textContent = coinCount;\n }\n}\n\nfunction createNPC() {\n const npcGeometry = new THREE.SphereGeometry(1, 32, 32); // Green blob geometry\n const npcMaterial = new THREE.MeshPhongMaterial({ color: 0x00ff00 }); // Green color\n npc = new THREE.Mesh(npcGeometry, npcMaterial);\n\n // Position the NPC\n npc.position.set(50, 8, 50); // Adjust the position as needed\n scene.add(npc);\n}\n\nfunction createEnemies() {\n enemies.push(new Enemy(1, 1, 1, 10, 1, -5)); // Enemy 1\n}\n\nfunction getClosestEnemy() {\n let closestEnemy = null;\n let minDistance = lockOnRadius;\n\n enemies.forEach(enemy => {\n const distance = sphere.position.distanceTo(enemy.mesh.position);\n if (distance < minDistance) {\n closestEnemy = enemy;\n minDistance = distance;\n }\n });\n\n if (boss) {\n const distanceToBoss = sphere.position.distanceTo(boss.mesh.position);\n if (distanceToBoss < 30) { // 30-unit radius for automatic lock-on\n closestEnemy = boss;\n minDistance = distanceToBoss;\n }\n }\n\n return closestEnemy;\n}\n\nfunction updateSelectedSlot(slot) {\n // Remove the 'selected' class from all slots\n for (let i = 1; i <= 9; i++) {\n document.getElementById('slot-' + i).classList.remove('selected');\n }\n // Add the 'selected' class to the selected slot\n document.getElementById('slot-' + slot).classList.add('selected');\n}\n\nfunction updateInventorySlot(slot, iconClass) {\n const slotElement = document.getElementById('slot-' + slot);\n slotElement.innerHTML = iconClass; // Reverting to displaying emojis\n}\n\nfunction toggleBackpack() {\n const backpack = document.getElementById('backpack');\n const coinKillContainer = document.getElementById('coin-kill-container'); // Add this line\n\n if (backpack.style.display === 'none') {\n backpack.style.display = 'block';\n coinKillContainer.style.display = 'block'; // Add this line\n isInventoryOpen = true; // Set the flag to true when the inventory is open\n controls.enabled = false; // Disable camera controls\n } else {\n backpack.style.display = 'none';\n coinKillContainer.style.display = 'none'; // Add this line\n isInventoryOpen = false; // Set the flag to false when the inventory is closed\n controls.enabled = true; // Enable camera controls\n }\n}\n\nfunction createPlayerBoundary() {\n const boundaryGeometry = new THREE.SphereGeometry(1, 32, 32); // 1 unit radius\n const boundaryMaterial = new THREE.MeshBasicMaterial({ color: 0x000000, transparent: true, opacity: 0 }); // Invisible material\n playerBoundary = new THREE.Mesh(boundaryGeometry, boundaryMaterial);\n playerBoundary.position.copy(sphere.position); // Position it around the player\n scene.add(playerBoundary);\n}\n\nfunction createHill() {\n // Radius of the hill base (calculated to maintain a 20-degree slope)\n const radius = 57.3; // tan(20 degrees) * 20 units (height) ~ 57.3 units\n\n // Create the hill geometry and material\n const hillGeometry = new THREE.SphereGeometry(radius, 64, 64); // Sphere geometry for a rounded hill\n const hillMaterial = new THREE.MeshPhongMaterial({ color: 0x8B4513 }); // Brown color for the hill\n hill = new THREE.Mesh(hillGeometry, hillMaterial);\n\n // Position the hill\n hill.position.set(50, 0, 50); // Adjust these values to place the hill appropriately\n hill.scale.y = 0.1; // Flatten the sphere to make it shorter\n\n // Add the hill to the scene\n scene.add(hill);\n}\n\nfunction onDocumentKeyDown(event) {\n if (isInventoryOpen && event.key !== 'e') return; // Prevent actions if the inventory is open, except pressing 'e'\n\n event.preventDefault(); // Prevent the default action (scroll / move caret)\n keysPressed.add(event.key);\n\n // Handle opening the pause menu\n if (event.key === 'Escape') {\n togglePauseMenu();\n }\n\n // Handle jumping\n if (event.key === ' ' && !isJumping) {\n velocity.y = jumpVelocity; // Set initial jump velocity\n isJumping = true; // Set jumping state\n }\n\n // Handle inventory slot selection\n if (event.key >= '1' && event.key <= '9') {\n selectedSlot = parseInt(event.key);\n updateSelectedSlot(selectedSlot);\n\n // Check if the eagle should be spawned\n const activeSlotContent = document.getElementById('slot-' + selectedSlot).innerText;\n if (activeSlotContent === '🦅') {\n if (!isEagleFollowing) {\n eagle = new Eagle(); // Create the eagle\n isEagleFollowing = true; // Set the eagle to follow the player\n }\n }\n }\n\n // Handle locking on and off\n if (event.key === 'Shift') {\n const activeSlotContent = document.getElementById('slot-' + selectedSlot).innerText;\n if (activeSlotContent === '🔺' || activeSlotContent === '🔫') {\n if (lockedOnEnemy) {\n lockedOnEnemy = null; // Exit lock-on mode\n controls.enabled = true; // Re-enable camera controls\n } else {\n const closestEnemy = getClosestEnemy();\n if (closestEnemy) {\n lockedOnEnemy = closestEnemy; // Lock on to the closest enemy\n controls.enabled = false; // Disable camera controls\n const playerPosition = sphere.position.clone();\n const enemyPosition = lockedOnEnemy.mesh.position.clone();\n const directionToEnemy = new THREE.Vector3().subVectors(enemyPosition, playerPosition).normalize();\n const cameraDistance = 10;\n const cameraPosition = new THREE.Vector3().addVectors(\n playerPosition,\n directionToEnemy.multiplyScalar(-cameraDistance)\n );\n cameraPosition.y += 5; // Adjust this value to change the height\n smoothCameraTransition(cameraPosition, 500); // Smooth transition\n }\n }\n }\n }\n\n // Handle showing/hiding the NPC message, cutting down a tree, or playing the flute\n if (event.key === 'Tab') {\n const activeSlotContent = document.getElementById('slot-' + selectedSlot).innerText; // Get active slot content\n\n if (activeSlotContent === '') {\n // Talk to NPC\n handleNPCInteraction();\n } else if (activeSlotContent === '🪓') {\n // Cut down tree\n checkForTreeCut();\n } else if (activeSlotContent === '🪈') {\n // Play flute\n playFlute();\n }\n }\n\n // Handle opening/closing the backpack\n if (event.key === 'e') {\n toggleBackpack();\n }\n}\n\nfunction handleNPCInteraction() {\n const npcMessage = document.getElementById('npc-message');\n const distanceToNPC = sphere.position.distanceTo(npc.position); // Calculate distance to the NPC\n\n if (distanceToNPC <= 5) { // Check if within 5 units\n if (npcMessage.style.display === 'none') {\n npcMessage.style.display = 'block';\n } else {\n npcMessage.style.display = 'none';\n }\n }\n}\n\nfunction playFlute() {\n fluteSfx.play(); // Play the flute sound effect\n const stunRadius = 15; // Define the radius within which enemies will be stunned\n stunEnemiesInRange(stunRadius); // Stun enemies within the radius\n}\n\nfunction checkCraftingRecipes() {\n const craftingSlots = [];\n for (let i = 4; i <= 6; i++) { // Only loop through the three existing slots\n const slot = document.getElementById(`craft-slot-${i}`);\n if (slot) {\n craftingSlots.push(slot.innerHTML.trim());\n }\n }\n\n const recipes = {\n \"🪵\": \"🪈\",\n \"🔺🪵\": \"🔫\",\n \"🪵🔺\": \"🔫\",\n \"🪵🪈🪵\": \"🦅\",\n \"🪵🪵🪈\": \"🦅\",\n \"🪈🪵🪵\": \"🦅\",\n };\n\n const craftingPattern = craftingSlots.join('');\n const outputSlot = document.getElementById('output-slot');\n\n if (recipes[craftingPattern]) {\n outputSlot.innerHTML = recipes[craftingPattern];\n } else {\n outputSlot.innerHTML = '';\n }\n}\n\nfunction onDocumentKeyUp(event) {\n if (isInventoryOpen) return; // Prevent actions if the inventory is open\n\n event.preventDefault(); // Prevent the default action (scroll / move caret)\n keysPressed.delete(event.key);\n}\n\nfunction stunEnemiesInRange(radius) {\n enemies.forEach(enemy => {\n const distanceToEnemy = sphere.position.distanceTo(enemy.mesh.position);\n if (distanceToEnemy <= radius) {\n enemy.stun(10);\n }\n });\n}\n\nfunction onMouseDown(event) {\n const slot = event.target.closest('.inventory-slot, .crafting-slot');\n if (slot && slot.innerHTML) {\n draggedItem = slot.innerHTML; // Store the item being dragged\n slot.innerHTML = ''; // Clear the slot\n } else if (slot && slot.id === 'output-slot' && slot.innerHTML) {\n // Take the item from the output slot\n draggedItem = slot.innerHTML; // Store the crafted item to be dragged\n slot.innerHTML = ''; // Clear the output slot\n } else {\n const activeSlotContent = document.getElementById('slot-' + selectedSlot).innerText;\n if (lockedOnEnemy && lockedOnEnemy === boss && (activeSlotContent === '🔫' || activeSlotContent === '🔺')) {\n isShooting = true; // Set shooting state to true for rapid fire or slingshot\n shootAtBoss(); // Call the new function to shoot at the boss\n } else if (lockedOnEnemy && (activeSlotContent === '🔫' || activeSlotContent === '🔺')) {\n isShooting = true; // Set shooting state to true for rapid fire or slingshot\n }\n }\n}\n\nfunction onMouseUp(event) {\n const slot = event.target.closest('.inventory-slot, .crafting-slot');\n if (slot && draggedItem) {\n slot.innerHTML = draggedItem; // Place the item in the new slot\n draggedItem = null; // Clear the dragged item\n\n // Check crafting recipes whenever an item is placed in the crafting grid\n checkCraftingRecipes();\n } else if (slot && slot.id === 'output-slot' && slot.innerHTML) {\n // Take the item from the output slot\n draggedItem = slot.innerHTML; // Store the crafted item to be dragged\n slot.innerHTML = ''; // Clear the output slot\n } else {\n isShooting = false; // Stop shooting when the mouse button is released\n }\n}\n\nfunction onMouseClick(event) {\n const activeSlotContent = document.getElementById('slot-' + selectedSlot).innerText;\n if (lockedOnEnemy && activeSlotContent === '🔺') {\n shootProjectileAtEnemy(lockedOnEnemy, slingshotCooldown);\n }\n}\n\nfunction addItemToInventory(slotId, itemEmoji) {\n const slot = document.getElementById(slotId);\n const currentText = slot.innerText;\n const maxStackSize = 100;\n\n if (!currentText) {\n slot.innerText = itemEmoji;\n slot.dataset.count = 1;\n } else if (currentText === itemEmoji && slot.dataset.count < maxStackSize) {\n slot.dataset.count = parseInt(slot.dataset.count) + 1;\n slot.innerText = itemEmoji.repeat(slot.dataset.count);\n }\n}\n\nfunction togglePauseMenu() {\n const pauseMenu = document.getElementById('pause-menu');\n if (pauseMenu.style.display === 'none') {\n pauseMenu.style.display = 'block';\n controls.enabled = false; // Disable camera controls\n } else {\n pauseMenu.style.display = 'none';\n controls.enabled = true; // Enable camera controls\n }\n}\n\nfunction saveAndQuit() {\n // Redirect to the specified URL\n window.location.href = 'https://www.jippity.pro/3082';\n}\n\nfunction addInventoryEventListeners() {\n const inventorySlots = document.querySelectorAll('.inventory-slot');\n const craftingSlots = document.querySelectorAll('.crafting-slot');\n const outputSlot = document.getElementById('output-slot');\n\n inventorySlots.forEach(slot => {\n slot.addEventListener('mousedown', onMouseDown);\n slot.addEventListener('mouseup', onMouseUp);\n });\n\n craftingSlots.forEach(slot => {\n slot.addEventListener('mousedown', onMouseDown);\n slot.addEventListener('mouseup', onMouseUp);\n });\n\n outputSlot.addEventListener('mousedown', onMouseDown);\n outputSlot.addEventListener('mouseup', onMouseUp);\n}\n\nfunction createParticles(position) {\n for (let i = 0; i < 20; i++) {\n particles.push(new Particle(position));\n }\n}\n\nfunction createSlingshot() {\n // Define the shape of the triangle\n const shape = new THREE.Shape();\n shape.moveTo(-0.5, 0);\n shape.lineTo(0.5, 0);\n shape.lineTo(0, 1);\n shape.lineTo(-0.5, 0); // Close the path\n\n // Define the extrusion settings\n const extrudeSettings = {\n depth: 0.1, // Thickness of the slingshot\n bevelEnabled: false,\n };\n\n // Create the geometry by extruding the shape\n const geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings);\n\n // Define the material\n const material = new THREE.MeshPhongMaterial({ color: 0xff0000 });\n\n // Create the mesh\n slingshot = new THREE.Mesh(geometry, material);\n slingshot.position.set(2, 1, 2); // Position the slingshot item\n scene.add(slingshot);\n}\n\nfunction createAxe() {\n const handleGeometry = new THREE.BoxGeometry(0.2, 1, 0.2);\n const handleMaterial = new THREE.MeshPhongMaterial({ color: 0x8B4513 }); // Brown color for the handle\n const handleMesh = new THREE.Mesh(handleGeometry, handleMaterial);\n\n // Define the shape of the blade\n const bladeShape = new THREE.Shape();\n bladeShape.moveTo(-0.3, 0);\n bladeShape.lineTo(0.3, 0);\n bladeShape.lineTo(0, 0.5);\n bladeShape.lineTo(-0.3, 0); // Close the path\n\n // Define the extrusion settings\n const extrudeSettings = {\n depth: 0.1, // Thickness of the blade\n bevelEnabled: false,\n };\n\n // Create the geometry by extruding the shape\n const bladeGeometry = new THREE.ExtrudeGeometry(bladeShape, extrudeSettings);\n const bladeMaterial = new THREE.MeshPhongMaterial({ color: 0xCCCCCC }); // Gray color for the blade\n const bladeMesh = new THREE.Mesh(bladeGeometry, bladeMaterial);\n\n bladeMesh.position.set(0, 0.5, 0); // Position the blade on the handle\n\n axe = new THREE.Group(); // Create a group to combine handle and blade\n axe.add(handleMesh);\n axe.add(bladeMesh);\n\n axe.position.set(3, 1, 2); // Position the axe next to the slingshot\n scene.add(axe);\n}\n\nfunction checkForSlingshotPickup() {\n const sphereBox = new THREE.Box3().setFromObject(sphere);\n const slingshotBox = new THREE.Box3().setFromObject(slingshot);\n\n if (sphereBox.intersectsBox(slingshotBox)) {\n // Update inventory slot with a triangle emoji\n updateInventorySlot(1, '🔺');\n\n // Remove slingshot from the scene\n scene.remove(slingshot);\n }\n}\n\nfunction checkForAxePickup() {\n const sphereBox = new THREE.Box3().setFromObject(sphere); // Get the player's bounding box\n const axeBox = new THREE.Box3().setFromObject(axe); // Get the axe's bounding box\n\n if (sphereBox.intersectsBox(axeBox)) {\n // Update inventory slot with an axe emoji or text\n updateInventorySlot(2, '🪓');\n\n // Remove axe from the scene\n scene.remove(axe);\n }\n}\n\nfunction createTree(x, y) {\n // Create the trunk\n const trunkGeometry = new THREE.CylinderGeometry(0.5, 0.5, 3);\n const trunkMaterial = new THREE.MeshPhongMaterial({ color: 0x8B4513 }); // Brown color for the trunk\n const trunkMesh = new THREE.Mesh(trunkGeometry, trunkMaterial);\n\n // Create the foliage\n const foliageGeometry = new THREE.SphereGeometry(1.5, 32, 32);\n const foliageMaterial = new THREE.MeshPhongMaterial({ color: 0x00ff00 }); // Green color for the foliage\n const foliageMesh = new THREE.Mesh(foliageGeometry, foliageMaterial);\n\n // Position the foliage on top of the trunk\n foliageMesh.position.y = 2.5; // Adjust to sit on top of the trunk\n\n // Combine trunk and foliage into one group\n const tree = new THREE.Group();\n tree.add(trunkMesh);\n tree.add(foliageMesh);\n\n // Position the tree\n tree.position.set(x, 1.5, y); // Adjust these values to place the tree\n\n // Add the tree to the scene\n scene.add(tree);\n\n // Add the tree to the array\n trees.push(tree);\n}\n\nfunction placeTrees() {\n const treePositions = [\n [-20, -20],\n [-25, -20],\n [-30, -20],\n [-35, -20],\n [-40, -20],\n [-45, -20],\n [-50, -20],\n [-55, -20],\n [-60, -20],\n [-65, -20]\n ];\n\n treePositions.forEach(position => {\n const [x, y] = position;\n createTree(x, y);\n });\n}\n\nfunction checkForTreeCut() {\n // Check if the axe is in the active slot\n const activeSlotContent = document.getElementById('slot-' + selectedSlot).innerText;\n if (activeSlotContent === '🪓') {\n const sphereBox = new THREE.Box3().setFromObject(sphere); // Get the player's bounding box\n\n // Iterate through all trees to see if any can be cut down\n for (let i = trees.length - 1; i >= 0; i--) {\n const treeBox = new THREE.Box3().setFromObject(trees[i]); // Get the tree's bounding box\n const distanceToTree = sphereBox.distanceToPoint(trees[i].position);\n\n // Check if the player is within 3 units of the tree\n if (distanceToTree <= 3) {\n // Find the first available empty slot\n const availableSlot = findFirstAvailableSlot();\n if (availableSlot !== null) {\n // Update inventory slot with a log emoji or text\n updateInventorySlot(availableSlot, '🪵');\n }\n\n // Remove tree from the scene\n scene.remove(trees[i]);\n\n // Remove tree from the array\n trees.splice(i, 1);\n }\n }\n }\n}\n\nfunction findFirstAvailableSlot() {\n for (let i = 1; i <= 9; i++) { // Loop through slot 1 to 9\n const slotElement = document.getElementById('slot-' + i);\n if (!slotElement.innerText) { // Check if the slot is empty\n return i; // Return the first available slot number\n }\n }\n return null; // Return null if no empty slot is found\n}\n\nfunction softCameraShake(intensity, duration) {\n const startTime = performance.now();\n\n function shake() {\n const elapsedTime = performance.now() - startTime;\n if (elapsedTime < duration) {\n const shakeX = (Math.random() - 0.5) * intensity;\n const shakeY = (Math.random() - 0.5) * intensity;\n camera.position.x += shakeX;\n camera.position.y += shakeY;\n requestAnimationFrame(shake);\n }\n }\n\n shake();\n}\n\nfunction cinematicCameraMove(targetPosition, duration = 2000, onComplete = () => { }) {\n const startPosition = camera.position.clone();\n const startTime = performance.now();\n\n function animateCamera() {\n const elapsedTime = performance.now() - startTime;\n const progress = Math.min(elapsedTime / duration, 1);\n\n const angle = progress * Math.PI * 2; // Full circle\n const radius = 10; // Distance from the boss\n camera.position.x = targetPosition.x + radius * Math.cos(angle);\n camera.position.z = targetPosition.z + radius * Math.sin(angle);\n camera.position.y = targetPosition.y + 5; // Adjust height as needed\n\n camera.lookAt(targetPosition);\n\n if (progress < 1) {\n requestAnimationFrame(animateCamera);\n } else {\n onComplete(); // Call onComplete callback\n }\n }\n\n animateCamera();\n}\n\nfunction returnToLockOnPosition(playerPosition, targetPosition, duration = 1000, onComplete = () => { }) {\n const startPosition = camera.position.clone();\n const startTime = performance.now();\n\n function animateReturn() {\n const elapsedTime = performance.now() - startTime;\n const progress = Math.min(elapsedTime / duration, 1);\n\n // Calculate the new camera position\n const directionToEnemy = new THREE.Vector3().subVectors(targetPosition, playerPosition).normalize();\n const cameraDistance = 10;\n const cameraPosition = new THREE.Vector3().addVectors(\n playerPosition,\n directionToEnemy.multiplyScalar(-cameraDistance)\n );\n cameraPosition.y += 5;\n\n camera.position.lerpVectors(startPosition, cameraPosition, progress);\n camera.lookAt(playerPosition);\n\n if (progress < 1) {\n requestAnimationFrame(animateReturn);\n } else {\n onComplete(); // Lock on to the boss\n }\n }\n\n animateReturn();\n}\n\nfunction shootProjectileAtEnemy(enemy, cooldown) {\n const currentTime = performance.now() / 1000; // Get the current time in seconds\n\n // Check if the cooldown has elapsed\n if (currentTime - lastShotTime >= cooldown) {\n let targetPosition;\n\n if (enemy.isStunned) {\n // Shoot directly at the enemy's current position if stunned\n targetPosition = enemy.mesh.position.clone();\n } else {\n // Calculate future position of the enemy\n targetPosition = enemy.mesh.position.clone().add(enemy.direction.clone().multiplyScalar(enemy.speed * 35));\n }\n\n // Create the projectile geometry and material\n const direction = new THREE.Vector3().subVectors(targetPosition, sphere.position).normalize();\n const playerBullet = new PlayerBullet(sphere.position.clone(), direction.clone()); // Player bullet\n\n // Add the bullet to the projectiles array\n projectiles.push(playerBullet);\n\n // Update the last shot time\n lastShotTime = currentTime;\n\n // Trigger the cooldown indicator\n triggerCooldownIndicator();\n }\n}\n\nfunction shootGunAtEnemy(enemy) {\n const currentTime = performance.now() / 1000; // Get the current time in seconds\n\n // Check if the cooldown has elapsed\n if (currentTime - lastGunShotTime >= gunCooldown) {\n // Predict the future position of the enemy based on their velocity and direction\n const futurePosition = enemy.mesh.position.clone().add(enemy.direction.clone().multiplyScalar(enemy.speed * 50));\n\n // Create the projectile geometry and material\n const direction = new THREE.Vector3().subVectors(futurePosition, sphere.position).normalize();\n const playerBullet = new PlayerBullet(sphere.position.clone(), direction.clone()); // Player bullet\n\n // Add the bullet to the projectiles array\n projectiles.push(playerBullet);\n\n // Update the last shot time\n lastGunShotTime = currentTime;\n }\n}\n\nfunction checkPlayerEnemyCollision() {\n const playerBox = new THREE.Box3().setFromObject(sphere);\n let inContact = false;\n\n enemies.forEach(enemy => {\n const enemyBox = new THREE.Box3().setFromObject(enemy.mesh);\n\n if (playerBox.intersectsBox(enemyBox)) {\n // Adjust the player's position to prevent passing through the enemy\n handlePlayerEnemyCollision(enemy);\n inContact = true;\n }\n });\n\n return inContact;\n}\n\nfunction handlePlayerEnemyCollision(enemy) {\n const playerBox = new THREE.Box3().setFromObject(sphere);\n const enemyBox = new THREE.Box3().setFromObject(enemy.mesh);\n\n // Calculate the overlap between the player and the enemy\n const overlapX = Math.min(playerBox.max.x, enemyBox.max.x) - Math.max(playerBox.min.x, enemyBox.min.x);\n const overlapZ = Math.min(playerBox.max.z, enemyBox.max.z) - Math.max(playerBox.min.z, enemyBox.min.z);\n\n if (overlapX < overlapZ) {\n // Adjust position along the X axis\n if (playerBox.min.x < enemyBox.min.x) {\n sphere.position.x -= overlapX;\n } else {\n sphere.position.x += overlapX;\n }\n } else {\n // Adjust position along the Z axis\n if (playerBox.min.z < enemyBox.min.z) {\n sphere.position.z -= overlapZ;\n } else {\n sphere.position.z += overlapZ;\n }\n }\n\n // Decrease health every second if in contact with an enemy\n const currentTime = performance.now() / 100;\n if (currentTime - healthDecreaseTimer >= 1) {\n playerHealth -= 1;\n healthDecreaseTimer = currentTime;\n updateHealthIcons(); // Update the health icons\n\n // Check for game over\n if (playerHealth <= 0) {\n showGameOverScreen();\n cancelAnimationFrame(animationId); // Stop the animation loop\n }\n }\n}\n\nfunction updateCooldownIndicator() {\n const currentTime = performance.now() / 1555; // Get the current time in seconds\n const cooldownProgress = Math.min((currentTime - lastShotTime) / slingshotCooldown, 1); // Calculate the cooldown progress\n\n // Get the cooldown indicator element\n const cooldownIndicator = document.getElementById('cooldown-indicator');\n\n // Check if the cooldown indicator element exists\n if (cooldownIndicator) {\n // Update the width of the cooldown indicator based on the progress\n cooldownIndicator.style.width = `${cooldownProgress * 100}%`;\n }\n}\n\nfunction updateProjectiles() {\n const deltaTime = 0.016; // Assuming 60 FPS\n\n // Loop through projectiles\n for (let i = projectiles.length - 1; i >= 0; i--) {\n const projectile = projectiles[i];\n\n // Update bullet position\n projectile.update(deltaTime);\n\n if (projectile instanceof PlayerBullet) {\n // Check if player bullet hits any enemy\n enemies.forEach((enemy, index) => {\n if (projectile.hitsEnemy(enemy)) {\n console.log(\"Enemy hit by player bullet!\");\n createParticles(enemy.mesh.position); // Create particles at enemy position\n scene.remove(projectile.mesh);\n projectiles.splice(i, 1);\n\n // Get the position of the killed enemy\n const enemyPosition = enemy.mesh.position.clone();\n\n // Remove the enemy from the scene and array\n scene.remove(enemy.mesh);\n enemies.splice(index, 1);\n\n // Increment the kill count and check for achievements\n killCount++;\n checkAchievements();\n\n // Update the kill count display\n document.getElementById('kill-count').innerText = killCount;\n\n // Spawn two new enemies at positions near the killed enemy\n for (let j = 0; j < 2; j++) {\n const newEnemy = new Enemy(1, 1, 1, enemyPosition.x + (Math.random() * 20 - 10), 1, enemyPosition.z + (Math.random() * 20 - 10));\n enemies.push(newEnemy);\n }\n\n // Exit targeting mode if the killed enemy was the locked-on enemy\n if (lockedOnEnemy === enemy) {\n lockedOnEnemy = null;\n controls.enabled = true; // Re-enable camera controls\n }\n\n // Drop coins at the enemy's position\n const coinDropCount = Math.random() < 0.5 ? 1 : 2;\n for (let j = 0; j < coinDropCount; j++) {\n coins.push(new Coin(enemy.mesh.position.clone()));\n }\n }\n });\n\n // Check if player bullet hits the boss\n if (boss && projectile.hitsEnemy(boss)) {\n console.log(\"Boss hit by player bullet!\");\n createParticles(boss.mesh.position); // Create particles at boss position\n scene.remove(projectile.mesh);\n projectiles.splice(i, 1);\n\n // Apply damage to the boss\n boss.takeDamage();\n updateBossHealthBar();\n\n // Check if the boss is defeated\n if (boss.isDefeated()) {\n console.log(\"Boss defeated!\");\n scene.remove(boss.mesh);\n boss = null;\n\n // Hide boss health bar and name\n document.getElementById('boss-health-container').style.display = 'none';\n }\n }\n } else if (projectile instanceof EnemyBullet) {\n // Check if enemy bullet hits the player\n if (projectile.hitsPlayer()) {\n console.log(\"Player hit by enemy bullet!\");\n scene.remove(projectile.mesh);\n projectiles.splice(i, 1);\n\n // Decrease player health\n playerHealth -= 1;\n updateHealthIcons();\n\n // Check for game over\n if (playerHealth <= 0) {\n showGameOverScreen();\n cancelAnimationFrame(animationId); // Stop the animation loop\n }\n }\n }\n\n // Remove projectile if it goes out of bounds\n if (projectile.isOutOfBounds()) {\n scene.remove(projectile.mesh);\n projectiles.splice(i, 1);\n }\n }\n}\n\nfunction updateBossHealthBar() {\n const bossHealthBar = document.getElementById('boss-health');\n if (boss) {\n const healthPercentage = (boss.health / 50) * 100; // Calculate health percentage\n bossHealthBar.style.width = `${healthPercentage}%`;\n }\n}\n\nfunction showBossHealthBar() {\n const bossHealthContainer = document.getElementById('boss-health-container');\n bossHealthContainer.style.display = 'block';\n}\n\nfunction shootAtBoss() {\n const currentTime = performance.now() / 1000; // Get the current time in seconds\n\n // Check if the cooldown has elapsed\n if (currentTime - lastShotTime >= slingshotCooldown) {\n // Create the projectile geometry and material\n const direction = new THREE.Vector3().subVectors(boss.mesh.position, sphere.position).normalize(); // Directly target the boss's center\n const playerBullet = new PlayerBullet(sphere.position.clone(), direction.clone()); // Player bullet\n\n // Add the bullet to the projectiles array\n projectiles.push(playerBullet);\n\n // Update the last shot time\n lastShotTime = currentTime;\n\n // Trigger the cooldown indicator\n triggerCooldownIndicator();\n }\n}\n\nfunction lockOnToBoss(boss) {\n // 1. Initial soft camera shake\n softCameraShake(0.1, 500);\n\n // 2. Disable boss shooting during cinematic\n boss.isCinematic = true;\n\n // 3. Cinematic camera movement\n const bossPosition = boss.mesh.position.clone();\n cinematicCameraMove(bossPosition, 2000, () => {\n // 4. Return to lock-on position\n const playerPosition = sphere.position.clone();\n returnToLockOnPosition(playerPosition, bossPosition, 1000, () => {\n // 5. Show boss health bar\n showBossHealthBar();\n\n // 6. Lock on to the boss and re-enable shooting\n lockedOnEnemy = boss;\n controls.enabled = false; // Disable camera controls\n boss.isCinematic = false;\n });\n });\n}\n\nfunction updateHealthIcons() {\n const healthIconsContainer = document.getElementById('health-icons-container');\n healthIconsContainer.innerHTML = ''; // Clear previous icons\n\n for (let i = 0; i < 5; i++) {\n const heartIcon = document.createElement('i');\n heartIcon.classList.add('fas', 'fa-heart');\n if (i >= playerHealth) {\n heartIcon.classList.add('faded'); // Add class to fade out hearts for lost health\n heartIcon.style.opacity = '0.2'; // Set opacity to 20%\n }\n healthIconsContainer.appendChild(heartIcon);\n }\n}\n\nfunction triggerCooldownIndicator() {\n const cooldownIndicator = document.getElementById('cooldown-indicator');\n if (cooldownIndicator) {\n // Start with full coverage\n\n // Gradually reduce the width to 0 over the duration of the cooldown\n setTimeout(() => {\n cooldownIndicator.style.transition = `width ${slingshotCooldown}s linear`;\n cooldownIndicator.style.width = '0%';\n }, 0);\n }\n}\n\nfunction smoothCameraTransition(targetPosition, duration = 500, onComplete = () => { }) {\n const startPosition = camera.position.clone();\n const startTime = performance.now();\n\n function animateTransition() {\n const elapsedTime = performance.now() - startTime;\n const progress = Math.min(elapsedTime / duration, 1);\n\n camera.position.lerpVectors(startPosition, targetPosition, progress);\n\n if (progress < 1) {\n requestAnimationFrame(animateTransition);\n } else {\n onComplete(); // Call onComplete callback\n }\n }\n\n animateTransition();\n}\n\nfunction capVelocity() {\n // Cap the x velocity\n if (velocity.x > maxAirSpeed) velocity.x = maxAirSpeed;\n if (velocity.x < -maxAirSpeed) velocity.x = -maxAirSpeed;\n\n // Cap the z velocity\n if (velocity.z > maxAirSpeed) velocity.z = maxAirSpeed;\n if (velocity.z < -maxAirSpeed) velocity.z = -maxAirSpeed;\n}\n\nfunction movePlayer(dx, dz) {\n const platformSize = 250; // Half the size of the 500x500 platform\n const margin = 1; // Margin to keep the player within the platform\n\n if (lockedOnEnemy) {\n // Calculate direction vectors\n const toEnemy = new THREE.Vector3().subVectors(lockedOnEnemy.mesh.position, sphere.position).normalize();\n const right = new THREE.Vector3().crossVectors(toEnemy, camera.up).normalize();\n\n // Calculate new position based on orbiting movement\n const moveX = dx * right.x + dz * toEnemy.x;\n const moveZ = dx * right.z + dz * toEnemy.z;\n\n // Update sphere position based on orbiting movement\n sphere.position.x += moveX;\n sphere.position.z += moveZ;\n\n // Ensure the camera looks at the enemy\n camera.lookAt(lockedOnEnemy.mesh.position);\n } else {\n // Normal movement when not locked on\n // Get the camera's direction\n const direction = new THREE.Vector3();\n camera.getWorldDirection(direction);\n\n // Calculate the right vector (perpendicular to the direction)\n const right = new THREE.Vector3();\n right.crossVectors(direction, camera.up).normalize();\n\n // Flatten direction and right vectors to the XZ plane\n direction.y = 0;\n direction.normalize();\n right.y = 0;\n right.normalize();\n\n // Calculate movement direction relative to the camera\n const moveX = dx * right.x + dz * direction.x;\n const moveZ = dx * right.z + dz * direction.z;\n\n // Adjust movement if in the air\n if (isJumping) {\n // Calculate the orthogonal and opposite directions\n const orthogonalDirection = new THREE.Vector3(-initialDirection.z, 0, initialDirection.x).normalize();\n const oppositeDirection = initialDirection.clone().negate().normalize();\n\n // Determine if the move direction is orthogonal or opposite to the initial jump direction\n const moveDirection = new THREE.Vector3(moveX, 0, moveZ).normalize();\n const dotOrthogonal = moveDirection.dot(orthogonalDirection);\n const dotOpposite = moveDirection.dot(oppositeDirection);\n\n // Allow movement only if the direction is orthogonal or opposite\n if (Math.abs(dotOrthogonal) > 0.8 || dotOpposite > 0.8) {\n velocity.x += moveX * airControlFactor;\n velocity.z += moveZ * airControlFactor;\n capVelocity(); // Apply velocity cap\n }\n } else {\n // Full control on the ground\n velocity.x = moveX;\n velocity.z = moveZ;\n\n // Store the initial direction before jumping\n initialDirection.set(velocity.x, 0, velocity.z).normalize();\n }\n\n // Update sphere position based on velocity\n sphere.position.x += velocity.x;\n sphere.position.z += velocity.z;\n }\n\n // Ensure player stays within the platform boundaries\n if (sphere.position.x > platformSize - margin) sphere.position.x = platformSize - margin;\n if (sphere.position.x < -platformSize + margin) sphere.position.x = -platformSize + margin;\n if (sphere.position.z > platformSize - margin) sphere.position.z = platformSize - margin;\n if (sphere.position.z < -platformSize + margin) sphere.position.z = -platformSize + margin;\n}\n\nfunction checkCollision() {\n const sphereBox = new THREE.Box3().setFromObject(sphere);\n let isOnBlock = false;\n\n // Check collision with blocks\n for (const block of blocks) {\n const platformBox = new THREE.Box3().setFromObject(block.mesh);\n\n if (platformBox.intersectsBox(sphereBox)) {\n if (velocity.y <= 0 && sphere.position.y > platformBox.max.y) {\n sphere.position.y = platformBox.max.y + 1; // Place the sphere on top of the block\n velocity.y = 0; // Reset velocity\n isJumping = false; // Reset jumping state\n isOnBlock = true; // Player is on a block\n break; // Exit the loop as collision is handled\n } else {\n if (sphere.position.x < platformBox.min.x) {\n sphere.position.x = platformBox.min.x - 1;\n } else if (sphere.position.x > platformBox.max.x) {\n sphere.position.x = platformBox.max.x + 1;\n }\n\n if (sphere.position.z < platformBox.min.z) {\n sphere.position.z = platformBox.min.z - 1;\n } else if (sphere.position.z > platformBox.max.z) {\n sphere.position.z = platformBox.max.z + 1;\n }\n }\n }\n }\n\n // Check collision with clouds\n for (const cloud of clouds) {\n const cloudBox = new THREE.Box3().setFromObject(cloud);\n\n if (cloudBox.intersectsBox(sphereBox)) {\n if (velocity.y <= 0 && sphere.position.y > cloudBox.max.y) {\n sphere.position.y = cloudBox.max.y + 1; // Place the sphere on top of the cloud\n velocity.y = 0; // Reset velocity\n isJumping = false; // Reset jumping state\n isOnBlock = true; // Player is on a cloud\n break; // Exit the loop as collision is handled\n }\n }\n }\n\n // Check collision with hill\n const hillCenter = new THREE.Vector3(50, 0, 50); // Center of the hill\n const hillRadius = 57.3; // Radius of the hill\n const distanceToHillCenter = sphere.position.distanceTo(hillCenter);\n\n if (distanceToHillCenter < hillRadius) {\n const surfaceHeight = hillCenter.y + Math.sqrt(Math.pow(hillRadius, 0.99) - Math.pow(distanceToHillCenter, 0.99));\n\n // Ensure sphere stays on the hill's surface\n if (sphere.position.y <= surfaceHeight + 0.95) {\n sphere.position.y = surfaceHeight + 1; // Place the sphere on top of the hill\n velocity.y = 0; // Reset velocity\n isJumping = false; // Reset jumping state\n isOnBlock = true; // Player is on the hill\n }\n }\n\n if (!isOnBlock && sphere.position.y > 1) {\n isJumping = true; // Apply gravity if the player is not on any block, cloud, or hill\n }\n}\n\nfunction showGameOverScreen() {\n const gameOverScreen = document.getElementById('game-over-screen');\n gameOverScreen.style.display = 'block';\n}\n\nfunction restartGame() {\n const gameOverScreen = document.getElementById('game-over-screen');\n gameOverScreen.style.display = 'none';\n playerHealth = 5;\n updateHealthIcons();\n resetGameVariables();\n init(); // Re-initialize the game\n\n // Re-enable camera controls\n controls.enabled = true;\n}\n\nfunction resetGameVariables() {\n // Reset player position and other game states as needed\n sphere.position.set(0, 1, 0);\n velocity.set(0, 0, 0);\n isJumping = false;\n lockedOnEnemy = null;\n\n // Remove existing enemies and projectiles from the scene\n enemies.forEach(enemy => scene.remove(enemy.mesh));\n projectiles.forEach(projectile => scene.remove(projectile));\n\n // Clear the enemies, projectiles, and particles arrays\n enemies.length = 0;\n projectiles.length = 0;\n particles.length = 0;\n}\n\nfunction animate() {\n animationId = requestAnimationFrame(animate);\n\n // Update controls to maintain camera's orbit only if inventory is not open\n if (!isInventoryOpen) {\n controls.update();\n }\n\n // Apply gravity if jumping\n if (isJumping) {\n velocity.y -= gravity; // Apply gravity\n sphere.position.y += velocity.y; // Update sphere position\n\n // Ensure sphere stays on the ground\n if (sphere.position.y <= 1) {\n sphere.position.y = 1;\n velocity.y = 0;\n isJumping = false;\n }\n }\n\n // Call checkCollision to handle collisions with the platform\n checkCollision();\n\n // Check for player-enemy collisions\n const wasInContact = checkPlayerEnemyCollision(); // Check if the player was in contact with any enemy\n\n // Reset health decrease timer if not in contact with enemies\n if (!wasInContact) {\n healthDecreaseTimer = performance.now() / 1000;\n }\n\n // Check for axe pickup\n if (axe) {\n checkForAxePickup();\n }\n\n // Check for slingshot pickup\n if (slingshot) {\n checkForSlingshotPickup();\n }\n\n // Update projectiles\n updateProjectiles();\n\n // Handle movement based on keys pressed only if inventory is not open\n if (!isInventoryOpen) {\n let moveX = 0;\n let moveZ = 0;\n\n if (keysPressed.has('w')) moveZ += playerSpeed * 0.1;\n if (keysPressed.has('s')) moveZ -= playerSpeed * 0.1;\n if (keysPressed.has('a')) moveX -= playerSpeed * 0.1;\n if (keysPressed.has('d')) moveX += playerSpeed * 0.1;\n\n movePlayer(moveX, moveZ);\n }\n\n // Automatically lock on to the boss if within range\n if (boss) {\n const distanceToBoss = sphere.position.distanceTo(boss.mesh.position);\n if (distanceToBoss < 30 && !lockedOnEnemy) {\n lockOnToBoss(boss);\n }\n }\n\n // Adjust the camera position based on the sphere's movement\n if (lockedOnEnemy) {\n const playerPosition = sphere.position.clone();\n const enemyPosition = lockedOnEnemy.mesh.position.clone();\n\n // Calculate the direction vector from the player to the enemy\n const directionToEnemy = new THREE.Vector3().subVectors(enemyPosition, playerPosition).normalize();\n\n // Set the distance you want the camera to be from the player\n const cameraDistance = 10;\n\n // Calculate the new camera position\n const cameraPosition = new THREE.Vector3().addVectors(\n playerPosition,\n directionToEnemy.multiplyScalar(-cameraDistance)\n );\n\n // Increase the camera height\n cameraPosition.y += 5; // Adjust this value to change the height\n\n camera.position.copy(cameraPosition);\n camera.lookAt(playerPosition);\n\n // Debugging log\n console.log(\"Locked on to enemy, camera adjusted to position: \", camera.position);\n\n // Handle rapid fire with the gun or slingshot only if locked on to an enemy and the mouse button is held down\n if (isShooting) {\n const activeSlotContent = document.getElementById('slot-' + selectedSlot).innerText;\n if (lockedOnEnemy === boss) {\n shootAtBoss(); // Use the new function to shoot at the boss\n } else if (activeSlotContent === '🔫') {\n shootGunAtEnemy(lockedOnEnemy); // Use the new gun shooting function\n } else if (activeSlotContent === '🔺') {\n shootProjectileAtEnemy(lockedOnEnemy, slingshotCooldown); // Use the slingshot\n }\n }\n } else {\n const targetPosition = new THREE.Vector3(\n sphere.position.x,\n controls.target.y, // Maintain the current target y position\n sphere.position.z\n );\n\n controls.target.copy(targetPosition);\n camera.lookAt(targetPosition);\n }\n\n // Move enemies\n enemies.forEach(enemy => {\n enemy.move();\n enemy.shoot(); // Make enemies shoot during their movement\n });\n\n // Make the boss attack\n if (boss) {\n boss.attack();\n }\n\n // Update particles\n const deltaTime = 0.016; // Assuming 60 FPS\n for (let i = particles.length - 1; i >= 0; i--) {\n const particle = particles[i];\n particle.update(deltaTime);\n if (!particle.isAlive()) {\n scene.remove(particle.mesh);\n particles.splice(i, 1);\n }\n }\n\n // Update cooldown indicator\n updateCooldownIndicator();\n\n // Check for coin collection\n for (let i = coins.length - 1; i >= 0; i--) {\n const coin = coins[i];\n if (coin.collect()) {\n scene.remove(coin.mesh);\n coins.splice(i, 1);\n coinCount++;\n document.getElementById('coin-count').innerText = coinCount;\n }\n }\n\n // Update eagle position and wings\n if (isEagleFollowing && eagle) {\n eagle.update();\n\n // Move eagle towards the player if not swooping or targeting an enemy\n if (!eagle.isSwooping && !eagleTarget) {\n const eagleDirection = new THREE.Vector3().subVectors(sphere.position, eagle.mesh.position).normalize();\n eagle.mesh.position.add(eagleDirection.multiplyScalar(eagleSpeed));\n }\n\n // Check if the eagle is within attack range of any enemy\n enemies.forEach(enemy => {\n if (eagle.mesh.position.distanceTo(enemy.mesh.position) <= eagleAttackRadius && !eagle.isSwooping) {\n eagleTarget = enemy; // Target the enemy\n eagle.isSwooping = true; // Start swooping\n }\n });\n }\n\n // Update camera height to follow the player's vertical movement\n camera.position.y = sphere.position.y + 10; // Adjust the height offset as needed\n\n renderer.render(scene, camera);\n}\n\nfunction init() {\n // Reset scene\n if (scene) {\n // Dispose of old objects to avoid memory leaks\n while (scene.children.length > 0) {\n scene.remove(scene.children[0]);\n }\n } else {\n scene = new THREE.Scene();\n }\n\n createSky(); // Create the sky background\n\n createHill(); // Create the hill\n placeTrees();\n createHelixOfClouds(60, 40, 3, 1.5);\n\n // Create camera\n if (!camera) {\n camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);\n }\n camera.position.set(0, initialDistance * Math.sin(THREE.Math.degToRad(45)), initialDistance * Math.cos(THREE.Math.degToRad(45))); // Position the camera 45 degrees from the horizontal plane\n camera.lookAt(0, 1, 0); // Look at the initial position of the sphere\n\n // Create renderer\n if (!renderer) {\n renderer = new THREE.WebGLRenderer({ antialias: true });\n renderer.setSize(window.innerWidth, window.innerHeight);\n document.body.appendChild(renderer.domElement);\n renderer.domElement.tabIndex = 0;\n renderer.domElement.focus();\n }\n\n // Add OrbitControls\n if (!controls) {\n controls = new THREE.OrbitControls(camera, renderer.domElement);\n } else {\n controls.dispose();\n controls = new THREE.OrbitControls(camera, renderer.domElement);\n }\n controls.enableDamping = true; // Enable smooth damping\n controls.dampingFactor = 0.05; // Damping factor for smooth movement\n controls.enablePan = false; // Disable panning\n controls.enableZoom = false; // Disable zooming with the mouse wheel\n controls.minDistance = 30; // Minimum distance to the player\n controls.maxDistance = 30; // Maximum distance to the player\n controls.minPolarAngle = THREE.Math.degToRad(60); // Minimum vertical angle (60 degrees)\n controls.maxPolarAngle = THREE.Math.degToRad(60); // Maximum vertical angle (60 degrees)\n controls.enableRotate = true; // Enable rotation\n controls.enableRoll = false; // Disable rolling\n\n // Create a blue sphere with a material that reacts to light\n const geometry = new THREE.SphereGeometry(1, 32, 32);\n const material = new THREE.MeshPhongMaterial({ color: 0x0000ff });\n sphere = new THREE.Mesh(geometry, material);\n sphere.position.y = 1; // Elevate the sphere above the ground\n scene.add(sphere);\n\n // Create player boundary\n createPlayerBoundary(); // Create the player boundary sphere\n\n // Create multiple blocks\n blocks.push(new Block(2, 0.9, 2, 5, 0.5, 5)); // Add a block to the array\n blocks.push(new Block(3, 5, 3, -3, 3, -3)); // Add another block with different dimensions\n\n createSlingshot(); // Recreate the slingshot\n createAxe(); // Recreate the axe\n createNPC(); // Create the green blob NPC\n\n createEnemies(); // Create enemies in the scene\n\n // Create the boss\n boss = new Boss();\n\n // Add a point light\n light = new THREE.PointLight(0xffffff, 1, 100);\n light.position.set(5, 5, 5);\n scene.add(light);\n\n // Add ambient light with increased intensity\n // ambientLight = new THREE.AmbientLight(0x404040); // Increase intensity to 2\n // scene.add(ambientLight);\n\n // Add directional light\n const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8);\n directionalLight.position.set(10, 10, 10).normalize();\n scene.add(directionalLight);\n\n // Create a ground plane\n const groundGeometry = new THREE.PlaneGeometry(500, 500);\n const groundMaterial = new THREE.MeshPhongMaterial({ color: 0x00ff00 });\n ground = new THREE.Mesh(groundGeometry, groundMaterial);\n ground.rotation.x = -Math.PI / 2; // Rotate the plane to be horizontal\n scene.add(ground);\n\n // Add puffy clouds to create a cloud kingdom\n for (let x = -50; x <= 50; x += 10) {\n for (let z = -50; z <= 50; z += 10) {\n const y = Math.random() * 40 + 10; // Random height between 10 and 50\n createPuffyCloud(x, y, z);\n }\n }\n\n window.addEventListener('resize', onWindowResize, false);\n\n // Add event listener for key presses\n document.addEventListener('keydown', onDocumentKeyDown, false);\n document.addEventListener('keyup', onDocumentKeyUp, false);\n\n // Add event listener for mouse clicks\n renderer.domElement.addEventListener('mousedown', onMouseDown, false); // Ensure this is properly set\n renderer.domElement.addEventListener('mouseup', onMouseUp, false); // Ensure this is properly set\n\n // Initialize health icons\n updateHealthIcons();\n\n // Start render loop\n animate();\n}\n\nfunction onWindowResize() {\n camera.aspect = window.innerWidth / window.innerHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(window.innerWidth, window.innerHeight);\n}\n\nupdateSelectedSlot(selectedSlot);\n\naddInventoryEventListeners();\n\ninit();","style.css":"body,\nhtml {\n -webkit-user-select: none;\n /* Safari */\n -moz-user-select: none;\n /* Firefox */\n -ms-user-select: none;\n /* Internet Explorer/Edge */\n user-select: none;\n /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n\n#health-icons-container {\n position: fixed;\n bottom: 70px;\n /* Adjust this value to position the hearts above the inventory */\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 5px;\n}\n\n.fa-heart {\n font-size: 24px;\n color: #f44336;\n /* Red color for hearts */\n}\n\n#hud {\n position: fixed;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n justify-content: center;\n gap: 5px;\n}\n\n.inventory-slot {\n width: 50px;\n height: 50px;\n background-color: #ddd;\n border: 2px solid #666;\n box-sizing: border-box;\n}\n\n.inventory-slot.selected {\n border-color: #ff0;\n}\n\n#crosshair {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n color: red;\n pointer-events: none;\n}\n\nbody {\n cursor: crosshair;\n /* Change the cursor to a crosshair */\n}\n\n#cooldown-indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 5px;\n /* Adjust height as needed */\n background-color: gray;\n width: 0%;\n /* Start with 0% width */\n transition: width 0.1s linear;\n /* Smooth transition */\n}\n\n#game-over-screen {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: rgba(0, 0, 0, 0.8);\n color: white;\n text-align: center;\n padding: 20px;\n border-radius: 10px;\n z-index: 1000;\n}\n\n#game-over-screen h1 {\n margin: 0;\n font-size: 2em;\n}\n\n#game-over-screen button {\n margin-top: 20px;\n padding: 10px 20px;\n font-size: 1em;\n cursor: pointer;\n}\n\n#backpack {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: rgba(0, 0, 0, 0.8);\n padding: 20px;\n border-radius: 10px;\n z-index: 1000;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center; /* Center the backpack content horizontally */\n}\n\n#crafting-container {\n display: flex;\n flex-direction: column;\n align-items: center; /* Center horizontally */\n gap: 10px;\n margin-bottom: 10px;\n}\n\n#crafting-grid {\n display: flex;\n gap: 5px;\n}\n\n.crafting-slot {\n width: 50px;\n height: 50px;\n background-color: #ddd;\n border: 2px solid #666;\n box-sizing: border-box;\n}\n\n#output-slot {\n width: 50px;\n height: 50px;\n background-color: #ddd;\n border: 2px solid #666;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n#arrow {\n font-size: 24px;\n color: white;\n}\n\n#inventory-grid {\n display: grid;\n grid-template-columns: repeat(9, 1fr);\n gap: 5px;\n}\n\n.inventory-slot {\n width: 50px;\n height: 50px;\n background-color: #ddd;\n border: 2px solid #666;\n box-sizing: border-box;\n cursor: pointer;\n /* Change cursor when hovering over inventory slots */\n}\n\n.achievement {\n position: fixed;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background-color: rgba(0, 0, 0, 0.7);\n color: white;\n padding: 10px 20px;\n border-radius: 5px;\n font-size: 1.2em;\n z-index: 1000;\n opacity: 0;\n animation: fadeInOut 3s;\n}\n\n@keyframes fadeInOut {\n 0% {\n opacity: 0;\n }\n\n 10% {\n opacity: 1;\n }\n\n 90% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.model {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: rgba(0, 0, 0, 0.8);\n color: white;\n text-align: center;\n padding: 20px;\n border-radius: 10px;\n z-index: 1000;\n}\n\n#coin-kill-container {\n position: fixed;\n top: 50%;\n right: 5%;\n transform: translateY(-50%);\n background-color: rgba(0, 0, 0, 0.8);\n color: white;\n padding: 20px;\n border-radius: 10px;\n z-index: 1000;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n#total-kills,\n#total-coins {\n font-size: 1.2em;\n}\n\n#pause-menu {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: rgba(0, 0, 0, 0.9);\n color: white;\n text-align: center;\n padding: 20px;\n border-radius: 10px;\n z-index: 1000;\n}\n\n#save-quit-button {\n padding: 10px 20px;\n margin-top: 20px;\n font-size: 1.2em;\n cursor: pointer;\n border: none;\n border-radius: 5px;\n background-color: #ff5722;\n color: white;\n transition: background-color 0.3s;\n}\n\n#save-quit-button:hover {\n background-color: #e64a19;\n}\n\n#boss-health-container {\n position: fixed;\n top: 10px;\n left: 50%;\n transform: translateX(-50%);\n text-align: center;\n z-index: 1000;\n}\n\n#boss-health-bar {\n width: 300px;\n height: 20px;\n background-color: #ddd;\n border: 2px solid #666;\n margin-top: 5px;\n}\n\n#boss-health {\n height: 100%;\n background-color: #f44336; /* Red color for health */\n width: 100%; /* Start with full health */\n}","index.html":"\n\n\n\n \n \n Blob Quest: Rise of the Blob\n \n \n \n\n\n\n

Blob King: Destroyer of Blobs

You Died

\n \n

\n\n

\n \n

↓

\n \n

Hello!

\n\n

\n Total Kills: 0\n

\n Total Coins: 0\n

\n\n \n \n \n \n\n\n"},"chat_history":[],"assets":[{"project_id":3416,"creator":null,"cloudinary_id":"r1pcomjiwoyugc7boj13","deleted":false,"id":22358,"created_at":"2024-10-01T15:45:47.941135Z","name":"Flute sfx","resource_type":"audio","tags":null},{"project_id":3416,"creator":null,"cloudinary_id":"ml2wt8honq7lfclu44kh","deleted":false,"id":22357,"created_at":"2024-10-01T15:45:47.940115Z","name":"Skybox _1","resource_type":"image","tags":null},{"project_id":3416,"creator":null,"cloudinary_id":"bnfeqnawqzi6mphxv7ug","deleted":false,"id":22356,"created_at":"2024-10-01T15:45:47.938648Z","name":"Skybox_2","resource_type":"image","tags":null},{"project_id":3416,"creator":null,"cloudinary_id":"yy3gc7d9q0exyqebv6f3","deleted":false,"id":22355,"created_at":"2024-10-01T15:45:47.937686Z","name":"Skybox_3","resource_type":"image","tags":null},{"project_id":3416,"creator":null,"cloudinary_id":"timbylohhknn0ml4gczr","deleted":false,"id":22354,"created_at":"2024-10-01T15:45:47.936584Z","name":"Skybox_4","resource_type":"image","tags":null},{"project_id":3416,"creator":null,"cloudinary_id":"l8ub8ki4px3xqfpqudzh","deleted":false,"id":22353,"created_at":"2024-10-01T15:45:47.935468Z","name":"Skybox_5","resource_type":"image","tags":null},{"project_id":3416,"creator":null,"cloudinary_id":"mcxitwvtxm6zzxifp2lq","deleted":false,"id":22352,"created_at":"2024-10-01T15:45:47.934245Z","name":"Skybox_6","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}