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
Spielbarer 3D-Browser-Spielabschnitt im Küstenviertel
Eine sechsstufige Prompt-Sequenz von Lummox für einen spielbaren 3D-Browser-Spielabschnitt. Sie legt den Stack aus Vite, Vanilla TypeScript, Three.js, cannon-es und Web Audio fest, erstellt ein Küstenviertel bei Sonnenuntergang, inszeniert drei Personen beim Einsteigen in ein Auto und gibt Timing und Audio des Clips vor.
Über dieses Beispiel
Ein Ausgangsentwurf auf Grundlage des öffentlichen Projekts, kein wortgetreuer Originalprompt. Dein Ergebnis kann abweichen.
Hinweise des Urhebers
Verwende die sechs Prompts nacheinander. Schreibe zuerst die Spezifikation fest und richte den unveränderlichen Browser-Stack ein. Erstelle anschließend das Küstenviertel mit seinem Licht- und Kamera-Look, inszeniere die kurze Sequenz mit drei Figuren im Auto, begrenze die Performance mithilfe der Vorgaben für Clip und Passanten und setze zum Schluss die gewünschte Ausrichtung für Stimmen, Musik und Motorgeräusch um.
Spielbares 3D-Browser-SpielThree.jscannon-esViteVanilla TypeScriptKüstenviertelSonnenuntergangNasser Asphalt
Der Prompt
> Spezifikation festschreiben (TZ-gta-slice.md)
prompt: "Erstelle einen spielbaren 3D-Browser-Spielabschnitt. Ändere diese Spezifikation nach dem Festschreiben nicht mehr. Küstenviertel und Clip zuerst. Steuerung danach."
> der Stack (Vite, Vanilla TypeScript, Three.js, cannon-es, Web Audio)
prompt: "Der Stack ist festgelegt. Vite. Vanilla TypeScript. Three.js. cannon-es. Web Audio. Eine Browser-URL."
> das Bild (Sonnenuntergang über dem Wasser, nasser Asphalt, Palmen)
prompt: "Ein Küstenviertel. Sonnenuntergang über dem Wasser. Nasser Asphalt. Palmen. Konzentriere dich bei Bild und Kamera auf das Licht, nicht auf die Polygonzahl. Kein standardmäßiges graues Licht. Keine nackten Würfel."
> die drei (eine Szene, ein Auto, etwa 20 Sekunden)
prompt: "Lass die drei in einer Szene. Sie unterhalten sich. Dann setzen sie sich in ein Auto. Etwa 20 Sekunden. Qualität vor zusätzlichen Schaltern."
> der Schnitt (15 bis 20 Sekunden, flüssig halten)
prompt: "Wenn es ruckelt, kürze den Clip auf 15 bis 20 Sekunden. Halte ihn flüssig. Wenn die Bildrate einbricht, reduziere die Passanten, nicht das Licht."
> der Sound (menschliche Stimmen, ein Pad unter den Dialogzeilen, Motorbrummen)
prompt: "Die Stimmen müssen menschlich klingen, nicht wie Roboterstimmen. Ein dezentes Pad unter den Dialogzeilen, niemals darüber. Wenn sie einsteigen, ein tiefes Motorbrummen, kein Sägegeräusch. Kein Radio-Rauschen."
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.
