Liebe Abonnenten, heute möchte ich Ihnen zeigen, wie Sie mit Claude Code ein superspaßiges Retro-Spiel erstellen. Das Erstellen von Spielen mit meinem 7-Jährigen und Claude Code ist eine meiner liebsten Wochenendbeschäftigungen und ich möchte, dass Sie auch lernen, wie man das macht. Hier sind einige Spiele, die wir zusammen erstellt haben: Ein Unterwasser-Shooter, bei dem Sie einen Schwimmer spielen, der Haie bekämpft. Ein Tierklinik-Spiel, bei dem Sie verschiedene Tiere behandeln (mit Nano Banana). Und das heutige Tutorial: Ein Retro-Weltraum-Shooter mit wellenbasierten Feinden, Power-Ups und epische Bosskämpfe. Sehen Sie sich mein Tutorial an, um zu lernen, wie man den Weltraum-Shooter in 5 Schritten baut. Zeitstempel: (00:00) Warum ich Vibe-Coding-Spiele mit meinem Kind liebe (01:19) Schritt 1: Richten Sie das Projekt ein (02:56) Schritt 2: Finden Sie kostenlose Pixel-Art-Assets (05:33) Schritt 3: Entwerfen Sie die Spezifikation mit Claudes AskUserQuestion-Tool (08:56) Schritt 4: Erstellen das MVP und iterieren (13:06) Schritt 4.5: Debuggen Sie den epischen Bosskampf (15:24) Schritt 5: Versenden Sie Ihr Spiel mit GitHub und Vercel. Sehen Sie sich jetzt auf YouTube an oder lesen Sie die schriftliche Anleitung unten. Dieser Beitrag wird Ihnen präsentiert von…ReplitJetzt, da ich weiß, wie man Retro-Spiele im Web erstellt, freue ich mich darauf, sie als native mobile Apps zu veröffentlichen. Replit ist der einfachste Weg, dies zu tun, da es mit echten nativen Komponenten erstellt wird und die Übermittlung an den App Store für mich übernimmt. Probieren Sie es selbst aus, indem Sie zu Replit gehen, im Dropdown-Menü „Mobile App“ auswählen und dann Ihre Idee entwickeln. So einfach ist das. Probieren Sie Replit jetzt kostenlos aus. Was wir bauen werden: Ein Retro-2D-Weltraum-Shooter. Das komplette Spiel verfügt über 3 Level mit einzigartigen Gegnern, Bosskämpfen und Musik. Am Ende bauen wir einen klassischen, vertikal scrollenden Weltraum-Shooter mit wellenbasierten Feinden, Power-Ups und epischen Bosskämpfen. Eine Anmerkung, bevor wir beginnen: Der Aufbau dieses Spiels sieht vielleicht einschüchternd aus, aber im Grunde kommt es nur darauf an, mit der KI zu chatten, genau wie man mit ChatGPT oder Claude chattet. Wenn mein 7-Jähriger es kann, können Sie es auch. Lass uns eintauchen!1. Richten Sie das Projekt ein. Erstellen und öffnen Sie zunächst einen leeren Ordner in Cursor mit dem Namen „space-shooter-game“ und installieren Sie dann Claude Code im Terminal von Cursor (folgen Sie dieser Kurzanleitung, wenn Sie Hilfe benötigen). Geben Sie dann terminal:claude --dangerously-skip-permissions ein. Das hört sich gefährlich an, lässt Claude aber nur in Ihrem neuen Ordner arbeiten, ohne Sie jedes Mal um Berechtigungen bitten zu müssen. Dadurch macht das Vibe-Coding viel mehr Spaß und Claude ist schlau genug, Ihre Dateien nicht zu vermasseln. Übrigens, wenn Ihre Kinder noch nicht tippen können, verwenden Sie einfach Wispr Flow, um sie zu ermutigen, Claude Befehle direkt zu diktieren. 2. Spiel-Assets finden Lassen Sie uns nun einige Pixelgrafiken für unser Spiel finden. Claude verfügt über eine integrierte Websuche, sodass Sie einfach Folgendes eingeben können: „Ich möchte einen Retro-2D-Weltraum-Shooter bauen.“ Wo finde ich kostenlose Pixel-Art-Assets? Wahrscheinlich findet man Pixel-Art auf Websites wie Open Game Art und itch.io. Aber um das viel einfacher zu machen, habe ich bereits ein fantastisches Pixelpaket zum Erstellen von Shootern, Plattformspielen und mehr gefunden, das zu 100 % kostenlos ist. Hier ist der Download-Link: Laden Sie die Legacy Pixel Collection herunter. Nachdem Sie das Paket heruntergeladen haben, öffnen Sie es und ziehen Sie den gesamten Ordner in Ihren Space-Shooter-Ordner. Dann fragen Sie Claude: Ich habe gerade einige Pixelgrafiken hinzugefügt und liste diejenigen auf, die wir für unseren Weltraum-Shooter verwenden können. Claude identifiziert automatisch die relevanten Pixelgrafiken für Ihr Spielerschiff, Feinde, Projektile, Power-Ups und Hintergründe. 3. Entwerfen Sie die Spezifikation. Ein Schnappschuss der Spezifikation, die Claude basierend auf meinen Antworten auf die Fragen erstellt hat. Als nächstes bitten wir Claude, die Spezifikation für unseren Weltraum-Shooter zu entwerfen. Wann immer ich möchte, dass AI eine Spezifikation entwirft, füge ich der Eingabeaufforderung immer drei spezifische Anweisungen hinzu: Lesen Sie mehr

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free