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
Interaktiven Softbody-Slime mit Three.js und WebGPU erstellen
Der Autor zeigt eine browserbasierte Slime-Anwendung namens Softie und veröffentlicht anschließend den Prompt, mit dem sie erstellt wurde. Der Prompt verlangt einen ziehbaren und quetschbaren Softbody-Slime mit anpassbaren Steuerelementen.
Über dieses Beispiel
Ein Ausgangsentwurf auf Grundlage des öffentlichen Projekts, kein wortgetreuer Originalprompt. Dein Ergebnis kann abweichen.
Hinweise des Urhebers
Lege ein neues Verzeichnis an und erstelle eine browserbasierte Slime-Anwendung zum Spielen. Verwende Three.js und WebGPU, nicht ersatzweise WebGL. In der Mitte soll ein rundlicher, kugeliger Slime sitzen. Pink oder Türkisgrün ist beides möglich, halbtransparent und mit angedeuteten Bläschen im Inneren. Man soll ihn mit der Maus anklicken, ziehen und beim Loslassen wackelnd in seine Form zurückschnellen lassen können. Gib ihm etwas Schwerkraft, sodass er leicht auf eine unsichtbare Tischfläche prallen kann. Er soll nicht wie eine harte Kugel wirken, sondern wie weiches, fleischiges Material. Setze ein niedliches Gesicht auf die Oberfläche: zwei schwarze Knopfaugen und einen kleinen Mund. Sie sollen sich gemeinsam mit der Oberfläche verformen und nicht vom Körper getrennt sein. Platziere rechts einige einfache Steuerelemente für Farbe, Weichheit und Dämpfung. Der Button „Anstupsen“ soll ihn einmal aufspringen lassen. Halte die Seite übersichtlich, mit hellgrauem Hintergrund und einer großen Überschrift. Sie soll mit 60 FPS laufen. Erstelle zuerst ein Referenzbild des gewünschten Ergebnisses und baue die Szene anschließend danach auf. Füge erst weitere Details hinzu, wenn der Screenshot dem Referenzbild entspricht.
GPT6 AstraThree.jsWebGPUSlimeSoftbody-InteraktionBrowser-App
Der Prompt
Lege ein neues Verzeichnis an und erstelle eine browserbasierte Slime-Anwendung zum Spielen. Verwende Three.js und WebGPU, nicht ersatzweise WebGL.
In der Mitte soll ein rundlicher, kugeliger Slime sitzen. Pink oder Türkisgrün ist beides möglich, halbtransparent und mit angedeuteten Bläschen im Inneren. Man soll ihn mit der Maus anklicken, ziehen und beim Loslassen wackelnd in seine Form zurückschnellen lassen können. Gib ihm etwas Schwerkraft, sodass er leicht auf eine unsichtbare Tischfläche prallen kann. Er soll nicht wie eine harte Kugel wirken, sondern wie weiches, fleischiges Material.
Setze ein niedliches Gesicht auf die Oberfläche: zwei schwarze Knopfaugen und einen kleinen Mund. Sie sollen sich gemeinsam mit der Oberfläche verformen und nicht vom Körper getrennt sein. Platziere rechts einige einfache Steuerelemente für Farbe, Weichheit und Dämpfung. Der Button „Anstupsen“ soll ihn einmal aufspringen lassen.
Halte die Seite übersichtlich, mit hellgrauem Hintergrund und einer großen Überschrift. Sie soll mit 60 FPS laufen. Erstelle zuerst ein Referenzbild des gewünschten Ergebnisses und baue die Szene anschließend danach auf. Füge erst weitere Details hinzu, wenn der Screenshot dem Referenzbild entspricht.
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.
