Update index.html

index.html

@@ -74,24 +74,34 @@
                 class: 'spawner',
                 'obj-model': `obj: #model${modelNumber}`,
                 material: {color: '#00FF00', metalness: 0.7, roughness: 0.3},
-                position: position || new THREE.Vector3(
-                    Math.cos(Math.random() * Math.PI * 2) * 30,
-                    Math.random() * 10 - 5,
-                    Math.sin(Math.random() * Math.PI * 2) * 30
-                )
+                position: position || generateSpawnerPosition()
             });
             spawner.health = 100;
             spawners.add(spawner);
             updateDisplays();
         }
 
+        function generateSpawnerPosition() {
+            const angle = Math.random() * Math.PI * 2;
+            const distance = 30 + Math.random() * 20; // Spawn between 30 and 50 units away
+            return new THREE.Vector3(
+                Math.cos(angle) * distance,
+                1.6, // Keep at player's eye level
+                Math.sin(angle) * distance - 5 // Offset by -5 to spawn in front of scoreboard
+            );
+        }
+
         function createEnemy(spawnPosition) {
             if (enemies.size >= 30) return;
             const enemy = createEntity('enemy', {
                 class: 'enemy',
                 geometry: {primitive: 'sphere', radius: 0.5},
                 material: {color: '#FF0000', metalness: 0.7, roughness: 0.3},
-                position: new THREE.Vector3().addVectors(spawnPosition, new THREE.Vector3((Math.random() - 0.5) * 2, (Math.random() - 0.5) * 2, (Math.random() - 0.5) * 2))
+                position: new THREE.Vector3(
+                    spawnPosition.x + (Math.random() - 0.5) * 2,
+                    1.6, // Keep at player's eye level
+                    spawnPosition.z + (Math.random() - 0.5) * 2
+                )
             });
             enemy.appendChild(createEntity('particles', {
                 'particle-system': {preset: 'dust', particleCount: 100, color: '#FF0000, #FF5500', size: 0.1, dur: 1000, accelerationValue: '0 -9.8 0'}
@@ -103,18 +113,15 @@
 
         function fireLaser(source, color, target, isPlayer = false) {
             const sourcePosition = source.object3D.position.clone();
-            const targetPosition = target.object3D.position.clone();
+            let targetPosition;
             
             if (isPlayer) {
-                // For player, set source to be in front of the camera
                 sourcePosition.copy(camera.object3D.position).add(new THREE.Vector3(0, 0, -1));
-                // Set target to be far in the direction the camera is facing
                 const direction = new THREE.Vector3(0, 0, -1);
                 direction.applyQuaternion(camera.object3D.quaternion);
-                targetPosition.copy(sourcePosition).add(direction.multiplyScalar(100));
+                targetPosition = sourcePosition.clone().add(direction.multiplyScalar(100));
             } else {
-                // For enemies, set target to be in front of the camera
-                targetPosition.copy(camera.object3D.position).add(new THREE.Vector3(0, 0, -1));
+                targetPosition = camera.object3D.position.clone();
             }
             
             const distance = sourcePosition.distanceTo(targetPosition);
@@ -178,7 +185,7 @@
                     scene.removeChild(target);
                     spawners.delete(target);
                     score += 50;
-                    createSpawner(new THREE.Vector3().addVectors(position, new THREE.Vector3((Math.random() - 0.5) * 10, (Math.random() - 0.5) * 10, (Math.random() - 0.5) * 10)));
+                    createSpawner(generateSpawnerPosition());
                 }
             }
             updateDisplays();
@@ -216,6 +223,7 @@
                 } else {
                     const direction = new THREE.Vector3().subVectors(cameraPosition, enemy.object3D.position).normalize();
                     enemy.object3D.position.add(direction.multiplyScalar(0.05));
+                    enemy.object3D.position.y = 1.6; // Keep at player's eye level
                     if (enemy.object3D.position.distanceTo(cameraPosition) < 2) {
                         createExplosion(enemy.object3D.position);
                         scene.removeChild(enemy);
@@ -231,6 +239,7 @@
             spawners.forEach(spawner => {
                 const direction = new THREE.Vector3().subVectors(cameraPosition, spawner.object3D.position).normalize();
                 spawner.object3D.position.add(direction.multiplyScalar(0.02));
+                spawner.object3D.position.y = 1.6; // Keep at player's eye level
                 spawner.object3D.lookAt(cameraPosition);
                 if (spawner.object3D.position.distanceTo(cameraPosition) < 3) {
                     createExplosion(spawner.object3D.position);