Update index.html

index.html

@@ -98,7 +98,6 @@
             }));
             enemy.creationTime = Date.now();
             enemies.add(enemy);
-            setInterval(() => { if (enemy.parentNode) fireLaser(enemy, '#FF0000', player); }, 2000);
             updateDisplays();
         }
 
@@ -107,40 +106,39 @@
             const targetPosition = target.object3D.position;
             const laser = createEntity('laser', {
                 class: 'laser',
-                geometry: {primitive: 'sphere', radius: 0.1},
-                material: {color: color, opacity: 0.7, emissive: color},
+                geometry: {primitive: 'cylinder', radius: 0.05, height: 100},
+                material: {color: color, opacity: 0.7},
                 position: sourcePosition
             });
             
             const direction = new THREE.Vector3().subVectors(targetPosition, sourcePosition).normalize();
-            const speed = 0.5;
+            laser.object3D.lookAt(targetPosition);
             
-            function updateLaserPosition() {
-                if (!laser.parentNode) return;
-                laser.object3D.position.add(direction.clone().multiplyScalar(speed));
-                if (laser.object3D.position.distanceTo(sourcePosition) > 100) {
-                    scene.removeChild(laser);
-                    return;
-                }
-                requestAnimationFrame(updateLaserPosition);
-                
-                // Check for collisions
-                if (source === player) {
-                    const targets = document.querySelectorAll('.enemy, .spawner');
-                    targets.forEach(target => {
-                        if (laser.object3D.position.distanceTo(target.object3D.position) < 1) {
-                            handleHit(target, laser.object3D.position);
-                            scene.removeChild(laser);
-                        }
-                    });
-                } else if (laser.object3D.position.distanceTo(player.object3D.position) < 1) {
-                    health = Math.max(0, health - 10);
-                    updateDisplays();
-                    scene.removeChild(laser);
-                }
+            laser.setAttribute('animation', {
+                property: 'scale',
+                to: '1 0.01 1',
+                dur: 1000,
+                easing: 'linear'
+            });
+
+            setTimeout(() => {
+                scene.removeChild(laser);
+            }, 1000);
+
+            // Check for collisions
+            if (source === player) {
+                const targets = document.querySelectorAll('.enemy, .spawner');
+                targets.forEach(target => {
+                    const targetPos = target.object3D.position;
+                    const distance = sourcePosition.distanceTo(targetPos);
+                    if (distance < 2) {
+                        handleHit(target, targetPos);
+                    }
+                });
+            } else if (sourcePosition.distanceTo(player.object3D.position) < 2) {
+                health = Math.max(0, health - 10);
+                updateDisplays();
             }
-            
-            updateLaserPosition();
         }
 
         function handleHit(target, position) {
@@ -180,6 +178,34 @@
             updateDisplays();
         }
 
+        function shootFromCamera() {
+            const cameraEl = camera.components.camera.el;
+            const direction = new THREE.Vector3(0, 0, -1);
+            direction.applyQuaternion(cameraEl.object3D.quaternion);
+            
+            const raycaster = new THREE.Raycaster(cameraEl.object3D.position, direction);
+            const cursorEl = cursor;
+            const cursorPosition = new THREE.Vector3();
+            cursorEl.object3D.getWorldPosition(cursorPosition);
+            
+            const intersects = raycaster.intersectObjects(scene.object3D.children, true);
+            let targetPosition;
+            
+            if (intersects.length > 0) {
+                const intersect = intersects.find(i => i.object.el && (i.object.el.classList.contains('enemy') || i.object.el.classList.contains('spawner')));
+                if (intersect) {
+                    targetPosition = intersect.point;
+                } else {
+                    targetPosition = cursorPosition;
+                }
+            } else {
+                targetPosition = cursorPosition;
+            }
+            
+            const dummyTarget = { object3D: { position: targetPosition } };
+            fireLaser(camera, '#00FF00', dummyTarget);
+        }
+
         function updateGame() {
             const now = Date.now();
             const cameraPosition = camera.object3D.position;
@@ -197,6 +223,9 @@
                         enemies.delete(enemy);
                         health = Math.max(0, health - 50);
                     }
+                    if (Math.random() < 0.01) {
+                        fireLaser(enemy, '#FF0000', player);
+                    }
                 }
             });
 
@@ -210,27 +239,15 @@
                     spawners.delete(spawner);
                     health = Math.max(0, health - 100);
                 }
+                if (Math.random() < 0.005 && enemies.size < 30) {
+                    createEnemy(spawner.object3D.position);
+                }
             });
 
             while (spawners.size < 5) createSpawner();
             updateDisplays();
         }
 
-        function shootFromCamera() {
-            const direction = new THREE.Vector3(0, 0, -1);
-            direction.applyQuaternion(camera.object3D.quaternion);
-            const raycaster = new THREE.Raycaster(camera.object3D.position, direction);
-            const intersects = raycaster.intersectObjects(scene.object3D.children, true);
-            
-            for (let intersect of intersects) {
-                const target = intersect.object.el;
-                if (target && (target.classList.contains('enemy') || target.classList.contains('spawner'))) {
-                    fireLaser(camera, '#00FF00', target);
-                    break;
-                }
-            }
-        }
-
         document.addEventListener('keydown', (event) => { if (event.code === 'Space') shootFromCamera(); });
         scene.addEventListener('click', shootFromCamera);