Zombie Shooter

Score: 0

Ammo: ∞

import * as THREE from 'three'; import { PointerLockControls } from 'three/addons/controls/PointerLockControls.js'; import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'; // Game variables let score = 0; const scoreElement = document.getElementById('score'); let objects = []; let bullets = []; let isGameStarted = false; // Setup scene const scene = new THREE.Scene(); scene.background = new THREE.Color(0x111111); // Setup camera const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); camera.position.y = 1.6; // Setup renderer const renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setSize(window.innerWidth, window.innerHeight); renderer.setPixelRatio(window.devicePixelRatio); document.body.appendChild(renderer.domElement); // Setup controls const controls = new PointerLockControls(camera, document.body); // Add lights const ambientLight = new THREE.AmbientLight(0x404040); scene.add(ambientLight); const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8); directionalLight.position.set(1, 1, 1); scene.add(directionalLight); // Create floor const floorGeometry = new THREE.PlaneGeometry(100, 100); const floorMaterial = new THREE.MeshStandardMaterial({ color: 0x333333 }); const floor = new THREE.Mesh(floorGeometry, floorMaterial); floor.rotation.x = -Math.PI / 2; scene.add(floor); // Create walls function createWall(x, z, width, height, rotationY = 0) { const wallGeometry = new THREE.BoxGeometry(width, height, 0.5); const wallMaterial = new THREE.MeshStandardMaterial({ color: 0x666666 }); const wall = new THREE.Mesh(wallGeometry, wallMaterial); wall.position.set(x, height / 2, z); wall.rotation.y = rotationY; scene.add(wall); objects.push(wall); } createWall(0, -50, 100, 10); createWall(0, 50, 100, 10); createWall(-50, 0, 100, 10, Math.PI / 2); createWall(50, 0, 100, 10, Math.PI / 2); // Create targets (zombies) function createZombie() { const zombieGeometry = new THREE.BoxGeometry(1, 2, 1); const zombieMaterial = new THREE.MeshStandardMaterial({ color: 0x00ff00 }); const zombie = new THREE.Mesh(zombieGeometry, zombieMaterial); // Random position around player const angle = Math.random() * Math.PI * 2; const distance = 5 + Math.random() * 15; zombie.position.x = Math.cos(angle) * distance; zombie.position.z = Math.sin(angle) * distance; zombie.position.y = 1; objects.push(zombie); scene.add(zombie); // Movement towards player zombie.update = function() { const direction = new THREE.Vector3( camera.position.x - this.position.x, 0, camera.position.z - this.position.z ).normalize(); this.position.x += direction.x * 0.02; this.position.z += direction.z * 0.02; }; return zombie; } // Create bullets function shoot() { const bulletGeometry = new THREE.SphereGeometry(0.1); const bulletMaterial = new THREE.MeshBasicMaterial({ color: 0xffff00 }); const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial); bullet.position.copy(camera.position); // Shoot in camera's forward direction const direction = new THREE.Vector3(); camera.getWorldDirection(direction); bullet.velocity = direction.multiplyScalar(0.5); bullets.push(bullet); scene.add(bullet); } // Handle click to shoot document.addEventListener('click', () => { if (controls.isLocked) { shoot(); } else if (!isGameStarted) { const blocker = document.getElementById('blocker'); controls.lock(); isGameStarted = true; // Start spawning zombies setInterval(createZombie, 2000); } }); // Handle window resize window.addEventListener('resize', () => { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }); // Game loop function animate() { requestAnimationFrame(animate); // Update bullets for (let i = bullets.length - 1; i >= 0; i--) { const bullet = bullets[i]; bullet.position.add(bullet.velocity); // Check bullet collision with objects for (let j = objects.length - 1; j >= 0; j--) { const object = objects[j]; if (bullet.position.distanceTo(object.position) < 1.5) { scene.remove(bullet); bullets.splice(i, 1); // If hit a zombie if (object.update) { scene.remove(object); objects.splice(j, 1); score++; scoreElement.textContent = `Score: ${score}`; } break; } } // Remove bullets that are too far if (bullet.position.distanceTo(camera.position) > 50) { scene.remove(bullet); bullets.splice(i, 1); } } // Update objects (zombies) objects.forEach(object => { if (object.update) { object.update(); // Check if zombie is too close to player if (object.position.distanceTo(camera.position) < 1.5) { // Game over or take damage console.log("You got hit!"); } } }); renderer.render(scene, camera); } animate();