Einen 3D-Universum-Simulator als Einzeldatei mit Canvas und JS bauen

Überblick: Erstellen Sie einen produktionsreifen, eindateibasierten interaktiven 3D-Universum-Simulator mit HTML5 Canvas und JavaScript ohne externe Bibliotheken oder CDN-Abhängigkeiten. Wichtige Spezifikationen: Schnittstelle & Suche: Vollbild-Viewport-minimalistische Glassmorphism-Oberfläche mit einer oberen Kopfzeile (Echtzeit-Suchmaschine mit Autovervollständigungs-Dropdown, FPS-Zähler, Anzeige für aktives Ziel) und einem unteren Steuerpult (Fokus-Shortcut-Buttons für Schwarzes Loch, Galaxie, Sonnensystem, Terra, Zeus und einen Zeitraffer-Schieberegler von 0x-5x). Die Live-Suche filtert Himmelsobjekte während der Eingabe und bewegt und zoomt die Kamera automatisch auf ausgewählte Ziele. Grafik & Physik: Benutzerdefinierte reine JavaScript-3D-Projektions-Engine (project(x, y, z)), die über 8.000 dynamische Spiralgalaxien-Sterne mit Farbvariationen rendert, ein zentrales supermassereiches Schwarzes Loch mit Akkretionsscheibe und Ereignishorizont sowie ein umlaufendes planetarisches Sonnensystem mit Echtzeit-Geschwindigkeitsanpassungen. Enthält vollständige Maussteuerung (Ziehen zum Umkreisen/Drehen der Kamera, Scrollen zum Zoomen).