{"id":4526,"date":"2025-05-28T14:03:21","date_gmt":"2025-05-28T14:03:21","guid":{"rendered":"https:\/\/research.swissdigitization.ch\/?p=4526"},"modified":"2025-06-02T07:39:58","modified_gmt":"2025-06-02T07:39:58","slug":"interaktive-ballweltalle","status":"publish","type":"post","link":"https:\/\/research.swissdigitization.ch\/?p=4526","title":{"rendered":"Interaktive BallWeltalle"},"content":{"rendered":"\n<p>Ein bisschen ActioncodingZ<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 866 \/ 720;\" width=\"866\" autoplay controls muted src=\"https:\/\/research.swissdigitization.ch\/wp-content\/uploads\/2025\/05\/Screen-2025-05-28-155825-2.mp4\"><\/video><\/figure>\n\n\n\n<!--more-->\n\n\n\n<p><\/p>\n\n\n\n<p>Der ActionCode dazu ist nicht besonders kompliziert.<br><br>\/\/ SOURCECODE FROM  STORY Stars*<br>\/\/ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br>\/\/ || STARS *            |||<br>\/\/ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br><br>function getTitle() { return &#8218;STARS *&#8216;; }<br>function getStory() { return &#8218;&#8230;&#8216;; }<br><br>var sizeStone = 20;<br>var radicalVersion = true;<br><br>class Obj {<br>\tconstructor(x,y,typeo) {<br>      this.active = true;<br>      this.x = x;<br>      this.y = y;<br>      this.vx = random(1,4);<br>      this.vy = 0;<br>      this.typeo = typeo;<br>      this.size = 10;<br>    }<br>}<br><br>var arrObjects = [];<br><br>function addObj( x, y, typeo ) {<br>  var objx = new Obj(x,y,typeo);<br>  arrObjects.push(objx);  <br>  return objx;<br>}<br><br>for (var z=1;z&lt;90;z++) {<br>  var ob = addObj( 0,0, &#8222;stone&#8220; );<br>  ob.x = random(0,width\/2);<br>  ob.y = random(10,height-10);<br>}<br><br>var score = 0;<br>var timerz = 0;<br><br>var selectedObj = null;<br><br>function drawAfter() {<br>    <br>  fill(0,0,0,128);<br>  text(score,20,20);<br><br>  for (var t=0;t&lt;arrObjects.length;t++) {<br>  \tvar ob = arrObjects[t];<br>    if (ob.active) {<br><br>\t   fill(0,0,0,128);<br>       <br>       if (selectedObj==ob) fill(0,0,255,128);<br>       <br>       var sizT = ob.size;<br>       <br>      sizT = sin(ob.x*4)*30.0;<br>       <br>      circle(ob.x,ob.y, sizT ); <br>      <br>       <br>       <br>    <br>       \/\/if (ob.typeo==&#8220;ball&#8220;) {<br>         ob.x += ob.vx;<br>         ob.y += ob.vy;<br>       \/\/}<br>       <br>       if (ob.x&gt;width) {<br>       \tob.x = -100;<br>       }<br>    <br>       \/\/ dist to obj<br>       \t var di = dist(ob.x,ob.y,mouseX,mouseY);<br>       \t if (di&lt;20) {<br>           \/\/ cprint(&#8220; AAA &#8222;);<br>           \/\/ ob.active = false;<br>           selectedObj = ob;<br>           ob.size += 2;<br>         }<br>    } <br>  }<br>}<br><br>\/\/ editorcode  <br><br>function update() {<br>  \/\/ radicalVersion = false; <br>  \/\/ cclear();<br>  \/\/ ccVM.executorSpeed = 20;<br>  \/\/ ccVM.executorSpeed = 1;<br>  selectedObj.x += 3;<br>  \/\/ timerz ++;<br>}<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 882 \/ 720;\" width=\"882\" controls src=\"https:\/\/research.swissdigitization.ch\/wp-content\/uploads\/2025\/05\/Screen-2025-05-28-160059.mp4\"><\/video><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>\n\n\nInteraktiver:\n\n\/\/ SOURCECODE FROM  STORY Stars*\n\/\/ -------------------------\n\/\/ || STARS *            |||\n\/\/ -------------------------\n\nfunction getTitle() { return 'STARS *'; }\nfunction getStory() { return '...'; }\n\nvar sizeStone = 20;\nvar radicalVersion = true;\n\nclass Obj {\n\tconstructor(x,y,typeo) {\n      this.active = true;\n      this.x = x;\n      this.y = y;\n      this.vx = random(1,4);\n      this.vy = 0;\n      this.typeo = typeo;\n      this.size = 10;\n    }\n}\n\nvar arrObjects = &#91;];\n\nfunction addObj( x, y, typeo ) {\n  var objx = new Obj(x,y,typeo);\n  arrObjects.push(objx);  \n  return objx;\n}\n\nfor (var z=1;z&lt;90;z++) {\n  var ob = addObj( 0,0, \"stone\" );\n  ob.x = random(0,width\/2);\n  ob.y = random(10,height-10);\n}\n\nvar score = 0;\nvar timerz = 0;\n\nvar selectedObj = null;\n\nfunction drawAfter() {\n    \n  fill(0,0,0,128);\n  text(score,20,20);\n\n  for (var t=0;t&lt;arrObjects.length;t++) {\n  \tvar ob = arrObjects&#91;t];\n    if (ob.active) {\n\n\t   fill(0,0,0,128);\n       \n       if (selectedObj==ob) fill(0,0,255,128);\n       \n       var sizT = ob.size;\n       \n        sizT = sin(ob.x*4)*ob.size;\n       \n      circle(ob.x,ob.y, sizT ); \n      \n       \n       \n    \n       \/\/if (ob.typeo==\"ball\") {\n         ob.x += ob.vx;\n         ob.y += ob.vy;\n       \/\/}\n       \n       if (ob.x&gt;width) {\n       \tob.x = -100;\n       }\n    \n       \/\/ dist to obj\n       \t var di = dist(ob.x,ob.y,mouseX,mouseY);\n       \t if (di&lt;20) {\n           \/\/ cprint(\" AAA \");\n           \/\/ ob.active = false;\n           selectedObj = ob;\n           ob.size += 2;\n         }\n    } \n  }\n}\n\n\/\/ editorcode  \n\nfunction update() {\n  \/\/ radicalVersion = false; \n  \/\/ cclear();\n  \/\/ ccVM.executorSpeed = 20;\n  \/\/ ccVM.executorSpeed = 1;\n  selectedObj.x += 3;\n  \/\/ timerz ++;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Ein bisschen ActioncodingZ<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4526","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=\/wp\/v2\/posts\/4526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4526"}],"version-history":[{"count":3,"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=\/wp\/v2\/posts\/4526\/revisions"}],"predecessor-version":[{"id":4543,"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=\/wp\/v2\/posts\/4526\/revisions\/4543"}],"wp:attachment":[{"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/research.swissdigitization.ch\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}