Starte mit dem passenden Werkzeug
Öffne deinen bevorzugten Programmierassistenten oder dein 3D-Werkzeug. Nutze das im Beispiel genannte Modell als Ausgangspunkt und lies die Einrichtungshinweise verlinkter Projekte.
GPT-6 AstraReferenzbeschreibung
Interaktiver 3D-Koi-Teich
Erstelle einen interaktiven, bildschirmfüllenden Koi-Teich mit Three.js und WebGL – mit freisetzbaren, ziehbaren Fischen, Wasserkringeln, Regen, einem die Fische beeinflussenden Strudel, responsiven Steuerelementen und Wassereffekten per Web Audio.
Über dieses Beispiel
Ein Ausgangsentwurf auf Grundlage des öffentlichen Projekts, kein wortgetreuer Originalprompt. Dein Ergebnis kann abweichen.
Hinweise des Urhebers
Erstelle einen hochwertigen, bildschirmfüllenden interaktiven 3D-Koi-Teich mit einer türkisfarbenen Ansicht von oben, animierten Kaustiken, vier ziehbaren Koi-Varianten, natürlichem Schwimmverhalten, Spritz- und Wasserkringel-Interaktionen, Regen, einem verschiebbaren Strudel, responsiven Steuerelementen für Mobilgeräte und synchronisiertem Wasserklang.
Three.jsWebGLinteraktiver Koi-Teich3D-FischeWassersimulationWasserkringelStrudelWeb Audio
Der Prompt
Erstelle mit Three.js + WebGL einen ansprechenden, bildschirmfüllenden interaktiven Koi-Teich. Verwende eine Ansicht von oben mit klarem türkisfarbenem Wasser, Sonnenlicht, animierten Kaustiken auf dem Teichboden und einer überzeugenden Tiefenwirkung.
Platziere unten ein elegantes, transparentes Auswahlpanel mit vier Koi-Varianten: Kohaku, Showa, Golden Ogon und Platinum. Durch Klicken auf eine Karte wird der jeweilige Fisch im Teich freigelassen. Wenn der Benutzer einen Fisch von seiner Karte zieht, kann er genau festlegen, wo er ihn absetzt.
Sorge dafür, dass jede Landung unmittelbar befriedigend wirkt: mit einem Spritzer samt Tropfen, einer kurzen Vertiefung in der Wasseroberfläche und sich ausbreitenden Wasserkringeln. Anschließend soll der Fisch unter die Oberfläche tauchen. Verwende Brechung und Tiefenhinweise, damit die Koi eindeutig unter Wasser erscheinen.
Erstelle detaillierte 3D-Koi mit Augen, Schuppen, Flossen und wallenden Schwänzen. Animieren ihre Körper, Schwänze und Flossen als Einheit. Jeder Fisch soll unabhängig Richtung und Geschwindigkeit ändern, sich in der Nähe von Begrenzungen sanft drehen und anderen Fischen ausweichen.
Lass Benutzer über das Wasser streichen und ziehen, um Wasserkringel zu erzeugen. Füge Regen und einen verschiebbaren Strudel hinzu, dessen Strömung die Fische beeinflusst. Integriere die Optionen „Calm“, „Clear pond“ sowie eine Steuerung zum Ausblenden der Benutzeroberfläche für Bildschirmaufnahmen.
Verwende Web Audio für Landungsspritzer, sanfte melodische Tropfen, dezente Schwimmgeräusche, Regen und ein Strudelgeräusch. Aktiviere den Ton über eine Schaltfläche „Sound“, blende ihn beim Stummschalten sanft aus und pausiere ihn, wenn der Browser-Tab verborgen ist.
Belasse alle Beschriftungen und Schaltflächen auf Englisch. Gestalte das Layout responsiv für Mobilgeräte. Optimiere Rendering und Animation für eine flüssige Darstellung mit mehreren Dutzend Fischen.
Liefere eine vollständige, funktionsfähige Website mit ausgefeilter visueller Gestaltung und funktionierenden Interaktionen.
So verwendest du diesen Prompt
Wähle eine Änderung aus
Tausche Motiv, Kunststil oder Umgebung aus. Beschreibe Kamera und Interaktion klar. Baue zuerst eine kleine Version und verfeinere dann ein Detail nach dem anderen.
Gib der Szene eigene Elemente
Erstelle für einen individuellen Charakter oder Gegenstand ein 3D-Modell aus einer kurzen Beschreibung oder einem Referenzbild und importiere es in dein Projekt.
Die Vorschauen gehören den jeweiligen Urhebern. Prüfe Originalquelle und Projektlizenz, bevor du Code oder Materialien weiterverwendest.
