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.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 } 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; 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); // Speed of projectile projectile.userData.life = 50; // Projectile lifetime in frames (approx 1 sec) this.scene.add(projectile); this.projectiles.push(projectile); } 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) { this.currentHealth -= amount; 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) { update(deltaTime, collidableObjects) { if (!this.controls.isLocked) return; 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(); const playerColliderSize = new THREE.Vector3(0.25, this.playerColliderHeight, 0.25); 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); else this.wallJumpNormal.set(this.camera.position.x > frameStartPosition.x ? -1 : 1, 0, 0); } this.camera.position.x = frameStartPosition.x; // Revert X to its state *before* X-axis input this frame this.velocity.x = 0; 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); else if (this.camera.position.z < objectCollider.min.z + this.wallSideDetectionOffset) this.wallJumpNormal.set(0, 0, -1); else this.wallJumpNormal.set(0, 0, this.camera.position.z > positionAfterXHandling.z ? -1 : 1); } this.camera.position.z = positionAfterXHandling.z; // Revert Z to its state *before* Z-axis input this frame this.velocity.z = 0; 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); } }