Home Mit ChatGPT HTML5-Spiele in wenigen Minuten erstellen

Mit ChatGPT HTML5-Spiele in wenigen Minuten erstellen

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.

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”.

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

Redaktionelle Richtlinien von ReadWrite

Die ReadWrite Redaktionspolitik beinhaltet die genaue Beobachtung der Technologiebranche im Hinblick auf wichtige Entwicklungen, neue Produkteinführungen, Fortschritte bei der künstlichen Intelligenz, die Veröffentlichung von Videospielen und andere Ereignisse mit Nachrichtenwert. Die Redakteure weisen wichtige Entwicklungen fest angestellten Autoren oder freiberuflichen Mitarbeitern zu, die über Fachwissen in den jeweiligen Themenbereichen verfügen. Vor der Veröffentlichung werden die Artikel einer strengen Prüfung auf Genauigkeit und Klarheit unterzogen, um die Einhaltung der Stilrichtlinien von ReadWrite zu gewährleisten.

Sophie Atkinson
Tech Journalist

Sophie Atkinson is a UK-based journalist and content writer, as well as a founder of a content agency which focuses on storytelling through social media marketing. She kicked off her career with a Print Futures Award which champions young talent working in print, paper and publishing. Heading straight into a regional newsroom, after graduating with a BA (Hons) degree in Journalism, Sophie started by working for Reach PLC. Now, with five years experience in journalism and many more in content marketing, Sophie works as a freelance writer and marketer. Her areas of specialty span a wide range, including technology, business,…

Die wichtigsten Tech-Schlagzeilen des Tages direkt in Ihren Posteingang

    Door u aan te melden, gaat u akkoord met onze voorwaarden en ons privacybeleid. U kunt zich op elk gewenst moment afmelden.

    Tech News

    Entdecken Sie das Neueste aus der Welt der Technik mit unseren Tech News. Wir bieten präzise, relevante Updates, die Sie über die sich dynamisch entwickelnde Tech-Landschaft informieren, mit ausgewählten Inhalten.

    Ausführliche Tech Stories

    Erfahren Sie mehr über die Bedeutung der Technik in ausführlichen Reportagen. Datenjournalismus bietet umfassende Analysen und enthüllt die Geschichten hinter den Daten. Verstehen Sie Branchentrends und gewinnen Sie einen tieferen Einblick in die komplizierten Beziehungen zwischen Technologie und Gesellschaft.

    Experten Berichte

    Expertenberichte, die Branchenkenntnisse und aufschlussreiche Analysen kombinieren, erleichtern die Auswahl. Erfahren Sie mehr über die technischen Feinheiten, holen Sie sich die besten Angebote und bleiben Sie mit unserem zuverlässigen Leitfaden für den sich ständig verändernden Technologiemarkt immer einen Schritt voraus.