Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission.

Prompt für 3D-Netzwerk-Visualisierungen mit Partikeln auf Splines für WebGL/Three.js-Datenfluss-Animationen.

Der Prompt

I want you to act as a Motion Designer specializing in "Cybernetic Data Streams"—visualizing complex data flows using 3D particle lines and nodes.

Vision: Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission.

Requirements:

Create a logic to generate a 3D web of nodes connected by Catmull-Rom splines.

Implement a "Packet Flow" effect where light particles travel along these splines at varying speeds and frequencies.

Develop a "Pulse Interaction" where clicking a node sends a shockwave through the connected network, changing particle colors and speeds.

Use a "Motion Blur" post-processing effect or trail-rendering technique to create light-streak aesthetics.

Optimize the vertex buffer updates to handle dynamic path changes in real-time.

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Creative-Coding-Prompt für WebGL/Three.js-Projekte: Die KI entwirft Logik für ein 3D-Netzwerk aus Knoten, die über Catmull-Rom-Splines verbunden sind, auf denen Lichtpartikel als “Datenpakete” entlangwandern. Enthält Klick-Interaktion mit Schockwellen-Effekt, Motion-Blur/Trail-Rendering für Lichtstreifen-Optik sowie Hinweise zur Performance-Optimierung bei dynamischen Pfadänderungen. Lohnt sich für Entwickler, die Datenfluss-Visualisierungen, Cyberpunk-UIs oder Portfolio-Showcases bauen wollen. Grundkenntnisse in 3D-Grafikprogrammierung sind nötig, der Prompt liefert Konzept und Anforderungen, aber keine fertige, lauffähige Codebasis.

Praxis-Tipp

Gib zusätzlich dein Framework an, z. B. “nutze Three.js mit InstancedMesh”, sonst bleibt die Antwort oft konzeptionell statt code-nah.

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …