Spass-Projekt Web-Anwendung mit interaktiver Aquarium-Simulation
Vibe-Aquarium ist eine hochmoderne Web-Anwendung, die ein realistisches, interaktives virtuelles Aquarium simuliert. Entwickelt mit Vue.js 3 und dem Quasar Framework, demonstriert dieses Projekt fortgeschrittene Web-Technologien und innovative Ansätze in der Browser-basierten Simulation.
Technische Exzellenz und Performance
Die Anwendung zeichnet sich durch eine 60 FPS Animation Engine aus, die mit delta-time-basierten Berechnungen für flüssige, geräteunabhängige Animationen sorgt. Ein intelligentes Fish AI System mit State Machine und Boids-Algorithmen ermöglicht realistische Schwarmverhalten.
Umfassendes Ökosystem-Simulation
Das System simuliert ein vollständiges Aquarium-Ökosystem mit 6 verschiedenen Fischverhaltenstypen, einem realistischen Fütterungssystem mit physikbasierten Partikeln und einem kompletten Lebenszyklus inklusive Fortpflanzung, Wachstum und natürlichem Tod oder Tod durch Verhungern. Eine Umwelt-Simulation mit Verschmutzungsgraden, Sauerstoffproduktion und Tag/Nacht-Zyklen sorgt für authentische Bedingungen, die u.a. die Geschwindigkeit und Fortpflanzungsfähigkeit der Fische beeinflussen.
Moderne Web-Entwicklung
Die Architektur nutzt Vue.js 3 Composition API, TypeScript für Typsicherheit und SCSS für modulare Styles. Die Anwendung ist für Desktop und Mobile optimiert und unterstützt moderne Browser ab Chrome 70+.
Performance und Skalierbarkeit
Das System ist darauf ausgelegt, bis zu 50+ Fische gleichzeitig bei 60 FPS zu simulieren, bei einem Bundle-Size unter 500 KB (gzipped) und Speicherverbrauch unter 5 MB. Die Anwendung demonstriert fortgeschrittene Browser-Kompatibilität und Hardware-Beschleunigung für optimale Performance auf verschiedenen Geräten.
