Neon Flow Grid Snake

Prompt, der ein spielbares Cyberpunk-Snake-Spiel als einzelne HTML-Datei mit Canvas und smoother Bewegung generiert.

Der Prompt

I want you to act as an expert HTML5 Canvas game developer. Your task is to write a complete, playable SINGLE FILE (index.html) game based on a modernized snake mechanic.

GAME SPEC:

Title: Cyber Grid Link

Core mechanic: Control a snake made of chained vector particles on a shifting grid environment.

Goal: Collect glowing energy matrix crystals to grow the link chain while dodging moving firewall barriers.

TECH REQUIREMENTS:

Single file: Pure vanilla JS inside one HTML document, zero external libraries, zero asset downloads.

Rendering: HTML5 2D Canvas with requestAnimationFrame game loop. Smooth LERP interpolation for snake segment movement to create a fluid, organic motion rather than classic blocky steps.

Controls: Arrow keys or WASD for absolute directional steering.

Design style: Cyberpunk dark theme. The grid must warp slightly near the snake's head using localized coordinate displacement. The snake chain features a pulsing gradient texture.

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

Der Prompt liefert eine detaillierte technische Spezifikation für ein komplettes Cyberpunk-Snake-Spiel als einzelne HTML-Datei: Vanilla JS, HTML5-Canvas, requestAnimationFrame-Loop und LERP-Interpolation für organische statt ruckartige Bewegung. Besonders wertvoll sind die klaren Tech-Vorgaben - keine externen Bibliotheken, keine Asset-Downloads -, wodurch das Ergebnis sofort im Browser lauffähig ist, ohne Build-Setup. Für Entwickler, die schnell einen spielbaren Prototypen oder ein Lernbeispiel für Canvas-Animationstechniken wollen, ist das ein guter Startpunkt. Da die Anforderungsliste umfangreich ist, sollte das generierte Ergebnis getestet und bei fehlenden Details gezielt nachgeschärft werden.

Praxis-Tipp

Direkt als erste Nachricht einfügen und um konkrete Extras ergänzen, z. B. „Highscore per localStorage speichern“ oder „Touch-Steuerung für Mobilgeräte hinzufügen“.

Lizenz & Quelle

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

Lade …