machichdigital
PromptPrompt-BibliothekLizenz: CC0-1.0 (Public Domain)frei kopierbar

3D Kinetic Ball Simulation

Erzeugt ein komplettes Single-File-HTML5-Physik-Spiel mit p5.js, WebGL und Synthwave-Optik.

⬇ Als Datei laden

⧉ –× kopiert⬇ –× heruntergeladenBewertung:

Erzeugt ein komplettes Single-File-HTML5-Physik-Spiel mit p5.js, WebGL und Synthwave-Optik.

Der Prompt

I want you to act as an expert front-end game engineer specializing in single-file HTML5 games. Your task is to produce a SINGLE FILE (index.html) implementation of a 3D Kinetic Bounce Arena.

GAME SPEC:

Title: Kinetic Bounce Arena

Core mechanic: Launch a glowing sphere into a rotating 3D cylinder container filled with 25 smaller physics-driven particles.

Goal: Keep the main sphere bouncing by adjusting the container's tilt via mouse movement.

TECH REQUIREMENTS:

Single file: <!doctype html> with inline <style> and <script> using p5.js (loaded via CDN).

Rendering: WebGL mode in p5.js, 600x600 canvas centered on page.

Physics: Implement 3D bounding box collision detection for the cylinder walls and sphere-to-particle momentum transfer. Particles must leave fading colorful motion trails.

Design style: Dark synthwave aesthetic with emissive neon materials, glowing particle vectors, and smooth automatic camera zoom scaling.

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

Sehr präziser Prompt für ein einzelnes, lauffähiges HTML5-Spiel: eine rotierende 3D-Zylinder-Arena mit physikbasierten Partikeln, bei der eine leuchtende Kugel per Mausbewegung im Bounce gehalten wird. Im Gegensatz zu vagen Hype-Prompts nennt dieser konkrete technische Leitplanken (p5.js über CDN, WebGL-Modus, 600x600-Canvas, Kollisionslogik, Partikel-Trails, Synthwave-Ästhetik) – das erhöht die Trefferquote bei Coding-Assistenten deutlich, weil Bibliothek, Dateiformat und visueller Stil von Anfang an feststehen. Für wen: Entwickler, die schnell ein spielbares Physik-Demo oder Portfolio-Stück ohne Build-Tooling wollen. Kollisionsgenauigkeit und Performance bei 25 Partikeln müssen nach Generierung meist noch nachjustiert werden.

Praxis-Tipp

Lass dir zuerst nur die Zylinder-Physik ohne Partikel generieren und teste die Performance, bevor du die 25 Partikel und Trail-Effekte ergänzt – das erleichtert das Debuggen.

Lizenz & Quelle

Inhalt ansehen (3d-kinetic-ball-simulation.txt)
Lade …

Erfahrungen & Kommentare.

Funktioniert der Prompt bei Ihnen? Tipps, Stolperfallen, Varianten — teilen Sie es mit der Community.

Lade Kommentare …

Ihre IP-Adresse wird zum Schutz vor Missbrauch gespeichert und nach 14 Tagen automatisch entfernt (Datenschutz).

Passt dazu.

aa/cli taste

Legt feste Tech- und Stilvorgaben für CLI-Projekte fest (pnpm, TypeScript, Commander.js, Ordnerstruktur).

CC0-1.0 (Public Domain)♥ –⧉ –