Schreibe ein vollständiges, spielbares Spiel als einzelne HTML-Datei, das auf einer modernisierten Snake-Mechanik basiert. Die Vorgabe beschreibt eine Cyberpunk-Rasterwelt mit einer aus Vektorpartikeln verketteten Schlange, Energie-Matrixkristallen und beweglichen Firewall-Barrieren.
Diese Uebersetzung dient nur dem Verstaendnis. Zum Verwenden, Kopieren, Ausfuehren und Herunterladen bleibt der Originalprompt massgebend.
Ich möchte, dass du als erfahrener HTML5-Canvas-Spielentwickler handelst. Deine Aufgabe ist es, ein vollständiges, spielbares Spiel in einer einzigen Datei index.html zu schreiben, das auf einer modernisierten Snake-Mechanik basiert. SPIELSPEZIFIKATION: Titel: Cyber Grid Link Kernmechanik: Steuere eine Schlange, die aus verketteten Vektorpartikeln besteht, in einer sich verändernden Rasterumgebung. Ziel: Sammle leuchtende Energie-Matrixkristalle, um die Verbindungskette wachsen zu lassen, während du beweglichen Firewall-Barrieren ausweichst. TECHNISCHE ANFORDERUNGEN: Einzeldatei: Reines Vanilla-JavaScript in einem HTML-Dokument, keine externen Bibliotheken, keine Asset-Downloads. Rendering: HTML5-2D-Canvas mit einer Spielschleife über requestAnimationFrame. Weiche LERP-Interpolation für die Bewegung der Schlangensegmente, um eine flüssige, organische Bewegung statt klassischer blockartiger Schritte zu erzeugen. Steuerung: Pfeiltasten oder WASD für absolute Richtungssteuerung. Gestaltungsstil: Dunkles Cyberpunk-Thema. Das Raster muss sich in der Nähe des Schlangenkopfs durch lokale Koordinatenverschiebung leicht verformen. Die Schlangenkette hat eine pulsierende Verlaufsstruktur.
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.