Skip to content

Echsecutor/ronjas_feuerwerk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎆 Feuerwerk-Webseite mit Lichtformen

Eine interaktive Webanwendung für wunderschöne Feuerwerks-Simulationen mit besonderen Lichtformen, entwickelt von Claude (Anthropic AI) nach den Vorgaben von Ronja Schmittner.

🌟 Projektbeschreibung

Diese Webseite bietet eine immersive Feuerwerk-Simulation mit traditionellen Raketen und speziellen Lichtformen. Das Projekt kombiniert realistische Physik mit kreativen visuellen Effekten für ein authentisches Feuerwerk-Erlebnis.

✨ Features

Feuerwerk-Modi

  • 🚀 Rakete abfeuern!: Einzelne Feuerwerksraketen
  • ✨ Feuerwerk Show: 5 Raketen nacheinander
  • ✨ Licht Formen: Spezielle Formen aus Lichtpartikeln
  • 🧹 Himmel löschen: Alle Effekte zurücksetzen

Verfügbare Lichtformen

  1. 🐟 Fisch: Detaillierter Fisch mit Flossen
  2. ⭐ Stern: Präziser 5-zackiger Stern
  3. 💖 Herz: Mathematisch korrekte Herzform
  4. 🌸 Pfadfinder-Lilie: Authentische Fleur-de-lis

Interaktive Funktionen

  • Klick-Targeting: Feuerwerke durch Klicken positionieren
  • Automatische Raketen: Zufällige Feuerwerke alle 3 Sekunden
  • Responsive Design: Funktioniert auf allen Geräten
  • Performance-Optimierung: Automatische Anpassung bei hoher Last

🛠️ Technische Details

Technologie-Stack

  • HTML5: Semantische Struktur
  • CSS3: Moderne Styling-Features mit Gradients und Animationen
  • Vanilla JavaScript: Ohne externe Abhängigkeiten
  • Canvas API: Hochperformante 2D-Grafiken
  • RequestAnimationFrame: Flüssige 60fps-Animation

Performance-Features

  • Globales Partikel-Limit (2000 Partikel, 8 Feuerwerke max.)
  • Intelligente Speicherverwaltung
  • Automatische Qualitätsanpassung
  • Optimierte Canvas-Operationen

🚀 Installation & Nutzung

Lokale Nutzung

  1. Dateien herunterladen
  2. index.html in einem modernen Webbrowser öffnen
  3. Feuerwerk genießen!

Keine Abhängigkeiten erforderlich - alle Dateien funktionieren direkt im Browser.

Browser-Kompatibilität

✅ Chrome 60+ | Firefox 55+ | Safari 10+ | Edge 79+

🤖 KI-Entwicklung

Dieses Projekt wurde von Claude (Anthropic AI) entwickelt - einem fortschrittlichen KI-Assistenten, der auf maschinellem Lernen basiert. Die Entwicklung erfolgte in enger Zusammenarbeit mit Ronja Schmittner, die als Projektleiterin fungierte und detaillierte Anforderungen sowie kreative Visionen lieferte.

Über Claude

  • Entwickler: Anthropic
  • Typ: Large Language Model (LLM) mit Fokus auf hilfreiche, harmlose und ehrliche Antworten
  • Fähigkeiten: Code-Generierung, kreative Problemlösung, technische Dokumentation
  • Besonderheit: Kann komplexe Projekte iterativ entwickeln und dabei Benutzer-Feedback einarbeiten

Die Zusammenarbeit zwischen menschlicher Kreativität und KI-Präzision ermöglichte es, sowohl technische Komplexität als auch künstlerische Vision in diesem Feuerwerk-Projekt zu vereinen.

📁 Projektstruktur

📂 Feuerwerk-Projekt/
├── 📄 index.html          # HTML-Struktur
├── 📄 style.css           # Styling & Animationen
├── 📄 fireworks.js        # Spiellogik & Rendering
├── 📄 README.md           # Projektdokumentation
└── 📄 CHANGELOG.md        # Entwicklungsgeschichte

📄 Lizenz & Copyright

Copyright © 2025 by Ronja Schmittner

Lizenziert unter der GNU General Public License v3.0. Siehe LICENSE für Details.

Die KI-Entwicklung erfolgte unter Anleitung und mit ausdrücklicher Genehmigung von Ronja Schmittner als Projektinhaberin.


Erstellt 2025 | Vanilla JavaScript | Canvas API | KI-entwickelt mit ❤️

About

JS animation written with AI support

Resources

License

Stars

Watchers

Forks