AegisSight/AegisSight-Globe
2
0
Fork 0
Code Issues Pull-Requests Actions Pakete Projekte Releases Wiki Aktivität

Neue Features: Satelliten-Orbits, Naturkatastrophen, Visual Modes

Quellcode durchsuchen 
SATELLITEN (CelesTrak TLE):
- Raumstationen (ISS), GPS, Galileo, Wetter, Erdbeobachtung, Starlink
- Echtzeit-Positionsberechnung aus Kepler-Elementen (2s Update)
- Orbitbahnen als leuchtende Linien (Stationen, GPS, Galileo)
- Farbkodiert nach Gruppe (rot=Station, orange=GPS, blau=Galileo)

NATURKATASTROPHEN (NASA EONET):
- Waldbraende, Vulkane, Stuerme, Fluten, Erdrutsche, Eis
- Farbige Punkte mit Emoji-Labels
- Klick zeigt Details und Quellen

VISUAL MODES:
- STD: Standard-Ansicht
- NVG: Nachtsicht (gruener Monochrom-Filter)
- FLIR: Thermal-Ansicht (invertiert, Infrarot-Look)
- CRT: Retro-Monitor (Scanlines, Vignette)

4 neue Dateien: satellites.js, disasters.js, visualmodes.js,
data_satellites.py, data_disasters.py
Dieser Commit ist enthalten in:
Claude Dev
2026-03-24 12:50:04 +01:00
Ursprung 1c462c3041
Commit 9b4ea4cd28
9 geänderte Dateien mit 493 neuen und 0 gelöschten Zeilen
Patch-Datei herunterladen Vergleichs-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

86
static/js/layers/disasters.js Normale Datei
Datei anzeigen

@@ -0,0 +1,86 @@
/**
* Naturkatastrophen-Layer: NASA EONET (Waldbrände, Vulkane, Stürme, Eis).
*/
const DisastersLayer = {
_viewer: null,
_dataSource: null,
_interval: null,
_count: 0,
start(viewer) {
if (this._dataSource) return;
this._viewer = viewer;
this._dataSource = new Cesium.CustomDataSource('disasters');
viewer.dataSources.add(this._dataSource);
this._fetch();
var self = this;
this._interval = setInterval(function() { self._fetch(); }, 600000);
},
stop() {
if (this._interval) { clearInterval(this._interval); this._interval = null; }
if (this._dataSource && this._viewer) { this._viewer.dataSources.remove(this._dataSource); this._dataSource = null; }
this._count = 0;
},
_fetch() {
var self = this;
var loadEl = document.getElementById('loading-disasters');
var statusEl = document.getElementById('status-disasters');
if (loadEl) loadEl.classList.add('active');
if (statusEl) { statusEl.textContent = 'Lade Ereignisse...'; statusEl.classList.add('active'); }
fetch('/api/disasters')
.then(function(r) { return r.json(); })
.then(function(data) {
if (!self._dataSource) return;
self._dataSource.entities.removeAll();
var events = data.events || [];
self._count = events.length;
var icons = {
'wildfires': { color: '#ff4400', symbol: '🔥', label: 'Waldbrand' },
'volcanoes': { color: '#ff0000', symbol: '🌋', label: 'Vulkan' },
'severeStorms': { color: '#aa44ff', symbol: '🌀', label: 'Sturm' },
'floods': { color: '#4488ff', symbol: '🌊', label: 'Flut' },
'earthquakes': { color: '#ffaa00', symbol: '⚡', label: 'Erdbeben' },
'seaLakeIce': { color: '#88ddff', symbol: '❄️', label: 'Eis' },
'landslides': { color: '#886644', symbol: '⛰️', label: 'Erdrutsch' },
};
events.forEach(function(evt) {
var cats = evt.categories || [];
var catId = cats.length ? cats[0].id : 'unknown';
var icon = icons[catId] || { color: '#ffffff', symbol: '⚠️', label: catId };
var geom = evt.geometry || [];
if (!geom.length) return;
var latest = geom[geom.length - 1];
var coords = latest.coordinates;
if (!coords || coords.length < 2) return;
var lon = coords[0], lat = coords[1];
self._dataSource.entities.add({
position: Cesium.Cartesian3.fromDegrees(lon, lat, 0),
point: {
pixelSize: 8,
color: Cesium.Color.fromCssColorString(icon.color),
outlineColor: Cesium.Color.fromCssColorString(icon.color).withAlpha(0.4),
outlineWidth: 3,
heightReference: Cesium.HeightReference.NONE,
},
label: {
text: icon.symbol,
font: '14px sans-serif',
pixelOffset: new Cesium.Cartesian2(0, -14),
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 5000000),
},
description: '<div style="font-family:monospace;font-size:13px;padding:8px">' +
'<strong style="color:' + icon.color + '">' + icon.label.toUpperCase() + '</strong><br>' +
'<span style="color:#e0e0e0">' + (evt.title || '?') + '</span><br>' +
'<span style="color:#888">Quellen: ' + (evt.sources || []).map(function(s) { return s.id; }).join(', ') + '</span>' +
'</div>',
});
});
if (statusEl) statusEl.textContent = events.length + ' Ereignisse';
})
.catch(function(e) { console.warn('Disasters error:', e); if (statusEl) statusEl.textContent = 'Fehler'; })
.finally(function() { if (loadEl) loadEl.classList.remove('active'); setTimeout(function() { if (statusEl) statusEl.classList.remove('active'); }, 5000); });
},
};

142
static/js/layers/satellites.js Normale Datei
Datei anzeigen

@@ -0,0 +1,142 @@
/**
* Satelliten-Layer: Orbitale Positionen berechnet aus TLE-Daten.
* Vereinfachte Kreisbahn-Berechnung (kein SGP4, reicht fuer Visualisierung).
*/
const SatellitesLayer = {
_viewer: null,
_points: null,
_orbits: null,
_interval: null,
_count: 0,
_data: [],
_animFrame: null,
start(viewer) {
if (this._points) return;
this._viewer = viewer;
this._points = viewer.scene.primitives.add(new Cesium.PointPrimitiveCollection());
this._orbits = viewer.scene.primitives.add(new Cesium.PolylineCollection());
this._fetch();
var self = this;
// Positionen alle 2s aktualisieren (Satelliten bewegen sich schnell)
this._interval = setInterval(function() { self._updatePositions(); }, 2000);
},
stop() {
if (this._interval) { clearInterval(this._interval); this._interval = null; }
if (this._points && this._viewer) { this._viewer.scene.primitives.remove(this._points); this._points = null; }
if (this._orbits && this._viewer) { this._viewer.scene.primitives.remove(this._orbits); this._orbits = null; }
this._count = 0; this._data = [];
},
_fetch() {
var self = this;
var loadEl = document.getElementById('loading-satellites');
var statusEl = document.getElementById('status-satellites');
if (loadEl) loadEl.classList.add('active');
if (statusEl) { statusEl.textContent = 'Lade Orbitdaten...'; statusEl.classList.add('active'); }
fetch('/api/satellites')
.then(function(r) { return r.json(); })
.then(function(data) {
self._data = data.satellites || [];
self._count = self._data.length;
self._updatePositions();
self._drawOrbits();
if (statusEl) statusEl.textContent = self._count + ' Satelliten';
})
.catch(function(e) { console.warn('Satellites error:', e); if (statusEl) statusEl.textContent = 'Fehler'; })
.finally(function() { if (loadEl) loadEl.classList.remove('active'); setTimeout(function() { if (statusEl) statusEl.classList.remove('active'); }, 5000); });
},
_calcPosition(sat, time) {
// Vereinfachte Kreisbahn aus Kepler-Elementen
var n = sat.meanMotion; // Umlaeufe pro Tag
if (!n || n <= 0) return null;
var period = 86400 / n; // Umlaufzeit in Sekunden
var a = Math.pow(398600.4418 * Math.pow(period / (2 * Math.PI), 2), 1/3); // Semi-major axis in km
var altitude = a - 6371; // Hoehe ueber Erdoberflaeche in km
if (altitude < 100 || altitude > 50000) return null;
var epochMs = new Date(sat.epoch).getTime();
var elapsed = (time - epochMs) / 1000; // Sekunden seit Epoch
var M = (sat.meanAnomaly || 0) + (360 * n / 86400) * elapsed; // Aktuelle Mean Anomaly
M = ((M % 360) + 360) % 360; // Normalisieren
var inc = (sat.inclination || 0) * Math.PI / 180;
var raan = (sat.raOfAscNode || 0) * Math.PI / 180;
var argP = (sat.argOfPericenter || 0) * Math.PI / 180;
var nu = M * Math.PI / 180; // True anomaly ≈ Mean anomaly fuer kleine Exzentrizitaet
// Position im Orbital-Frame
var u = argP + nu;
var r = a; // Kreisbahn-Naeherung
// ECI -> ECEF (vereinfacht: Erdrotation ignoriert fuer Visualisierung)
var x = r * (Math.cos(raan) * Math.cos(u) - Math.sin(raan) * Math.sin(u) * Math.cos(inc));
var y = r * (Math.sin(raan) * Math.cos(u) + Math.cos(raan) * Math.sin(u) * Math.cos(inc));
var z = r * Math.sin(u) * Math.sin(inc);
// Erdrotation beruecksichtigen (grob)
var gmst = elapsed * 7.2921159e-5; // Sternzeit-Winkel
var xr = x * Math.cos(gmst) + y * Math.sin(gmst);
var yr = -x * Math.sin(gmst) + y * Math.cos(gmst);
var lon = Math.atan2(yr, xr) * 180 / Math.PI;
var lat = Math.asin(z / r) * 180 / Math.PI;
return { lat: lat, lon: lon, alt: altitude * 1000 }; // alt in Metern
},
_updatePositions() {
if (!this._points || !this._data.length) return;
this._points.removeAll();
var now = Date.now();
var colors = {
'stations': Cesium.Color.fromCssColorString('#ff4444'),
'gps-ops': Cesium.Color.fromCssColorString('#ffaa00'),
'galileo': Cesium.Color.fromCssColorString('#44aaff'),
'weather': Cesium.Color.fromCssColorString('#aa44ff'),
'resource': Cesium.Color.fromCssColorString('#44ffaa'),
'starlink': Cesium.Color.fromCssColorString('#888888'),
};
for (var i = 0; i < this._data.length; i++) {
var pos = this._calcPosition(this._data[i], now);
if (!pos) continue;
var color = colors[this._data[i].group] || Cesium.Color.WHITE;
this._points.add({
position: Cesium.Cartesian3.fromDegrees(pos.lon, pos.lat, pos.alt),
pixelSize: this._data[i].group === 'starlink' ? 1.5 : 3,
color: color,
});
}
},
_drawOrbits() {
if (!this._orbits || !this._data.length) return;
this._orbits.removeAll();
var now = Date.now();
var colors = {
'stations': Cesium.Color.fromCssColorString('#ff4444').withAlpha(0.4),
'gps-ops': Cesium.Color.fromCssColorString('#ffaa00').withAlpha(0.15),
'galileo': Cesium.Color.fromCssColorString('#44aaff').withAlpha(0.15),
};
// Nur Orbits fuer Stationen, GPS, Galileo zeichnen (nicht Starlink — zu viele)
for (var i = 0; i < this._data.length; i++) {
var sat = this._data[i];
if (!colors[sat.group]) continue;
var positions = [];
var period = 86400000 / (sat.meanMotion || 14); // Umlaufzeit in ms
for (var t = 0; t <= period; t += period / 60) {
var pos = this._calcPosition(sat, now + t);
if (pos) positions.push(Cesium.Cartesian3.fromDegrees(pos.lon, pos.lat, pos.alt));
}
if (positions.length > 10) {
this._orbits.add({
positions: positions,
width: sat.group === 'stations' ? 1.5 : 0.5,
material: Cesium.Material.fromType('Color', { color: colors[sat.group] }),
});
}
}
},
};

41
static/js/layers/visualmodes.js Normale Datei
Datei anzeigen

@@ -0,0 +1,41 @@
/**
* Visual Modes: Nachtsicht (NVG), FLIR Thermal, CRT Scanlines.
*/
const VisualModes = {
_current: 'standard',
_overlay: null,
init() {
this._overlay = document.getElementById('visual-overlay');
},
set(mode) {
this._current = mode;
var container = document.getElementById('cesiumContainer');
var overlay = this._overlay;
// Alle Mode-Klassen entfernen
container.className = '';
if (overlay) { overlay.className = 'visual-overlay'; overlay.style.display = 'none'; }
switch (mode) {
case 'nvg':
container.className = 'vmode-nvg';
break;
case 'flir':
container.className = 'vmode-flir';
break;
case 'crt':
container.className = 'vmode-crt';
if (overlay) { overlay.className = 'visual-overlay vmode-crt-overlay'; overlay.style.display = 'block'; }
break;
default:
break;
}
// Button-States aktualisieren
document.querySelectorAll('.vmode-btn').forEach(function(btn) {
btn.classList.toggle('active', btn.dataset.mode === mode);
});
},
};