{"id":12531,"date":"2026-01-13T08:51:26","date_gmt":"2026-01-13T08:51:26","guid":{"rendered":"https:\/\/www.gamelab.ch\/?p=12531"},"modified":"2026-01-13T08:53:33","modified_gmt":"2026-01-13T08:53:33","slug":"piet-online-ausprobieren-a-coding-game-kurzeinfuehrung","status":"publish","type":"post","link":"https:\/\/www.gamelab.ch\/?p=12531","title":{"rendered":"Piet – Online ausprobieren – A Coding Game [Kurzeinf\u00fchrung]"},"content":{"rendered":"\n

Piet (Mondrian) ist ein esoterische Sprache, die in als Bild mit Farben [Eigentlich ein Farbarray] geschrieben\/gezeichnet wird. Das Ganze ist ein richtiges Game, geht es doch herauszufinden, wie das Ganze funktioniert. Leider gibt es keine M\u00f6glichkeit, den Code selbst wieder zu ver\u00e4ndern – also selbst wieder Grafik zu generieren. In diesem Sinn ist der Weg offen f\u00fcr eine Sprache, die auch das kann .-) <\/p>\n\n\n\n

Online-IDE: https:\/\/gabriellesc.github.io\/piet\/index.html<\/a><\/p>\n\n\n\n

Der Editor sieht so aus. Unbedingt den Debugger einblenden, denn nur dort l\u00e4sst sich ein PietBild „ausf\u00fchren“.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schaltet man den Debugger ein hat man eine komplette IDE vor sich.<\/p>\n\n\n\n\n\n\n\n

\"\"<\/figure>\n\n\n\n

Das erste Ausprobieren ist irritierend. Denn „clickt“ man in die Befehlsfelder ver\u00e4ndern sich diese permanent – je nachdem, was man gerade in einem Feld angewendet hat. <\/p>\n\n\n\n

Eine „einfache Einf\u00fchrung“ findet sich hier: <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vQL2EVXcFKY1eW475ZQakUC3YARM7OzqwvpL-eFkkVkjFMXxY1G3qOHQCP2mmxAJlPVlzKsla6o-3lc\/pub?start=false&loop=false&delayms=3000&slide=id.g312613e516_0_155<\/a><\/p>\n\n\n\n

Wie kann ich einen Buchstaben ausgeben. Wichtigstes Aha ist dabei. Es braucht zuerst einen Block mit Push, dann kann man auf dem Stack ein Out(char) ausf\u00fchren.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

und dann mit 1s dunkler Push und das gelbe ist dann OUT(char).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Man verstehe dann sehr schnell, warum es ein viel h\u00f6here Aufl\u00f6sung braucht f\u00fcr etwa ein Hello World.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Denn es braucht letztlich einfach diese Bl\u00f6cke als Argument f\u00fcr OUT. <\/p>\n\n\n\n

Das heisst man w\u00e4hlt zuerst den Befehl und f\u00e4rbt einen Block als Argument ein und f\u00fchrt dann die Anzahl des Blocks aus. <\/p>\n\n\n\n

Der Cursor scheint am Ende des Feldes nach Rechts zu drehen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Modell scheint zu sein:<\/p>\n\n\n\n

[In der Hand]<\/p>\n\n\n\n

Wenn man etwa 3+2 rechnen will w\u00e4re das so l\u00f6sbar:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Hochz\u00e4hlen im Stack?<\/strong><\/p>\n\n\n\n

1 PUSH | 1 push | x pop | + <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Befehl eingeben:<\/strong>

1. zu oberst anfangen – auf Weiss klicken, dann Farbe ausw\u00e4hlen<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2. dann den Befehl, ist dann irgendwas dunkleres<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Eigentlich geht es nur um Helligkeit und nicht um Farben. Darum immer mit Weiss anfange und dann etwas anderes Klicken.<\/p>\n\n\n\n

Printen des Hochz\u00e4hlens?<\/strong><\/p>\n\n\n\n

\/\/ Wichtig hier : DUP – Duplizieren des obersten Elements des Stacks<\/p>\n\n\n\n

1 PUSH | 1 push | x pop | x + | x DUP | x OUT(num) <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2 gr\u00f6sser als 1?<\/strong><\/p>\n\n\n\n

xxPUSH xPUSH xGREATER \/\/ Stack 0|1<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

7*3 <\/strong><\/p>\n\n\n\n

7 push | 3 push | x* \/\/ Result on stack<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Selbstverst\u00e4ndlich kann und muss das ganze komplexer werden, wenn es um If-then Bedingungen geht. Hierzu stehen Befehle wie (Direction-)Pointer zur Verf\u00fcgung, wie man sagen kann, in welche Richtung der Cursor weiterl\u00e4uft. Und dann gibt es noch die M\u00f6glichkeit zu sagen, welchen Block man gerade ansteuert. <\/p>\n\n\n\n

Aber das scheint dann eine weitere Heldenreise zu sein. <\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Piet (Mondrian) ist ein esoterische Sprache, die in als Bild mit Farben [Eigentlich ein Farbarray] geschrieben\/gezeichnet wird. Das Ganze ist ein richtiges Game, geht es doch herauszufinden, wie das Ganze funktioniert. Leider gibt es keine M\u00f6glichkeit, den Code selbst wieder … Weiterlesen →<\/span><\/a><\/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-12531","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/posts\/12531","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=12531"}],"version-history":[{"count":11,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/posts\/12531\/revisions"}],"predecessor-version":[{"id":12564,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=\/wp\/v2\/posts\/12531\/revisions\/12564"}],"wp:attachment":[{"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gamelab.ch\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}