Hier bei Moyens I/O behandeln wir viele Neuigkeiten und Ressourcen zum Thema KI. Sie haben sicherlich unsere Artikel zu ChatGPT-Plugins, GPT-4 und mehr gesehen. Natürlich verbringe ich viel Zeit damit, zu untersuchen, was KI leisten kann, und ja, ich versuche, KI in meinen Arbeitsablauf zu integrieren, um zu sehen, ob dies meine Produktivität bei der Arbeit drastisch steigern kann. Vor kurzem wollte ich jedoch versuchen, KI für etwas anderes als die Arbeit zu verwenden. Ich wollte sehen, ob ich ChatGPT für die Spieleentwicklung mit KI verwenden kann.
Ein Spiel zum Erstellen finden
Der erste Schritt beim Erstellen eines Spiels besteht darin, herauszufinden, was genau Sie erstellen möchten. Natürlich können Sie den Code für ein Spiel nicht schreiben, ohne zu wissen, wofür Sie codieren.
Glücklicherweise ist so etwas mit einem Tool wie ChatGPT ganz einfach. Sie können es einfach bitten, Spiele vorzuschlagen, die Sie erstellen können, und es kann (meistens) alles vorschlagen, von einfachen, leicht zu erstellenden Spielen bis hin zu komplexeren und komplizierteren Spielen.
Also bat ich ChatGPT, mir ein paar einfache Spiele vorzuschlagen, die ich mit HTML, CSS und JavaScript erstellen kann. Aus dieser Liste entschied ich mich für „Whack-a-Mole“. Klingt nach einem leicht zu erstellenden Spiel mit einer recht einfachen Logik.
ChatGPT zum Schreiben von Code bringen
An diesem Punkt kann jemand, der weiß, wie man programmiert, dieses Spiel sehr leicht erstellen. Ich wollte jedoch, dass ChatGPT das gesamte Spiel für mich erstellt, also musste ich mir Eingabeaufforderungen dafür ausdenken.
Es war auch nicht sehr schwierig. Sie können ChatGPT einfach bitten, den Code für das Spiel zu schreiben, und da ChatGPT kontextabhängig ist, weiß es, wovon Sie sprechen, und kann den Code dafür schreiben, wie Sie im Screenshot unten sehen können.
Ursprünglich hatte ich beschlossen, ein sauberer Programmierer zu sein und HTML, CSS und JS in einzelne Dateien, nämlich index.html, styles.css und script.js, aufzuteilen und dabei dem Industriestandard für Dateinamen zu folgen.
Allerdings hat mich das schnell genervt, da ChatGPT eigentlich nicht so gut darin ist, Code zu schreiben.
Fehler beheben … denn ja, es gibt Fehler
Die erste Version des Whack-a-Mole-Spiels war ein absolutes Desaster. Ich öffnete die Datei in Chrome und das Spiel funktionierte einfach nicht. Auf meinem Bildschirm waren die Maulwurfslöcher, aber kein Maulwurf lugte hindurch, damit ich ihn schlagen und Punkte verdienen konnte.
An diesem Punkt könnte ich versuchen, das Skript zu reparieren, aber da ich ein absolut unfähiger Programmierer bin, könnte ich beim besten Willen nicht sicher sein, ob das Problem am Skript lag oder ob es daran lag, dass der HTML-Code den HTML-Tags eine andere ID zugewiesen hatte als die, die das JavaScript für die Spiellogik zu verwenden versuchte.
Ich beschloss, die manuelle Arbeit ganz aufzugeben und bat ChatGPT, den gesamten HTML-, CSS- und JavaScript-Code in einer einzigen Datei zu speichern. Glücklicherweise kam das Unternehmen dieser Bitte nach. Aber offensichtlich würde der Code noch nicht funktionieren, da es manche Ausgabe, irgendwo.
Zunächst einmal – und das ist nicht gerade ein Fehler – hat ChatGPT den gesamten Code in eine Datei gepackt, aber Platz für den JavaScript-Code gelassen. Glücklicherweise können Sie es einfach bitten, Ihnen den Rest des Codes zu geben, und es spuckt hilfreicherweise die gesamte HTML-Datei aus, komplett mit dem Code.
Da es sich im Grunde genommen um den ursprünglichen (nicht funktionierenden) Code handelt, läuft er nicht. Und da ich nicht herausfinden konnte (und wollte), wo genau das Problem lag, habe ich versucht, ChatGPT einfach mitzuteilen, dass der Code nicht funktioniert.
ChatGPT hat mir einen neuen, aktualisierten Code gegeben. Und es hat mir, sehr zuversichtlich, das gesagt, dass es das Problem behoben hat, das dazu geführt hat, dass der Code nicht ausgeführt wurde.
Beim Testen blieb das Problem jedoch bestehen. Diesmal beschloss ich, ChatGPT mitzuteilen, welches Problem ich mit dem Code hatte. ChatGPT lieferte schnell eine aktualisierte Version des Codes und konnte das Problem glücklicherweise diesmal herausfinden.
Der neue Code funktionierte einwandfrei und ich konnte in meinem Browser eine Partie Whack-a-Mole spielen. Das macht doch Spaß, oder?
Das Spiel iterieren und verbessern
Mir ist etwas Merkwürdiges aufgefallen. Das Spiel schien nach ein paar Sekunden stehen zu bleiben. Die Maulwürfe haben einfach nicht durchgeschaut. Als ich den Code durchging, wurde mir schnell klar, dass das Spiel so programmiert war, dass es 10 Sekunden lang lief.
Das ist in Ordnung, aber ich wollte, dass der Spieler die Dauer des Spiels selbst bestimmt. Anstatt herauszufinden, wie das geht, habe ich ChatGPT einfach gebeten, es für mich zu tun.
Mit dem neuen Code verfügt das Spiel nun über ein Eingabefeld, in das der Spieler die Anzahl der Sekunden eingeben kann, die das Spiel laufen soll, und dann das Spiel starten kann.
Es stimmt, das Spiel sieht nicht gerade berauschend aus und die Benutzeroberfläche ist bestenfalls … brauchbar. Es zeigt jedoch, dass ChatGPT mit viel Arbeit ein Spiel von Grund auf für Sie erstellen kann.
Tests und abschließende Gedanken
Nachdem ich ein paar Runden Whack-a-Mole gespielt hatte, beschloss ich, ChatGPT dazu zu bringen, auch etwas anderes zu bauen. Diesmal entschied ich mich für Hangman. Ähnliches passierte bei meinen Versuchen, ChatGPT dazu zu bringen, mir einen funktionierenden Code für das Spiel zu geben, doch dieses Mal musste ich in meiner Eingabeaufforderung viel spezifischer sein, um den korrigierten Code zu erhalten.
ChatGPT kann in den meisten Fällen Fehler im Code identifizieren. Nach meinen bisherigen Erfahrungen ist es jedoch nur gut darin, Probleme mit der Syntax zu finden. Es konnte beispielsweise nicht ohne mehrere Versuche herausfinden, dass das Problem mit dem von ihm geschriebenen Code einfach darin bestand, Großbuchstaben in Kleinbuchstaben umzuwandeln.
Aus syntaktischer Sicht war der Code vollkommen in Ordnung. Allerdings sind die Buchstaben, die der Spieler errät, groß geschrieben, und da der Code sie mit dem vordefinierten Wort – das klein geschrieben ist – verglich, hat er sie einfach nie richtig zugeordnet.
Das Coole ist, dass ChatGPT sogar den Code für die Anzeige eines repräsentativen Bildes des Henkers eingefügt hat. Ich musste nur die verschiedenen Phasen der Reise des Henkers erstellen. Tatsächlich kann ich ChatGPT sogar bitten, mir zu sagen, wie ich die Bilder erstellen soll.
Sicher, die Qualität dieser Bilder ist ziemlich furchtbar, aber das liegt daran, dass ich mir nicht die Mühe machen wollte, in Photoshop ordentliche Bilder zu erstellen und mich stattdessen dazu entschied, Screenshots zu machen.
KI kann ganz gut programmieren, ist aber nicht perfekt
Das Fazit meiner Erfahrung in der Spieleentwicklung mit KI ist einfach: Tools wie ChatGPT können wirklich gute Arbeit beim Schreiben von Code leisten. Allerdings scheint ChatGPT nicht beim ersten Versuch den richtigen Code für die Dinge zu schreiben. Wenn überhaupt, Wille Sie müssen ihm mehrere Beschreibungen der Probleme geben, mit denen Sie konfrontiert sind, bevor er Ihnen einen Code liefern kann, der tatsächlich wie gewünscht funktioniert.
Dennoch ist es beeindruckend, was es kann, und Sie können zumindest eine Barebones-Version dessen erhalten, was Sie suchen, um darauf aufzubauen und es zu verbessern. Wenn Sie sich jedoch fragen, ob Sie vollständige Spiele für den Vertrieb erstellen werden, sind ChatGPT (und KI-Modelle im Allgemeinen) noch nicht da; noch nicht.
Unterstützen Sie unsere Arbeit ❤️
Wenn Ihnen dieser Artikel gefallen hat, können Sie uns mit einem Trinkgeld unterstützen, damit wir weiterhin großartige Inhalte veröffentlichen können.
