Update index.html

index.html

@@ -101,32 +101,41 @@
             updateDisplays();
         }
 
-        function fireLaser(source, color, target) {
+        function fireLaser(source, color, target, isPlayer = false) {
             const sourcePosition = source.object3D.position;
             const targetPosition = target.object3D.position;
+            const direction = new THREE.Vector3().subVectors(targetPosition, sourcePosition).normalize();
+            
+            const laserLength = isPlayer ? 100 : 10; // Player lasers are longer
+            const midPoint = new THREE.Vector3().addVectors(sourcePosition, direction.multiplyScalar(laserLength / 2));
+            
             const laser = createEntity('laser', {
                 class: 'laser',
-                geometry: {primitive: 'cylinder', radius: 0.05, height: 100},
+                geometry: {primitive: 'cylinder', radius: 0.05, height: laserLength},
                 material: {color: color, opacity: 0.7},
-                position: sourcePosition
+                position: midPoint
             });
             
-            const direction = new THREE.Vector3().subVectors(targetPosition, sourcePosition).normalize();
             laser.object3D.lookAt(targetPosition);
             
+            // Rotate the laser to be horizontal for player, keep vertical for enemies
+            if (isPlayer) {
+                laser.object3D.rotateZ(Math.PI / 2);
+            }
+            
             laser.setAttribute('animation', {
                 property: 'scale',
                 to: '1 0.01 1',
-                dur: 1000,
+                dur: isPlayer ? 1000 : 2000, // Enemy lasers are slower
                 easing: 'linear'
             });
 
             setTimeout(() => {
                 scene.removeChild(laser);
-            }, 1000);
+            }, isPlayer ? 1000 : 2000);
 
             // Check for collisions
-            if (source === player) {
+            if (isPlayer) {
                 const targets = document.querySelectorAll('.enemy, .spawner');
                 targets.forEach(target => {
                     const targetPos = target.object3D.position;
@@ -203,7 +212,7 @@
             }
             
             const dummyTarget = { object3D: { position: targetPosition } };
-            fireLaser(camera, '#00FF00', dummyTarget);
+            fireLaser(camera, '#00FF00', dummyTarget, true);
         }
 
         function updateGame() {