import * as THREE from 'three'; import { PointerLockControls } from 'three/addons/controls/PointerLockControls.js'; export class Player { constructor(camera, scene, blocker, instructions, rendererDomElement) { this.camera = camera; this.scene = scene; this.blocker = blocker; this.instructions = instructions; this.gameManager = null; // Will be set by main.js this.rendererDomElement = rendererDomElement; // Store the renderer's DOM element this.velocity = new THREE.Vector3(); this.direction = new THREE.Vector3(); this.moveForward = false; this.moveBackward = false; this.moveLeft = false; this.moveRight = false; // this.canJump = false; // Replaced by isOnGround this.playerSpeed = 10.0; this.playerColliderHeight = 0.85; // Defines the height of the player's collision box this.standingCameraY = this.playerColliderHeight / 2.0; // Camera's Y when feet are at Y=0 this.camera.position.y = this.standingCameraY; // Initial camera Y this.isOnGround = true; this.jumpImpulse = 7.5; this.gravity = -22.0; // Wall Jump specific properties this.canWallJump = false; this.wallJumpNormal = new THREE.Vector3(); this.wallJumpImpulse = 7.0; // Slightly less than ground jump, but also sideways this.wallJumpCooldown = 0.3; // seconds this.lastWallJumpTime = 0; this.wallSideDetectionOffset = 0.05; // Small offset to detect which side of wall this.maxHealth = 30; // Player now has 30 health this.currentHealth = this.maxHealth; this.isInvincible = false; this.invincibilityDuration = 1.0; // 1 second of invincibility this.invincibilityEndTime = 0; this.projectiles = []; this.projectileMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 }); this.projectileGeometry = new THREE.SphereGeometry(0.05, 8, 8); // Initialize PointerLockControls with the renderer's DOM element this.controls = new PointerLockControls(this.camera, this.rendererDomElement); this.controls.pointerSpeed = 0.8; // Slightly increased default pointer speed this.lastSafePosition = new THREE.Vector3(); // For out-of-bounds failsafe // Pistol properties this.pistolSpriteElement = document.getElementById('pistol-sprite'); this.pistolClipSize = 15; this.currentPistolAmmo = this.pistolClipSize; this.isReloadingPistol = false; this.pistolReloadTime = 3000; // 3 seconds in milliseconds } setGameManager(manager) { this.gameManager = manager; } init() { this.instructions.addEventListener('click', () => { this.controls.lock(); }); this.controls.addEventListener('lock', () => { this.instructions.style.display = 'none'; this.blocker.style.display = 'none'; // UI elements display managed by UIManager now based on game state // document.getElementById('crosshair').style.display = 'block'; // document.getElementById('score').style.display = 'block'; // document.getElementById('health').style.display = 'block'; if (this.gameManager) this.gameManager.startGame(); }); this.controls.addEventListener('unlock', () => { this.blocker.style.display = 'flex'; this.instructions.style.display = ''; this.instructions.innerHTML = `

PAUSED

Click to Resume

`; // UI elements display managed by UIManager now // document.getElementById('crosshair').style.display = 'none'; if (this.gameManager && this.gameManager.gameState === 'playing') { // Game paused, UI handled by gameManager or UI directly } else if (this.gameManager && this.gameManager.gameState === 'gameOver') { // UI will show game over message // This is already handled by gameManager.gameOver() calling ui.showGameOverMessage() } }); this.scene.add(this.controls.getObject()); document.addEventListener('keydown', this.onKeyDown.bind(this)); document.addEventListener('keyup', this.onKeyUp.bind(this)); document.addEventListener('click', this.shoot.bind(this)); } onKeyDown(event) { switch (event.code) { case 'ArrowUp': case 'KeyW': this.moveForward = true; break; case 'ArrowLeft': case 'KeyA': this.moveLeft = true; break; case 'ArrowDown': case 'KeyS': this.moveBackward = true; break; case 'ArrowRight': case 'KeyD': this.moveRight = true; break; case 'Space': { const currentTime = this.scene.userData.currentTime || (performance.now() / 1000); if (this.isOnGround) { this.velocity.y = this.jumpImpulse; this.isOnGround = false; } else if (this.canWallJump && (currentTime - this.lastWallJumpTime > this.wallJumpCooldown)) { // Apply wall jump impulse: upwards and away from the wall this.velocity.y = this.wallJumpImpulse; // Upward push // Horizontal push away from the wall this.velocity.x = this.wallJumpNormal.x * this.wallJumpImpulse * 0.8; this.velocity.z = this.wallJumpNormal.z * this.wallJumpImpulse * 0.8; this.isOnGround = false; this.canWallJump = false; // Consume wall jump ability this.lastWallJumpTime = currentTime; } break; } } } onKeyUp(event) { switch (event.code) { case 'ArrowUp': case 'KeyW': this.moveForward = false; break; case 'ArrowLeft': case 'KeyA': this.moveLeft = false; break; case 'ArrowDown': case 'KeyS': this.moveBackward = false; break; case 'ArrowRight': case 'KeyD': this.moveRight = false; break; } } shoot() { if (!this.controls.isLocked || !this.gameManager || this.gameManager.gameState !== 'playing') return; if (this.isReloadingPistol) return; // Can't shoot while reloading if (this.currentPistolAmmo <= 0) { this.startPistolReload(); return; // Out of ammo, force reload } this.currentPistolAmmo--; // Pistol shoot animation if (this.pistolSpriteElement) { this.pistolSpriteElement.classList.add('shooting'); // The translateX(-50%) in the CSS for #weapon-container handles base centering. // The .shooting class needs to re-apply translateX(-50%) if it's overriding transform. // Simpler: weapon-container centers, pistol-sprite just moves within it. // Let's adjust CSS so #pistol-sprite.shooting only handles Y and scale, // and its parent #weapon-container handles X centering. // Re-checking CSS: #weapon-container has translateX(-50%). #pistol-sprite.shooting also had translateX. // This means #pistol-sprite itself doesn't need translateX(-50%) in its base style if parent does it. // Corrected CSS: #pistol-sprite's own transform should not include translateX(-50%) if parent positions. // It seems the current CSS for #pistol-sprite.shooting does include translateX(-50%). setTimeout(() => { if (this.pistolSpriteElement) this.pistolSpriteElement.classList.remove('shooting'); }, 100); // Duration of the bop animation } const projectile = new THREE.Mesh(this.projectileGeometry, this.projectileMaterial.clone()); this.camera.getWorldPosition(projectile.position); this.camera.getWorldDirection(projectile.userData.velocity = new THREE.Vector3()); projectile.userData.velocity.multiplyScalar(30); projectile.userData.life = 50; this.scene.add(projectile); this.projectiles.push(projectile); if (this.currentPistolAmmo <= 0) { this.startPistolReload(); } // console.log(`Ammo: ${this.currentPistolAmmo}/${this.pistolClipSize}`); // For debugging } startPistolReload() { if (this.isReloadingPistol) return; // console.log("Starting reload..."); this.isReloadingPistol = true; if (this.pistolSpriteElement) { this.pistolSpriteElement.classList.add('reloading'); } setTimeout(() => this.finishPistolReload(), this.pistolReloadTime); } finishPistolReload() { // console.log("Finished reload."); this.currentPistolAmmo = this.pistolClipSize; this.isReloadingPistol = false; if (this.pistolSpriteElement) { this.pistolSpriteElement.classList.remove('reloading'); } } updateProjectiles(deltaTime) { for (let i = this.projectiles.length - 1; i >= 0; i--) { const proj = this.projectiles[i]; proj.position.addScaledVector(proj.userData.velocity, deltaTime); proj.userData.life -= 1; if (proj.userData.life <= 0) { this.scene.remove(proj); proj.geometry.dispose(); // proj.material.dispose(); // Shared material, dispose only if unique this.projectiles.splice(i, 1); continue; } // Check collision with enemies if (this.gameManager) { const hitEnemy = this.gameManager.checkProjectileCollision(proj); if (hitEnemy) { this.scene.remove(proj); proj.geometry.dispose(); this.projectiles.splice(i, 1); // GameManager handles enemy removal and score } } } } takeDamage(amount) { const currentTime = this.scene.userData.currentTime || (performance.now() / 1000); if (this.isInvincible && currentTime < this.invincibilityEndTime) { return false; // Player is invincible, no damage taken } this.currentHealth -= amount; this.isInvincible = true; this.invincibilityEndTime = currentTime + this.invincibilityDuration; if (this.gameManager && this.gameManager.ui) { this.gameManager.ui.updateHealth(this.currentHealth, this.maxHealth); this.gameManager.ui.showDamageFlash(); // Trigger damage flash } if (this.currentHealth <= 0) { this.currentHealth = 0; if (this.gameManager) { this.gameManager.gameOver(); } return true; // Player died } return false; // Player still alive } resetHealth() { this.currentHealth = this.maxHealth; if (this.gameManager && this.gameManager.ui) { this.gameManager.ui.updateHealth(this.currentHealth, this.maxHealth); } } update(deltaTime, collidableObjects) { if (!this.controls.isLocked) return; // Handle invincibility timeout const currentTime = this.scene.userData.currentTime || (performance.now() / 1000); if (this.isInvincible && currentTime >= this.invincibilityEndTime) { this.isInvincible = false; } // Store current position as last known safe position if within reasonable bounds // This check is basic; ideally, use actual map boundaries from environment. // For now, assuming a general large area is "safe enough" for this snapshot. // A more precise check will be done after movement. if (Math.abs(this.camera.position.x) < 50 && Math.abs(this.camera.position.z) < 50) { // Arbitrary large safe area this.lastSafePosition.copy(this.camera.position); } const frameStartPosition = this.camera.position.clone(); // Position before any XZ movement this frame // Apply damping to existing XZ velocity (e.g., from wall jump) this.velocity.x -= this.velocity.x * 10.0 * deltaTime; this.velocity.z -= this.velocity.z * 10.0 * deltaTime; // Calculate movement direction from input this.direction.z = Number(this.moveForward) - Number(this.moveBackward); this.direction.x = Number(this.moveRight) - Number(this.moveLeft); this.direction.normalize(); // Ensures consistent movement speed const moveSpeed = this.playerSpeed * deltaTime; const intendedDeltaX = this.direction.x * moveSpeed; const intendedDeltaZ = this.direction.z * moveSpeed; // --- Player Collider Setup --- const playerCollider = new THREE.Box3(); // Increased XZ dimensions for more robust collision detection const playerColliderSize = new THREE.Vector3(0.8, this.playerColliderHeight, 0.8); this.canWallJump = false; // Reset wall jump eligibility each frame before XZ checks // --- X-AXIS MOVEMENT & COLLISION --- if (this.moveLeft || this.moveRight) { this.controls.moveRight(intendedDeltaX); // PointerLockControls applies movement relative to camera view playerCollider.setFromCenterAndSize(this.camera.position, playerColliderSize); for (const object of collidableObjects) { const objectCollider = new THREE.Box3().setFromObject(object); if (playerCollider.intersectsBox(objectCollider)) { if (!this.isOnGround) { // Only allow wall jump if in air this.canWallJump = true; if (this.camera.position.x > objectCollider.max.x - this.wallSideDetectionOffset) this.wallJumpNormal.set(1, 0, 0); else if (this.camera.position.x < objectCollider.min.x + this.wallSideDetectionOffset) this.wallJumpNormal.set(-1, 0, 0); // Player hit wall to their right else this.wallJumpNormal.set(this.camera.position.x > frameStartPosition.x ? -1 : 1, 0, 0); // Fallback based on movement direction relative to start } const halfPlayerWidth = playerColliderSize.x / 2; const actualDeltaX = this.camera.position.x - frameStartPosition.x; if (actualDeltaX > 0.0001) { // Player moved in +X world direction and collided this.camera.position.x = objectCollider.min.x - halfPlayerWidth - 0.001; } else if (actualDeltaX < -0.0001) { // Player moved in -X world direction and collided this.camera.position.x = objectCollider.max.x + halfPlayerWidth + 0.001; // Place left edge of player at right edge of wall } else { // Negligible world X movement from this step's input OR already penetrating. // Determine push-out direction based on current relative position. const objectCenterX = (objectCollider.min.x + objectCollider.max.x) / 2; if (this.camera.position.x < objectCenterX) { // Player center is to the left of object center this.camera.position.x = objectCollider.min.x - halfPlayerWidth - 0.001; // Push player further left (clear of wall's left face) } else { // Player center is to the right of (or at) object center this.camera.position.x = objectCollider.max.x + halfPlayerWidth + 0.001; // Push player further right (clear of wall's right face) } } this.velocity.x = 0; // Stop any existing world-X velocity (e.g., from jump) break; } } } const positionAfterXHandling = this.camera.position.clone(); // Position after X-axis input and collision handling // --- Z-AXIS MOVEMENT & COLLISION --- if (this.moveForward || this.moveBackward) { this.controls.moveForward(intendedDeltaZ); // PointerLockControls applies movement playerCollider.setFromCenterAndSize(this.camera.position, playerColliderSize); for (const object of collidableObjects) { const objectCollider = new THREE.Box3().setFromObject(object); if (playerCollider.intersectsBox(objectCollider)) { if (!this.isOnGround) { // Only allow wall jump if in air this.canWallJump = true; // Can still be true if X already set it, or set it now if (this.camera.position.z > objectCollider.max.z - this.wallSideDetectionOffset) this.wallJumpNormal.set(0, 0, 1); // Player hit wall to their "back" (relative to world Z) else if (this.camera.position.z < objectCollider.min.z + this.wallSideDetectionOffset) this.wallJumpNormal.set(0, 0, -1); // Player hit wall to their "front" else this.wallJumpNormal.set(0, 0, this.camera.position.z > positionAfterXHandling.z ? -1 : 1); // Fallback } const halfPlayerDepth = playerColliderSize.z / 2; const actualDeltaZ = this.camera.position.z - positionAfterXHandling.z; if (actualDeltaZ > 0.0001) { // Player moved in +Z world direction and collided this.camera.position.z = objectCollider.min.z - halfPlayerDepth - 0.001; } else if (actualDeltaZ < -0.0001) { // Player moved in -Z world direction and collided this.camera.position.z = objectCollider.max.z + halfPlayerDepth + 0.001; // Place "front" edge of player at "back" edge of wall } else { // Negligible world Z movement from this step's input OR already penetrating. // Determine push-out direction based on current relative position. const objectCenterZ = (objectCollider.min.z + objectCollider.max.z) / 2; if (this.camera.position.z < objectCenterZ) { // Player center is "in front" of object center (world -Z) this.camera.position.z = objectCollider.min.z - halfPlayerDepth - 0.001; // Push player further "front" } else { // Player center is "behind" (or at) object center (world +Z) this.camera.position.z = objectCollider.max.z + halfPlayerDepth + 0.001; // Push player further "back" } } this.velocity.z = 0; // Stop any existing world-Z velocity break; } } } const positionAfterXZHandling = this.camera.position.clone(); // Y position before vertical velocity is applied // --- VERTICAL MOVEMENT & COLLISION --- if (!this.isOnGround) { this.velocity.y += this.gravity * deltaTime; } this.camera.position.y += this.velocity.y * deltaTime; // Apply vertical velocity this.isOnGround = false; // Assume not on ground until a collision says otherwise playerCollider.setFromCenterAndSize(this.camera.position, playerColliderSize); for (const object of collidableObjects) { const objectCollider = new THREE.Box3().setFromObject(object); if (playerCollider.intersectsBox(objectCollider)) { // Landing on an object if (this.velocity.y <= 0 && (positionAfterXZHandling.y - this.playerColliderHeight / 2) >= objectCollider.max.y - 0.01) { this.camera.position.y = objectCollider.max.y + this.playerColliderHeight / 2; this.velocity.y = 0; this.isOnGround = true; this.canWallJump = false; } // Hitting head on an object else if (this.velocity.y > 0 && (positionAfterXZHandling.y + this.playerColliderHeight / 2) <= objectCollider.min.y + 0.01) { this.camera.position.y = objectCollider.min.y - this.playerColliderHeight / 2; this.velocity.y = 0; } // Note: If it's a side collision at this stage, XZ logic should have handled it primarily. // However, if Y movement caused a new side penetration, this block might catch it. // We could add a general push-out here if XZ didn't fully resolve due to Y movement, but it gets complex. // For now, we prioritize vertical resolution after horizontal. if(this.isOnGround) break; // If landed, primary Y collision resolved. } } // Ground plane collision (if not already on an object) const groundPlaneGlobalY = 0.0; if (!this.isOnGround && (this.camera.position.y - this.playerColliderHeight / 2) < groundPlaneGlobalY && this.velocity.y <= 0) { this.camera.position.y = groundPlaneGlobalY + this.playerColliderHeight / 2; this.velocity.y = 0; this.isOnGround = true; this.canWallJump = false; } this.updateProjectiles(deltaTime); // Arena boundary check (failsafe teleport) // This requires access to environment map dimensions and tileSize if (this.gameManager && this.gameManager.environment) { const env = this.gameManager.environment; const mapWidth = env.map[0].length * env.tileSize; const mapDepth = env.map.length * env.tileSize; const halfMapWidth = mapWidth / 2; const halfMapDepth = mapDepth / 2; const safetyMargin = 1; // Allow player to be slightly outside before teleporting if (this.camera.position.x < -halfMapWidth - safetyMargin || this.camera.position.x > halfMapWidth + safetyMargin || this.camera.position.z < -halfMapDepth - safetyMargin || this.camera.position.z > halfMapDepth + safetyMargin || this.camera.position.y < -10 ) { // Also check for falling through floor console.warn("Player out of bounds, teleporting back to last safe position.", this.camera.position, this.lastSafePosition); this.camera.position.copy(this.lastSafePosition); this.velocity.set(0,0,0); // Reset velocity to prevent immediate re-escape this.isOnGround = true; // Assume they land on ground } } } }