Von der Generierung von Bildern bis hin zu Videogeneratoren scheint sich die künstliche Intelligenz wieder einmal weiterentwickelt zu haben, da sie nun auch in der Lage ist, HTML5-Spiele zu erstellen.
Ein Spiel zu entwickeln ist keine leichte Aufgabe, selbst für diejenigen mit jahrelanger Erfahrung und Ausbildung, aber die KI hat bewiesen, dass sie kleine interaktive HTML5-Spiele in wenigen Minuten erstellen kann, ohne dass Programmierkenntnisse erforderlich sind.
Dies hat der KI-Künstler Pierrick Chavellier festgestellt, der auf der Plattform X (früher Twitter) gezeigt hat, wie dies mit ChatGPT-4o möglich ist, und die OpenAI-Software als “verrückt” bezeichnet hat.
🔥#ChatGPT4o is insane, you can create small interactive HTML5 games in just a few minutes with no coding knowledge. 🔥
Follow these thread, and I'll show you the entire workflow I set up. pic.twitter.com/hgWEOpKgOE
— Pierrick Chevallier | IA (@CharaspowerAI) June 7, 2024
Er verwendet auch andere Tools wie Photoshop und Illustrator sowie das KI-Tool MidJourney, um ein voll funktionsfähiges Minispiel zu erstellen. Das Spiel ist zwar nur kurz, zeigt aber, dass es mit jeder Weiterentwicklung der KI verbessert werden kann.
So entwickelt man ein KI-HTML5-Spiel
Anstatt die Sprites zum Gehen oder Laufen in einem Bildgenerator zu erstellen, lud der Entwickler eine Vektorseite der Figur von einer externen Website herunter.
Die Sprites wurden dann vorbereitet und in verschiedene Formate exportiert, was mit Illustrator geschah.
Chavelier erstellte dann mit MidJourney einen passenden Spielhintergrund, indem er die folgende Eingabeaufforderung eingab: Game asset, 2D Cartoon Style background game scene, forest, forest element, flat, vector.
Anstatt es dabei zu belassen, wurde das Ergebnis des Bildgenerators mit Adobe Photoshop weiter bearbeitet. In diesem Fall wurden die Elemente im Vordergrund ausgeschnitten.
Dann kam die Magie von ChatGPT ins Spiel. Chevallier sagt, er habe dem Chatbot und dem virtuellen Assistenten “alle detaillierten Anweisungen gegeben, was ich wollte und welche Medien ich bereits vorbereitet hatte”.
And there you have it, just open the HTML page and enjoy your little HTML5 Canvas game.
Imagine all the possibilities we can achieve by spending more time. pic.twitter.com/UaLIpkDMLL
— Pierrick Chevallier | IA (@CharaspowerAI) June 7, 2024
Innerhalb weniger Minuten wurde eine HTML-Seite zurückgegeben, die zu einem kleinen HMTL5-Canvas-Spiel führen sollte.
“Man stelle sich all die Möglichkeiten vor, die man erreichen könnte, wenn man mehr Zeit investieren würde”, so der Künstler.
Abbildung: Via Pierrick Chevallier on X