Fraktaler Baumgenerator mit Schiebereglern
Von Wikiprompt, der freien Prompt-Enzyklopädie
15. Aug. 2025
Fraktaler Baumgenerator mit Schiebereglern Hier ist ein Prompt, um eine interaktive Fraktalbaum-Visualisierung mit HTML, CSS und JavaScript zu erstellen, einschließlich einstellbarer Winkel- und Tiefenregler: --- **Prompt:** Erstelle eine interaktive Fraktalbaum-Visualisierung mit HTML, CSS und JavaScript. Die Anwendung soll Folgendes enthalten: 1. **Canvas-Element**: Verwende ein HTML5-Canvas, um den Fraktalbaum zu zeichnen. 2. **Rekursive Zeichenfunktion**: Implementiere eine rekursive Funktion, die den Baum zeichnet. Jeder Zweig soll sich in zwei kleinere Zweige aufteilen, wobei sich die Länge mit jeder Rekursionsebene verringert. 3. **Schieberegler für den Winkel**: Füge einen Schieberegler hinzu, mit dem der Benutzer den Winkel zwischen den Zweigen anpassen kann (z. B. von 0° bis 90°). 4. **Schieberegler für die Tiefe**: Füge einen weiteren Schieberegler hinzu, mit dem der Benutzer die Rekursionstiefe steuern kann (z. B. von 1 bis 12). 5. **Echtzeit-Interaktion**: Die Visualisierung soll sich sofort aktualisieren, wenn der Benutzer einen der Schieberegler bewegt. 6. **Ästhetisches Design**: Verwende Farbverläufe oder Farbwechsel basierend auf der Tiefe, um den Baum optisch ansprechend zu gestalten. Der Hintergrund sollte dunkel sein, damit der Baum gut sichtbar ist. 7. **Responsive Darstellung**: Das Canvas soll sich an die Fenstergröße anpassen. 8. **Zusätzliche Funktionen (optional)**: - Eine Option zum Ändern der Zweiglänge. - Eine Schaltfläche zum Zurücksetzen auf Standardwerte. - Eine Animation, die den Baum langsam wachsen lässt. --- **Beispiel für die Struktur:** - HTML: Enthält das Canvas, die Schieberegler und Beschriftungen. - CSS: Styling für Layout, Schieberegler und Hintergrund. - JavaScript: Rekursive Zeichenlogik, Event-Listener für die Schieberegler und Canvas-Resize-Handling. --- **Hinweis**: Der Code sollte vollständig in einer einzigen HTML-Datei enthalten sein und ohne externe Bibliotheken funktionieren.
Zugehörige Medien
Prompt-InhaltSpeichern
Melde dich an, um den vollständigen Prompt zu sehen
Weiter mit:
Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz
Verwendung
Dieser Prompt ist für die Verwendung mit coding gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.
Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.
Referenzen
- Kategorie: coding-Prompts
- Quelle: https://x.com/alex_prompter/status/1956297858396651981
Diskussion
0 Kommentare