Update index.html

index.html

@@ -440,4 +440,117 @@
                     position: {
                         lat: station.location[0] + (Math.random() - 0.5) * range,
                         lon: station.location[1] + (Math.random() - 0.5) * range
-                    },
+                    },
+
+speed: Math.random() * 100 + 50,
+                    heading: Math.random() * 360,
+                    station: station
+                };
+            }
+
+            updateTargets() {
+                if (Math.random() < 0.1 && this.targets.size < 10) {
+                    this.targets.add(this.generateTarget());
+                }
+
+                this.targets.forEach(target => {
+                    // Update target position based on heading and speed
+                    const rad = target.heading * Math.PI / 180;
+                    target.position.lat += Math.cos(rad) * target.speed * 0.00001;
+                    target.position.lon += Math.sin(rad) * target.speed * 0.00001;
+
+                    // Remove targets that are too far from their station
+                    const distance = this.calculateDistance(
+                        target.position.lat,
+                        target.position.lon,
+                        target.station.location[0],
+                        target.station.location[1]
+                    );
+
+                    if (distance > target.station.range) {
+                        this.targets.delete(target);
+                    }
+                });
+            }
+
+            calculateDistance(lat1, lon1, lat2, lon2) {
+                const R = 6371; // Earth's radius in km
+                const dLat = (lat2 - lat1) * Math.PI / 180;
+                const dLon = (lon2 - lon1) * Math.PI / 180;
+                const a = 
+                    Math.sin(dLat/2) * Math.sin(dLat/2) +
+                    Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * 
+                    Math.sin(dLon/2) * Math.sin(dLon/2);
+                const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
+                return R * c;
+            }
+
+            addDetection(target) {
+                const container = document.getElementById('detections');
+                const detection = document.createElement('div');
+                detection.className = 'detection';
+                detection.innerHTML = `
+                    ${target.type === 'aircraft' ? '✈️' : '🚗'} Signal detected at 
+                    ${target.position.lat.toFixed(4)}, ${target.position.lon.toFixed(4)}
+                    <br>Speed: ${target.speed.toFixed(1)} km/h
+                    <br>Heading: ${target.heading.toFixed(1)}°
+                    <br>Station: ${target.station.name}
+                `;
+                container.insertBefore(detection, container.firstChild);
+
+                if (container.children.length > 5) {
+                    container.removeChild(container.lastChild);
+                }
+
+                // Update signal strength bar
+                const receiver = document.getElementById(`rx-${target.station.url.split(':')[0]}`);
+                const signalBar = receiver.querySelector('.signal-bar');
+                signalBar.style.width = `${Math.random() * 40 + 60}%`;
+
+                // Add signal line
+                this.addSignalLine(target);
+            }
+
+            addSignalLine(target) {
+                const stationPos = this.latLongToXY(target.station.location[0], target.station.location[1]);
+                const targetPos = this.latLongToXY(target.position.lat, target.position.lon);
+                
+                const line = document.createElement('div');
+                line.className = 'signal-line';
+                line.style.position = 'absolute';
+                line.style.left = `${stationPos.x}px`;
+                line.style.top = `${stationPos.y}px`;
+                
+                const length = Math.sqrt(
+                    Math.pow(targetPos.x - stationPos.x, 2) + 
+                    Math.pow(targetPos.y - stationPos.y, 2)
+                );
+                const angle = Math.atan2(targetPos.y - stationPos.y, targetPos.x - stationPos.x);
+                
+                line.style.width = `${length}px`;
+                line.style.transform = `rotate(${angle}rad)`;
+                
+                document.getElementById('map-container').appendChild(line);
+                
+                setTimeout(() => line.remove(), 2000);
+            }
+
+            startTracking() {
+                setInterval(() => {
+                    this.updateTargets();
+                    this.targets.forEach(target => {
+                        if (Math.random() < 0.3) {
+                            this.addDetection(target);
+                        }
+                    });
+                }, 2000);
+            }
+        }
+
+        // Initialize the radar system when the page loads
+        window.addEventListener('load', () => {
+            new RadarSystem();
+        });
+    </script>
+</body>
+</html>