3D Physics Sandbox Architect

Lässt die KI eine physikbasierte Three.js/Cannon.js-Sandbox mit Impuls-Kollisionssystem und Code-Erklärung entwerfen.

Der Prompt

I want you to act as a Senior WebGL Game Architect specializing in Three.js and Cannon.js. Your goal is to design a high-performance 3D physics sandbox logic.

Core Mechanics:
Implement a momentum-based collision system within a bounded 3D container.

Requirements:

Initialize a Three.js scene with a physics world using Cannon.js.

Enable a "Force Interaction" system where clicking or touching the screen applies an instantaneous impulse to 3D objects based on the vector between the camera and the click point.

Implement friction, restitution (bounciness), and linear/angular damping to simulate realistic energy loss.

Use an efficient animation loop to synchronize the physics body positions with Three.js meshes.

Ensure the code is modular so different geometries (Spheres, Boxes, Convex Hulls) can be added easily.

Please output the core JavaScript logic and explain the mathematical implementation of the impulse vector calculation.

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

Dieser Prompt positioniert die KI als Senior-WebGL-Architekt und lässt sie den Kern-Code für eine physikbasierte 3D-Sandbox mit Three.js (Rendering) und Cannon.js (Physik) entwerfen: Klick- oder Touch-Interaktionen lösen Impulse entlang des Vektors zwischen Kamera und Klickpunkt aus, ergänzt um Reibung, Restitution und Dämpfung für realistisches Energieverhalten. Der Fokus liegt auf modularem Aufbau, damit sich verschiedene Geometrien wie Kugeln, Boxen oder konvexe Hüllen einfach ergänzen lassen. Anders als reine Bild-Prompts liefert dieser Eintrag echten, erklärten JavaScript-Code samt mathematischer Herleitung – geeignet für Entwickler, die eine Three.js/Cannon.js-Physikszene aufbauen und die zugrunde liegende Impulsmechanik verstehen wollen, statt nur ein Boilerplate-Snippet zu kopieren.

Praxis-Tipp

Bitten Sie zusätzlich um eine kurze Erklärung der Impuls-Formel (Kraft = Masse × Geschwindigkeitsänderung), damit Sie Reibung und Restitution gezielt anpassen können, statt nur den Code zu übernehmen.

Siehe auch

• Architect Guide for Programmers

Lizenz & Quelle

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

Lade …