City Pulse
Ein interaktiver 3D-Mobilitätsatlas der Yellow-Taxi-Aktivität in New York City im Januar 2025 – mit 3D-Karte, abspielbarer stündlicher Bewegung, Zonenanalyse und Vergleichen mit Durchschnittswerten für Werktage oder Wochenenden.
Interaktiv
Interaktive 3D-Prompts und Website-Beispiele
Entdecke 3D-Portfolios, Produkterlebnisse und interaktive Experimente. Wähle eine passende Interaktion und ergänze dein eigenes Thema und deinen visuellen Stil.
3D-Prompts zum Ausprobieren
61 Ideen für dein eigenes Projekt
Interaktive Fantasy-Grafikdemo
Ein Dream-Loop-Plus-Prompt für eine browserbasierte Three.js-Fantasy-Szene mit isometrischer Kamera, steuerbarem Charakter, reflektierenden nassen Böden und atmosphärischen Umgebungsbewegungen. Der Autor bezeichnet ihn als Demo-Prompt mit GPT-5.6 Luna xhigh; laut Beitrag übernimmt Astra die visuelle Umsetzung im optimierten Workflow.
Interaktiver 3D-Teilchenkollider
Vom Autor vorgeschlagener Ausgangsprompt zum Erstellen eines interaktiven 3D-Teilchenkolliders, inspiriert vom CERN-LHC und dem ATLAS-Detektor, in einer einzigen eigenständigen HTML-Datei. Der Prompt dient als Vorlage für etwas Ähnliches und wird nicht ausdrücklich als die exakte Eingabe für das gezeigte Ergebnis präsentiert.
Immersive 3D-Reisfeld-Website
Prompt zur Erstellung einer browserbasierten Three.js-3D-Landschaft mit Reisfeldern, natürlicher Windanimation, Beleuchtungs- und Kameramodi, responsiven Steuerelementen, prozeduraler Vegetation und Echtzeit-Rendering.
TypeScript- und Three.js-WebGL-Projekt: Halle für gute Ernten im Himmelstempel von Peking
Der Ausgangsbeitrag zeigt ein mit GPT-6 Astra und Three.js erstelltes 3D-Modell der Halle für gute Ernten im Himmelstempel von Peking samt Webdarstellung. Später veröffentlichte der Autor den vollständigen chinesischen Prompt zur Erstellung solcher Projekte.
Interaktiver Wackelpudding-Zitronenbaum
Erstellt einen interaktiven 3D-Wackelpudding-Zitronenbaum in WebGPU mit schwankenden Ästen, per Maus auswählbaren Zitronen sowie Physik für Verformung und Rückprall.
Interaktives Roboterhaustier auf einer Werkbank
Detaillierte Three.js-Spielespezifikation für einen vierbeinigen Roboter mit ausdrucksstarken Bewegungen, sichtbaren Batteriezellen, Ladevorgang und drei objektgesteuerten Aufgaben.
Endlose Miniaturstraße mit Three.js WebGPU
Erstelle eine interaktive Miniatur-Straßenszene mit einem Lieferfahrrad, kleinen Läden, nassen Straßenflächen, Pfützen, die bei Kontakt mit den Reifen Wellen schlagen und spritzen, verstreuten Blättern, einer sanft gewölbten Welt, Pixel-Art-Optik und anpassbaren Forge-Parametern.
Interaktive Explosionsansicht eines Smartphones
Erstelle eine 3D-Visualisierung eines Smartphones mit einem Schieberegler zum Auseinander- und Zusammenbauen, auswählbaren Komponenten und Erklärungen zur Funktion jedes Bauteils.
Interaktiver Desktop-PC in Explosionsansicht
Erstelle eine interaktive 3D-Website, die einen Desktop-PC in 29 Hauptkomponenten zerlegt. Ergänze eine animierte Demontage und Erklärungen zu jedem Bauteil.
Interaktives Seoul im Miniaturformat
Erstelle mit offenen Kartendaten eine Miniatur von Seoul in Three.js. Ergänze eine Bezirksnavigation, Kameraflüge zu Wahrzeichen, Tag- und Nachtmodi sowie Touch-Steuerung. Lege vereinfachte Gebäude, geschätzte Höhen und die Datenlizenzen offen.
Interaktiver Energiekern mit zwei Ringen
Modelliere einen Energiekern, zwei Ringe und einen Metallsockel in Blender. Exportiere die Materialien in einen Three.js-Viewer mit Steuerung für Drehung, Zoom, automatischen Umlauf und Pulsieren.
Das eigene Zimmer als interaktives Portfolio
Verwandle ein persönliches Zimmer in eine interaktive Vorstellungswebsite. Baue die Szene in Blender und führe das Baking durch. Ergänze anschließend Kaffeedampf, eine Animation im Matrix-Stil und subtile Shader-Effekte.
Spielbare Wohnung nach dem Vorbild von D4
Recherchiere die Wohnung des Protagonisten aus D4 und baue sie als spielbaren 3D-Prototyp nach. Prüfe Raumaufteilung und Interaktionen anhand der Referenzen, statt eine exakte Nachbildung vorauszusetzen.
Spielbares 3D-Ensemble mit audiosynchroner Animation
Astra sollte ein eigenes kurzes Stück und ein spielbares 3D-Ensemble mit audiogesteuerter Animation, Funktionen zum Springen in der Wiedergabe, Zeitlupe, Kamerasteuerung, MIDI und Quellcode erstellen.
Orbitaler Sonnensystem-Explorer
Erstelle einen Sonnensystem-Explorer für den Browser in Three.js mit acht Planeten und zwanzig Monden. Ermögliche Kamerabewegungen und eine vereinfachte Raumflugplanung.
Biolumineszente Tiefsee-Landingpage
Erstelle eine Tiefsee-Landingpage mit Three.js-Wassereffekten, einer dunklen glasartigen Oberfläche und scrollgesteuerten Bewegungen. Verbinde die 3D-Atmosphäre mit klaren, responsiven Website-Interaktionen.
Interaktive Hyperloop-Demo
Baue eine interaktive Three.js-Hyperloop-Demonstration mit Transportkapsel, Röhreninfrastruktur und Bewegung durch das System.
Scrollgesteuerte 3D-Studiowebsite
Verwandle das Referenzbild in eine Three.js-Szene innerhalb einer flüssig scrollgesteuerten Studiowebsite. Stimme Kamerabewegung, Typografie und Abschnittsübergänge aufeinander ab.
Produktgeschichte mit lichtbrechender Flasche
Baue eine interaktive Produktwebsite um eine fotorealistische WebGL-Glasflasche. Nutze lichtbrechende Flüssigkeit, scrollgesteuerte Rotation und markante Typografie, ohne die Browserperformance zu beeinträchtigen.
Erinnerungskapselmaschine
Baue eine 3D-Erinnerungskapselmaschine. Ein Drehknopf gibt eine Erinnerung frei. Modelliere die Mechanik in Blender und gib fallenden Kapseln plausible Bewegung und Geräusche.
Animiertes Onboarding-Diorama
Baue ein kleines Onboarding-Diorama in Blender und belebe es in Three.js. Erkläre die ersten Nutzeraktionen mit klaren Blickpunkten und kurzen Animationssequenzen.
Interaktive Anatomie in Explosionsansicht
Baue eine 3D-Anatomiewebsite, auf der sich der menschliche Körper in einzeln untersuchbare Strukturen zerlegt. Mache die Explosionsansicht navigierbar und ordne Teile sinnvollen Organsystemen zu.
Interaktiver Pelikan auf einem Fahrrad
Erstelle einen browserbasierten 3D-Pelikan, der auf einem mintgrünen Fahrrad fährt – mit natürlicher Tretbewegung, Orbit-Steuerung, Zoom und einstellbarer Geschwindigkeit.
Passe den Prompt an deine Idee an
Erkläre, was Besucher anklicken, ziehen oder ändern können und was daraufhin passiert. Mache die erste Interaktion offensichtlich und beschreibe sowohl Touch- als auch Maussteuerung.
Ansehen, lesen und gestalten
Lerne die Techniken hinter den Beispielen kennen.
Detailreiche 3D-Assets erstellen
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