Three.js-Portfolio nach visueller Vorlage
Setze die visuelle Vorlage als hochwertige Three.js-Website mit geschichteten Partikeln, VHS- und CRT-Textur, fließenden Übergängen und responsiver Interaktion um.
Ein Anfang für dein nächstes großes Projekt
Nutze diese quellengestützten 3D-Prompts als Vorlagen, passe sie an und teste dieselbe Idee mit GPT-6 Astra, Claude, Kimi oder deinem bevorzugten Modell.
Setze die visuelle Vorlage als hochwertige Three.js-Website mit geschichteten Partikeln, VHS- und CRT-Textur, fließenden Übergängen und responsiver Interaktion um.
Ein Entwickler verglich Modelle mit derselben Aufgabe: „Baue ein 3D-Fußballstadion.“
Baue ein schnelles Antigravitations-Kampfrennspiel in Three.js mit Driften, Boosts, geneigten Kameras, Luftbremsen und Schilditems. Integriere leichte, ausgewogene und schwere Fahrzeuge auf einer erhöhten Alienrennstrecke.
Baue ein Subway-Surfers-Spiel.
Baue ein großes mittelalterliches Voxel-Königreich mit Tausenden Soldaten, arbeitenden Dorfbewohnern, Belagerungssystemen, zerstörbaren Bauten und einem Drachen, der die Schlacht verändern kann.
Baue in Godot einen ausgefeilten Sonic-inspirierten 3D-Level mit lokalen und prozeduralen Assets. Priorisiere Schwung, direkte Fortbewegung, Ringe, Loopings, Grindrails und eine durchgehende tropische Küste.
Baue ein Wohnzimmer anhand eines Photogrammetriescans in Blender neu auf. Modelliere die Szene von Grund auf, entnimm Texturen aus dem Scan und verwende bei Bedarf prozedurale Shader.
Erstelle ein 3D-Modell eines Airbus-H145-Hubschraubers in Three.js. Kabine, Landekufen und Rotorbaugruppe sollen erkennbar und untersuchbar sein.
Erstelle in einer Gesprächsrunde eine detaillierte Seeschlacht in Three.js. Integriere unterschiedliche Schiffe, physikalisch glaubwürdige Wasserinteraktion, Kielwasser und Gischt, Luftkampf, Explosionen, filmisches Licht, Kamerabewegung und performantes Rendering.
Erstelle eine einzelne HTML-Datei mit Three.js (CDN) für eine einfache Fußballanimation im Voxelstil. Ein blockiger Spieler dribbelt an 2 Verteidigern vorbei und schießt ein spektakuläres Tor mit Jubelpartikeln. Bunter Stadionlook. Gib NUR den vollständigen HTML-Code aus.
Erstelle eine Rube-Goldberg-Maschine als eigenständige Three.js-HTML-Datei. Eine Folge mechanischer Interaktionen soll schließlich einen Knopf drücken und eine theatralische Explosion auslösen.
Baue den Teenage Engineering TP-7 anhand von Referenzbildern in Three.js nach. Triff seine Form und sichtbaren Bedienelemente in einem frei betrachtbaren 3D-Modell.
Prompt – Baue ein vollständiges Browser-3D-Spiel namens „Jelly Jungle“ mit Three.js und reinem HTML, CSS und JavaScript, sofern das bestehende Projekt nicht bereits ein Framework nutzt. Erstelle einen originellen Arcade-Hindernisparcours, inspiriert von bunten Spielzeugwelten und Dschungelspielplätzen. (Der erfasste Text bricht hier ab.)
Unser Test: 3 Prompts, eine HTML-Datei, @threejs, vollständig prozedural, keine Assets. Jede Waffe hat einen kleinen Feuerknopf (Web-Audio-Schuss, Mündungsblitz, Rückstoß, Hülsenauswurf) und einen Zerlegungsschalter für beschriftete Einzelteile mit Wiederzusammenbau: 1. 5.56 M4 Carbine: ausziehbare Schulterstütze, Untergehäuse mit safe·semi·burst, Quadrail mit Panelnummern r14–r28, Aimpoint-Rotpunktvisier, vertikaler Vordergriff, klappbares Zweibein, A2-Mündungsfeuerdämpfer, Zerlegung in 10 Teile. 2. Glock 18C: Maschinenpistole mit Feuerwahl, geschlitzten 18C-Kompensatoröffnungen, Prägung „glock 18c / austria 9x19“, verlängertem 33-Schuss-Magazin; Zerlegung in Schlitten, gelochten Lauf, Rückholfeder, Rahmen und Magazin. 3. Steyr TMP: geripptes Polymergehäuse, Gewindelauf, integrierter vorderer Vertikalgriff, schräges durchscheinendes 30-Schuss-Magazin.
Baue das Referenzstadion als detaillierte, begehbare 3D-Szene mit präzisen Tribünenrängen, Spielfeld, Dach, Beleuchtung und Maßstab nach. Vergleiche anschließend Bildtreue und Generierungskosten.
Erstelle für die bereitgestellte 3D-Figur ein Rig und ergänze Gehen, Laufen und mehrere Kung-Fu-Bewegungen. Prüfe die Animationen auf kaputte Gelenke und instabile Posen.
Baue anhand des angehängten Bildes eine erkundbare 3D-Welt in Three.js. Anforderungen Ego-Steuerung (WASD + Mausblick), Kollisionserkennung, kein Durchdringen der Geometrie. AAA-Grafik: PBR-Materialien, HDRI-Beleuchtung, echte Schatten, Nachbearbeitung mit Tonemapping, Bloom und AA. Physik für alles Bewegliche oder Interaktive. 60 fps auf einer Mittelklasse-GPU. Vorgehen Teile die Arbeit in unabhängige Bereiche: Gelände, Requisiten/Geometrie, Materialien/Texturen, Licht, Physik, Steuerung/Kamera und Performance. Weise jedem einen Subagenten zu. Jeder Subagent verantwortet seinen Bereich vollständig und berichtet über Ergebnisse und verbleibende Schwächen. Integriere alles und prüfe anschließend die Welt durch einen Rundgang. Liste jeden sichtbaren Mangel auf und behebe ihn. Wiederhole dies, bis ein vollständiger Durchlauf fehlerfrei ist oder 5 Durchläufe erreicht sind. Berichte in beiden Fällen über offene Punkte. Liefere ein einzelnes ausführbares Projekt mit Startanleitung.
Erstelle eine schöne Three.js-Fantasiereise durch gestaffelte Umgebungen zum Gipfel des Fuji. Ergänze atmosphärisches Licht, Fortbewegung und ein klares Gefühl des Aufstiegs.
Vervollständige ein spielbares Unity-Tennisspiel mit Blender-Figuren, zuverlässiger Steuerung, Lauf- und Schlaganimationen, Ballphysik, Punkten, Gegnern und Matchablauf.
Erweitere ein Three.js-Zugmodell zu einer Eisenbahnsimulation mit Städten, Knotenpunkten, Flüssen und Brücken. Ergänze Zugverfolgungs-, freie 3D- und isometrische Kameras sowie Raucheffekte.
Baue einen frühen GTA-artigen Multiplayer-Open-World-Prototyp in New York City mit Autofahren, Bewegung zu Fuß, Stadtverkehr, Missionen und einem überzeugenden Ablauf in einer lebendigen Welt.
Baue ein filmisches Titanic-Spiel, in dem der Spieler das Schiff erkundet, Missionen erfüllt und dem Eisberg auszuweichen versucht. Sorge für verständliche Steuerung und steigende Gefahr.
Eine filmische 3D-Animation eines Militärhubschraubers, der während des Krieges durch den vietnamesischen Dschungel fliegt.
Baue ein 3D-Schleuderspiel mit vier Vögeln und unterschiedlichen Spezialfähigkeiten. Integriere Zielen-und-Loslassen-Steuerung, zerstörbare Bauten und einen wiederholbaren Punkteablauf.
3D-Projekte Schritt für Schritt
Sieh unabhängigen Kreativen bei echten 3D-Projekten mit den Modellen zu. Nutze anschließend die kostenlosen Prompts oben für deine eigene Variante des Experiments.
Begleite Peter Yang bei vier Spieleprojekten: von Referenzbildern und Einrichtung über spielbare Szenen bis zur schrittweisen Verbesserung anhand von Feedback.
YouTube ↗Springe zum 3D-Abschnitt bei 11:35: ein Werwolf-Charakter, Animation und eine spielbare Waldszene. Der Ausschnitt ist Teil eines umfassenderen Astra-Reviews.
YouTube ↗Sieh, wie Kimi K3 einen 3D- und Blender-Ablauf gestaltet: vom Verständnis des Briefings über Geometrieplanung bis zur schrittweisen Szenenverbesserung.
YouTube ↗Eine praktische Ein-Prompt-Challenge: Claude Opus 5 soll ein spielbares 3D-Spiel erstellen. Hilfreich zur Strukturierung von Steuerung, Spielzustand und Prüfkriterien.
YouTube ↗Ein Praxistest von Claude Fable 5 als 3D-Modellierungsagent, mit nützlichem Kontext zu Stärken und Grenzen beim Verfeinern visueller Prompts.
YouTube ↗Kostenlose KI-3D-Promptbibliothek
Finde 3D-Promptbeispiele für Blender-Modellierung, Three.js-Websites, Browserspiele und interaktive Welten. Jeder Eintrag verlinkt ein öffentliches Projekt und unterscheidet den Originalprompt des Autors von einem quellenbasierten Briefing. So weißt du, was du anpasst.
Beginne mit Astra-Prompts, erkunde Claude- und Kimi-Beispiele oder filtere nach Projekten mit GitHub-Code. Kopiere eine Vorlage, passe sie deiner Szene an und teste sie mit deinem bevorzugten Modell. Detailreichere Figuren und Requisiten kannst du in Tripo erstellen.

Entdecke Astra-Prompts und echte 3D-Beispiele für Blender-Szenen, Three.js-Websites und Spiele. Sieh Ergebnisse an, kopiere ein Briefing und erkunde verfügbare GitHub-Projekte.
Prompts entdecken →Kostenlose Claude-Fable-5.1-3D-Prompts und quellengestützte Briefings für Three.js-Spiele, WebGL-Welten, Blender-Szenen, Simulationen und interaktive Websites.
Prompts entdecken →Kostenlose Kimi-K3-3D-Prompts für spielbare Browserspiele, Three.js-Welten, Physiksimulationen und schnelle interaktive Codingexperimente.
Prompts entdecken →Kostenlose Claude-Opus-5-3D-Prompts für komplexe Three.js-Anwendungen, Physiksimulationen, Browserspiele und sorgfältig definierte interaktive Prototypen.
Prompts entdecken →Kostenlose Claude-Fable-5-3D-Prompts für ausdrucksstarke Three.js-Szenen, stilisierte Umgebungen, generative Bewegung und interaktive visuelle Experimente.
Prompts entdecken →Bewahre Szenenhierarchie, Steuerung und Feedbackablauf, bevor du das Thema änderst.
Tausche Motiv, Kamera, Palette und prägende Interaktion, statt alles neu zu schreiben.
Generiere eigene Figuren, Requisiten und Umgebungen in Tripo, sobald der Prototyp funktioniert.
Gib deiner nächsten Szene eine Figur, die einen genaueren Blick verdient. Erstelle detailreiche, texturierte 3D-Assets aus einem Bild oder wenigen Worten.
3D-Assets kostenlos erstellen