{"id":12801,"date":"2026-03-14T16:00:07","date_gmt":"2026-03-14T16:00:07","guid":{"rendered":"https:\/\/www.gamelab.ch\/?p=12801"},"modified":"2026-03-15T10:26:05","modified_gmt":"2026-03-15T10:26:05","slug":"ein-spiel-in-claude-ai-laufen-lassen-inklusive-claude-source-code-fuers-copypaste","status":"publish","type":"post","link":"https:\/\/www.gamelab.ch\/?p=12801","title":{"rendered":"Ein Spiel in Claude (AI) laufen lassen &#8230; inklusive Claude-Source-Code f\u00fcrs CopyPasten"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Das Spiel in Claude<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-14-um-16.36.38-1024x560.png\" alt=\"\" class=\"wp-image-12802\" srcset=\"https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-14-um-16.36.38-1024x560.png 1024w, https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-14-um-16.36.38-300x164.png 300w, https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-14-um-16.36.38-768x420.png 768w, https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-14-um-16.36.38-1536x840.png 1536w, https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-14-um-16.36.38.png 1766w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">SourceCode &#8211; Copy in Claude und spiel!<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>1. kreiere eine klasse GameObject\n2. kreiere einen array mit 10 elementen dieser klasse\n3. die Klasse GameObjekt hat ein property f\u00fcr x und eines f\u00fcr y als float\n4. f\u00fclle jedem object in objects ein zuf\u00e4lliges x zu\n5. zeig mir den array\n6. zeichne alle object in gameobjects\n7. f\u00fcge jedem objekt eine property form hinzu. die formen sind Stern, Dreieck, Rechteck, Kreis\n8. wenn ich auf ein gameobjekt dr\u00fccke dann gib mir die form zur\u00fcck und l\u00f6sche das objekt\n9. zeig mir nicht welches du gel\u00f6scht hast. bleib in der grafik.\n10. f\u00fcge einen z\u00e4hler oben rechts an, der jede sekunde eins hochz\u00e4hlt. und zeige mir wenn ich alle objekte entfernt habe, wie viele sekunden ich hatte.\n11. neu bewegen sich die dreiecke jede sekunde um 5 pixel in irgendeine richtung\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Idee, Ausf\u00fchrung<\/h2>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Die Idee war simple und mit ChatGPT klappt es \u00fcberhaupt nicht: Die AI als direkte VirtualMaschine zu benutzen, um ein einfaches Spiel herzustellen und zu spielen.  Es war dabei nicht die Idee Code zu generieren, das etwas ausf\u00fchrt, sondern den Source-Code direkt als Spracheingabe zu machen, um danach das Spiel spielen zu k\u00f6nnen. Dabei ist Claude interessant &#8211; anders als ChatGPT kann man tats\u00e4chlich in Echtzeit Variablen er\u00f6ffnen und ver\u00e4ndern kann. Also man kann konkret darin programmieren wie mit einem Interpreter und nicht \u00fcber den &#8218;d\u00fcmlichen&#8216; Umweg (daf\u00fcr brauchen wir keine AI) einer Programmiersprache gehen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hier ein erster Versuch. Dabei bin ich so vorgegangen, wie ich das als Developer so machen w\u00fcrde: Klasse erstellen, Verwaltung der Objekte in einem Array, eine Visualisierung schreiben, Verhalten und Interaktivit\u00e4t hinzuf\u00fcgen und am Ende kommt eine Vergleichskomponente hinzu &#8211; die Zeit. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Source-Code f\u00fcr das Deutsch-Programmier-Claude-Spiel findet sich oben. Also einfach in Claude einloggen, den Text eingeben und Spielen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Artefacts &#8211; eine klassischere Herangehensweise<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An dieser Stelle muss nachgetragen werden, dass Claude auch das noch experimentelle Tool Artifacts braucht. Hier ist quasi ein Canvas vorgegeben und es gibt schon einige vorfabrizierte Quizes, Spiele etc. Dabei geht es dann mehr um eine Auswahl als um konkretes &#8222;Programmieren&#8220; eines Spiels in Claude. Aber funktioniert im Grunde \u00e4hnlich, wenn es aber auch auf Templates aufbaut. Neu ist hier, dass das Ergebnis oder das Quiz\/Spiel in einem eigenen Frame gezeigt wird. Es ist dann nicht mehr Claude der Output sondern es wird getrennt zwischen Coding und Output. Das Artefakt kann dann auch heruntergeladen werden als Html-Template. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-15-um-11.19.43-1024x595.png\" alt=\"\" class=\"wp-image-12815\" width=\"388\" height=\"225\" srcset=\"https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-15-um-11.19.43-1024x595.png 1024w, https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-15-um-11.19.43-300x174.png 300w, https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-15-um-11.19.43-768x447.png 768w, https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-15-um-11.19.43-1536x893.png 1536w, https:\/\/www.gamelab.ch\/wp-content\/uploads\/2026\/03\/Bildschirmfoto-2026-03-15-um-11.19.43-2048x1191.png 2048w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Gedenkminute f\u00fcr die ausgebeuteten Programmierer*<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Und nat\u00fcrlich nun eine Gedenkminute einlegen f\u00fcr den gr\u00f6ssten geistigen Diebstahl aller Zeiten &#8211; an Texten, Ideen und an SourceCode. Claude m\u00fcsste 10&#8217;000 pro Monat kosten und alle Programmierer*, die irgendwas online haben, m\u00fcssten entsch\u00e4digt werden. Alles andere ist Ausbeutung! <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Danksagung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"> Danksagung an alle, die je irgendwelchen Code online gestellt haben. Ihr habt hier mitgeschrieben. Danke an die Linguistik f\u00fcr die Entwicklung der Theorie hinter LLMs. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Spiel in Claude SourceCode &#8211; Copy in Claude und spiel! Idee, Ausf\u00fchrung<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-12801","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/posts\/12801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12801"}],"version-history":[{"count":10,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/posts\/12801\/revisions"}],"predecessor-version":[{"id":12816,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/posts\/12801\/revisions\/12816"}],"wp:attachment":[{"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}