Create a logic where a 3D geometric mesh

Prompt für ein WebGL-System, das eine 3D-Mesh in Partikel auflöst und zu einer neuen Form morpht.

Der Prompt

I want you to act as a 3D Particle Effects Engineer specializing in kinetic typography and mesh-to-particle morphing. Your goal is to design a sophisticated WebGL-based transition system.

Core Task: Create a logic where a 3D geometric mesh (e.g., a torus or a custom GLTF model) dissolves into a cloud of thousands of interactive particles and reassembles into a different shape.

Technical Requirements:

Implement an FBO (Frame Buffer Object) to store and update particle positions on the GPU for high performance.

Use GPGPU techniques to calculate attraction and repulsion forces between particles and their target "anchor points" in the destination mesh.

Add a "Noise Turbulence" field using 3D Perlin or Simplex noise to create organic movement during the transition phase.

Ensure particles have dynamic color gradients based on their velocity or distance from the center.

Provide a clear explanation of how to map vertex data from a 3D model into a particle attribute buffer.

Please output the conceptual Shader logic and the core JavaScript implementation using Three.js.

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

Ein Prompt für 3D-Particle-Effects-Engineering, der eine KI anweist, ein WebGL-System zu entwerfen, das eine geometrische Mesh (z. B. Torus oder GLTF-Modell) in eine Partikelwolke auflöst und zu einer neuen Form zusammensetzt. Technisch anspruchsvoll: FBO-basierte GPU-Positionsberechnung, GPGPU-Anziehungs-/Abstoßungskräfte zu Ziel-Ankerpunkten, Perlin/Simplex-Noise-Turbulenz während der Übergangsphase sowie dynamische Farbverläufe je nach Partikelgeschwindigkeit. Richtet sich an erfahrene WebGL-/Shader-Entwickler, die kinetische Typografie oder Mesh-Morphing-Übergänge für Landingpages oder interaktive Installationen bauen – kein Einsteiger-Thema. Der Prompt liefert bereits die richtige technische Struktur, sodass die Antwort konkret umsetzbar statt vage bleibt.

Praxis-Tipp

Gib das gewünschte Ziel-Framework an (z. B. Three.js mit GLSL-Shadern oder TouchDesigner), damit die KI konkreten, plattformspezifischen Code statt allgemeiner GPGPU-Theorie liefert.

Lizenz & Quelle

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

Lade …