Enhanced 3D Fighting Game

Make sure enemies also die from being attacked I'll enhance the game with all the requested features. Here's the improved version: Enhanced 3D Fighting Game

Player Health: 100

Enemies Left: 0

Score: 0

Weapon: Fists

// Basic setup const scene = new THREE.Scene(); scene.background = new THREE.Color(0x87CEEB); const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); // Physics setup let physics; let world; const gravity = new THREE.Vector3(0, -9.8, 0); let lastTime = 0; // Lighting const ambientLight = new THREE.AmbientLight(0x404040); scene.add(ambientLight); const directionalLight = new THREE.DirectionalLight(0xffffff, 1); directionalLight.position.set(1, 1, 1); scene.add(directionalLight); // Characters function createCharacter(isPlayer) { const group = new THREE.Group(); // Body const bodyGeometry = new THREE.BoxGeometry(0.8, 1.5, 0.4); const bodyMaterial = new THREE.MeshPhongMaterial({ color: isPlayer ? 0x00aa00 : 0xaa0000 }); const body = new THREE.Mesh(bodyGeometry, bodyMaterial); body.position.y = 0.75; group.add(body); // Head const headGeometry = new THREE.SphereGeometry(0.4, 16, 16); const headMaterial = new THREE.MeshPhongMaterial({ color: isPlayer ? 0xFFD700 : 0x8B4513 }); const head = new THREE.Mesh(headGeometry, headMaterial); head.position.y = 1.8; group.add(head); // Eyes const eyeGeometry = new THREE.SphereGeometry(0.1, 8, 8); const eyeMaterial = new THREE.MeshPhongMaterial({ color: 0x000000 }); const leftEye = new THREE.Mesh(eyeGeometry, eyeMaterial); leftEye.position.set(0.15, 1.8, 0.3); group.add(leftEye); const rightEye = new THREE.Mesh(eyeGeometry, eyeMaterial); rightEye.position.set(-0.15, 1.8, 0.3); group.add(rightEye); // Arms const armGeometry = new THREE.BoxGeometry(0.3, 1, 0.3); const armMaterial = new THREE.MeshPhongMaterial({ color: isPlayer ? 0x00aa00 : 0xaa0000 }); const leftArm = new THREE.Mesh(armGeometry, armMaterial); leftArm.position.set(0.6, 1, 0); group.add(leftArm); const rightArm = new THREE.Mesh(armGeometry, armMaterial); rightArm.position.set(-0.6, 1, 0); group.add(rightArm); // Legs const legGeometry = new THREE.BoxGeometry(0.3, 1, 0.3); const legMaterial = new THREE.MeshPhongMaterial({ color: isPlayer ? 0x0000aa : 0xaa00aa }); const leftLeg = new THREE.Mesh(legGeometry, legMaterial); leftLeg.position.set(0.2, -0.5, 0); group.add(leftLeg); const rightLeg = new THREE.Mesh(legGeometry, legMaterial); rightLeg.position.set(-0.2, -0.5, 0); group.add(rightLeg); // Hair const hairGeometry = new THREE.BoxGeometry(0.5, 0.1, 0.5); const hairMaterial = new THREE.MeshPhongMaterial({ color: 0x000000 }); const hair = new THREE.Mesh(hairGeometry, hairMaterial); hair.position.set(0, 2, 0); group.add(hair); // Tag the player if (isPlayer) { group.userData.isPlayer = true; group.userData.health = 100; group.userData.isAttacking = false; group.userData.jumpCooldown = 0; group.userData.weapon = 'Fists'; group.userData.boost = 0; } else { group.userData.isEnemy = true; group.userData.health = 50 + Math.random() * 50; group.userData.type = Math.floor(Math.random() * 3); // 0-2 for different enemy types group.userData.speed = 0.03 + Math.random() * 0.04; group.userData.attackCooldown = 0; } return group; } // Create player const player = createCharacter(true); scene.add(player); // Camera follow const cameraOffset = new THREE.Vector3(0, 3, -5); camera.position.copy(player.position.clone().add(cameraOffset)); camera.lookAt(player.position); // Enemies array const enemies = []; const deadBodies = []; function createEnemy() { const enemy = createCharacter(false); // Position randomly around the player const angle = Math.random() * Math.PI * 2; const distance = 20 + Math.random() * 10; enemy.position.set( player.position.x + Math.cos(angle) * distance, 0, player.position.z + Math.sin(angle) * distance ); // Set enemy type specific properties switch(enemy.userData.type) { case 1: enemy.children.find(c => c.material).material.color.setHex(0x880000); enemy.userData.health *= 1.5; enemy.userData.damage = 10; enemy.userData.specialAbility = 'Strong Attack'; break; case 2: enemy.children.find(c => c.material).material.color.setHex(0x6666FF); enemy.userData.speed *= 1.5; enemy.userData.damage = 5; enemy.userData.specialAbility = 'Fast Movement'; break; default: enemy.children.find(c => c.material).material.color.setHex(0xFF0000); enemy.userData.damage = 7; enemy.userData.specialAbility = 'None'; } scene.add(enemy); enemies.push(enemy); document.getElementById('enemiesCount').textContent = enemies.length; } // Create initial enemies for (let i = 0; i < 5; i++) { createEnemy(); } // Weapons const weapons = [ { name: 'Fists', damage: 5, range: 1.5 }, { name: 'Sword', damage: 15, range: 2 }, { name: 'Axe', damage: 20, range: 1.8 }, { name: 'Spear', damage: 12, range: 3 } ]; let currentWeapon = 0; function createWeaponVisual() { const weaponGroup = new THREE.Group(); // Base weapon (sword) const weaponGeometry = new THREE.BoxGeometry(0.2, 1.5, 0.1); const weaponMaterial = new THREE.MeshPhongMaterial({ color: 0x999999 }); const weapon = new THREE.Mesh(weaponGeometry, weaponMaterial); weapon.position.set(0, 0, -1); weaponGroup.add(weapon); // Handle const handleGeometry = new THREE.BoxGeometry(0.3, 0.3, 0.3); const handleMaterial = new THREE.MeshPhongMaterial({ color: 0x8B4513 }); const handle = new THREE.Mesh(handleGeometry, handleMaterial); handle.position.set(0, -0.8, -1); weaponGroup.add(handle); weaponGroup.visible = false; player.add(weaponGroup); return weaponGroup; } const weaponVisual = createWeaponVisual(); // Ground const groundGeometry = new THREE.PlaneGeometry(100, 100); const groundMaterial = new THREE.MeshPhongMaterial({ color: 0x3a5f0b, side: THREE.DoubleSide }); const ground = new THREE.Mesh(groundGeometry, groundMaterial); ground.rotation.x = -Math.PI / 2; scene.add(ground); // Controls const keys = {}; document.addEventListener('keydown', (e) => { keys[e.code] = true; // Switch weapons with 1-4 keys if (e.code >= 'Digit1' && e.code <= 'Digit4') { currentWeapon = parseInt(e.key) - 1; player.userData.weapon = weapons[currentWeapon].name; document.getElementById('weapon').textContent = weapons[currentWeapon].name; weaponVisual.visible = currentWeapon > 0; } // Use boost with Shift key if (e.code === 'ShiftLeft') { player.userData.boost = 3; } }); document.addEventListener('keyup', (e) => { keys[e.code] = false; if (e.code === 'KeyE') { // Punch/attack player.userData.isAttacking = true; setTimeout(() => { player.userData.isAttacking = false; }, 300); // Check if enemy is in range const weapon = weapons[currentWeapon]; for (let i = enemies.length - 1; i >= 0; i--) { const enemy = enemies[i]; if (enemy.position.distanceTo(player.position) <= weapon.range) { enemy.userData.health -= weapon.damage; if (enemy.userData.health <= 0) { // Enemy death scene.remove(enemy); enemies.splice(i, 1); player.userData.score += 100; document.getElementById('score').textContent = player.userData.score; document.getElementById('enemiesCount').textContent = enemies.length; // Create ragdoll effect const deadEnemy = createCharacter(false); deadEnemy.position.copy(enemy.position); deadEnemy.rotation.copy(enemy.rotation); scene.add(deadEnemy); deadBodies.push(deadEnemy); // Spawn new enemy setTimeout(createEnemy, 1000); } } } } if (e.code === 'Space' && player.userData.jumpCooldown === 0) { // Jump player.position.y += 1; player.userData.jumpCooldown = 1000; // 1 second cooldown } }); // Game state let score = 0; // Health update function function updateHealthDisplay() { document.getElementById('playerHealth').textContent = Math.max(0, Math.floor(player.userData.health)); } // Damage effect const damageEffect = document.getElementById('damageEffect'); let damageTimer = 0; function showDamageEffect() { damageEffect.style.opacity = 0.5; damageTimer = 100; } // Game loop function animate(time) { requestAnimationFrame(animate); const deltaTime = lastTime ? time - lastTime : 16; lastTime = time; // Player movement let moveSpeed = 0.1; if (player.userData.boost > 0) { moveSpeed *= 2; player.userData.boost -= deltaTime; } const forward = new THREE.Vector3(0, 0, -1).applyQuaternion(camera.quaternion); const right = new THREE.Vector3(1, 0, 0).applyQuaternion(camera.quaternion); if (keys['KeyW']) player.position.add(forward.multiplyScalar(moveSpeed)); if (keys['KeyS']) player.position.add(forward.multiplyScalar(-moveSpeed * 0.8)); if (keys['KeyA']) player.position.add(right.multiplyScalar(-moveSpeed)); if (keys['KeyD']) player.position.add(right.multiplyScalar(moveSpeed)); // Apply gravity if (player.position.y > 0) { player.position.y -= 0.05; } else { player.position.y = 0; player.userData.jumpCooldown = Math.max(0, player.userData.jumpCooldown - deltaTime); } // Camera follow camera.position.copy(player.position.clone().add(cameraOffset)); camera.lookAt(player.position); // Enemy behavior enemies.forEach(enemy => { // Different behavior based on enemy type switch(enemy.userData.type) { case 1: // Strong enemy - slow but direct path const directionStrong = new THREE.Vector3().subVectors(player.position, enemy.position).normalize(); enemy.position.add(directionStrong.multiplyScalar(enemy.userData.speed)); break; case 2: // Fast enemy - zigzag movement if (Math.random() < 0.05) { enemy.userData.moveAngle = Math.random() * Math.PI * 2; } const approachDir = new THREE.Vector3().subVectors(player.position, enemy.position).normalize(); const zigzagDir = new THREE.Vector3( Math.cos(enemy.userData.moveAngle), 0, Math.sin(enemy.userData.moveAngle) ).multiplyScalar(0.3); const finalDir = new THREE.Vector3().addVectors(approachDir, zigzagDir).normalize(); enemy.position.add(finalDir.multiplyScalar(enemy.userData.speed)); break; default: // Basic enemy - direct path const directionBasic = new THREE.Vector3().subVectors(player.position, enemy.position).normalize(); enemy.position.add(directionBasic.multiplyScalar(enemy.userData.speed)); } // Ensure enemies stay on ground enemy.position.y = 0; // Enemy attacks if (enemy.userData.attackCooldown <= 0 && enemy.position.distanceTo(player.position) < 2) { player.userData.health -= enemy.userData.damage; showDamageEffect(); updateHealthDisplay(); // Knockback effect const knockbackDir = new THREE.Vector3().subVectors(player.position, enemy.position).normalize(); player.position.add(knockbackDir.multiplyScalar(1)); enemy.userData.attackCooldown = 1000; // Check for player death if (player.userData.health <= 0) { // Player death ragdoll const deadPlayer = createCharacter(true); deadPlayer.position.copy(player.position); scene.add(deadPlayer); // Reset game setTimeout(() => { scene.remove(deadPlayer); player.userData.health = 100; player.position.set(0, 0, 0); updateHealthDisplay(); // Clear enemies and spawn new ones enemies.forEach(e => scene.remove(e)); enemies.length = 0; for (let i = 0; i < 5; i++) { createEnemy(); } }, 2000); } } else { enemy.userData.attackCooldown = Math.max(0, enemy.userData.attackCooldown - deltaTime); } // Enemy looks at player enemy.lookAt(player.position); enemy.rotation.x = 0; enemy.rotation.z = 0; }); // Clean up dead bodies if (deadBodies.length > 10) { const oldestBody = deadBodies.shift(); scene.remove(oldestBody); } // Damage effect fade if (damageTimer > 0) { damageTimer -= deltaTime; damageEffect.style.opacity = (damageTimer / 100) * 0.5; } renderer.render(scene, camera); } // Window resize window.addEventListener('resize', () => { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }); // Start game updateHealthDisplay(); document.getElementById('score').textContent = player.userData.score; document.getElementById('enemiesCount').textContent = enemies.length; document.getElementById('weapon').textContent = weapons[currentWeapon].name; animate();