{"id":8998,"date":"2025-02-20T13:36:03","date_gmt":"2025-02-20T13:36:03","guid":{"rendered":"https:\/\/sites.hslu.ch\/werkstatt\/?p=8998"},"modified":"2025-02-22T11:09:18","modified_gmt":"2025-02-22T11:09:18","slug":"your-smartphone-is-a-sensorpack","status":"publish","type":"post","link":"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/","title":{"rendered":"Your Smartphone is a Sensorpack"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_class=&#187;dkw-section-lead&#187;][vc_row][vc_column width=&#187;2\/3&#8243; offset=&#187;vc_col-sm-offset-2&#8243;][vc_column_text css=&#187;&#187;]In diesem Recipie zeigen wir dir wie du ZigSim Pro eine App die Sensordaten aus deinem Handy streamen kann verwendest und mit verschiedenen Softwareumgebungen zum laufen bekommst. Dieser Post fokussiert wie diese App\u00a0 mit P5.js aber auch in MaxMSP und Touchdesigner genutzt werden kann. Die Codebeispiele wurden von Hanna Z\u00fcllig und Thomas Kn\u00fcsel zusammengetragen.[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#187;dkw-section-content&#187;][vc_row][vc_column width=&#187;1\/3&#8243; el_class=&#187;dkw-col-toc&#187; offset=&#187;vc_col-lg-3&#8243;][vc_column_text]<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Zig_Sim_Pro\" >Zig Sim Pro<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Dokumentation\" >Dokumentation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Zig_Indicator_Datastream_etablieren\" >Zig Indicator Datastream etablieren<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#P5js\" >P5.js<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Github_Code_Download\" >Github Code Download<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Installation\" >Installation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#App_Einstellungen\" >App Einstellungen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Beispiel_Scripts_starten\" >Beispiel Scripts starten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Scripts_auswaehlen\" >Scripts ausw\u00e4hlen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Code_Beispiele\" >Code Beispiele<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#MaxMSP\" >MaxMSP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/sites.hslu.ch\/werkstatt\/your-smartphone-is-a-sensorpack\/#Touch_Designer\" >Touch Designer<\/a><\/li><\/ul><\/nav><\/div>\n[\/vc_column_text][\/vc_column][vc_column width=&#187;2\/3&#8243; el_class=&#187;dkw-col-content&#187; offset=&#187;vc_col-lg-6&#8243;][vc_column_text css=&#187;&#187;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Zig_Sim_Pro\"><\/span>Zig Sim Pro<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>ist eine App die aufs Smartphone oder Tablet geladen werden kann. Sie gibt dir Zugriff auf sehr viele Sensoren die in deinem Handy verbaut sind und kann diese Sensordaten Wireless an deinen Computer senden. Wir k\u00f6nnen dadurch nicht nur beobachten was ein Handy alles potentiell aufzeichnen kann sondern wir k\u00f6nnen diese Daten auch f\u00fcr interaktionen n\u00fctzen.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Dokumentation\"><\/span>Dokumentation<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Eine Ausgezeichnete Dokumentation findest du hier:<\/p>\n<p><a href=\"https:\/\/1-10.github.io\/zigsim\/\">https:\/\/1-10.github.io\/zigsim\/<\/a><\/p>\n<div class=\"relative flex flex-col rounded-lg\">\n<h4><span class=\"ez-toc-section\" id=\"Zig_Indicator_Datastream_etablieren\"><\/span>Zig Indicator Datastream etablieren<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Hier kannst du ein Helperprogramm (Zig Indicator) herunterladen um die Verbindung zwischen deinem Smartphone und deinem PC zu testen:<\/p>\n<ul>\n<li><strong>Windows:<\/strong> <a href=\"https:\/\/zig-project.com\/release\/ZIG_indicator_v1.1.0_x64.zip\">https:\/\/zig-project.com\/release\/ZIG_indicator_v1.1.0_x64.zip<\/a><\/li>\n<li><strong>macOS:<\/strong> <a href=\"https:\/\/zig-project.com\/release\/ZIG_indicator_v1.1.0_osx.zip\">https:\/\/zig-project.com\/release\/ZIG_indicator_v1.1.0_osx.zip<\/a><\/li>\n<\/ul>\n<p>Zig Indicator hilft dir herauszufinden welche Einstellungen f\u00fcr deine \u00dcbertragung die Richtige ist.<\/p>\n<p>Um die Verbindung herstellen zu k\u00f6nnen sind folgende Eckdaten wichtig:<\/p>\n<ul>\n<li class=\"p1\"><strong>PROTOCOL<\/strong>\n<ul>\n<li class=\"p1\">UDP\/TCP<\/li>\n<\/ul>\n<\/li>\n<li class=\"p1\"><strong>IP ADDRESS<\/strong>\n<ul>\n<li class=\"p1\">z.B. 172.20.10.2 (beide Ger\u00e4te m\u00fcssen im selben Netzwerk sein.)<\/li>\n<\/ul>\n<\/li>\n<li class=\"p1\"><strong>PORT NUMBER<\/strong>\n<ul>\n<li class=\"p1\">z.B. 50000<\/li>\n<\/ul>\n<\/li>\n<li class=\"p1\"><strong>MESSAGE FORMAT<\/strong>\n<ul>\n<li class=\"p1\">JSON \/ OSC<\/li>\n<\/ul>\n<\/li>\n<li class=\"p1\"><strong>OUTPUT PORT NUMBER<\/strong>\n<ul>\n<li class=\"p1\">z.B. 50000<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Einen ersten Test zu starten musst du die Einstellungen in deiner App (Zig Sim Pro) und dem Helperprogramm (Zig Indicator) abgleichen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9020\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-1000x681.png\" alt=\"\" width=\"1000\" height=\"681\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-1000x681.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-768x523.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-1536x1045.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-848x577.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-1140x776.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-1170x796.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-1920x1307.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52-600x408.png 600w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.05.52.png 2016w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/>In der Smartphone App<\/p>\n<ol>\n<li><strong>Settings:<\/strong>\n<ol>\n<li><strong>Protocol<\/strong> unbedingt <strong>UDP<\/strong> einstellen!<\/li>\n<li><strong>IP<\/strong> gleich wie in Zig Indicator<\/li>\n<li><strong>Port<\/strong>\u00a0gleich wie in Zig Indicator<\/li>\n<li><strong>Message Format <\/strong>unbedingt<strong> JSON <\/strong>einstellen!<\/li>\n<\/ol>\n<\/li>\n<li><strong>Sensors: <\/strong>Sensoren ausw\u00e4hlen in diesem Beispiel (Acceleration, Quaternion, Compass)<\/li>\n<li><strong>Start: <\/strong>Clickst du auf &#171;Start&#187; so sollten deine Sensoren nun gestreamt werden und im ZigIndicator abgefangen werden k\u00f6nnen.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9021\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings-1000x640.png\" alt=\"\" width=\"1000\" height=\"640\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings-1000x640.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings-768x492.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings-1536x983.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings-848x543.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings-1140x730.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings-1170x749.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings-600x384.png 600w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/ZigSimSettings.png 1687w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Clickst du nun bei Zig Indicator auf Start kannst du die Sensorwerte empfangen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9022\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-1000x678.png\" alt=\"\" width=\"1000\" height=\"678\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-1000x678.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-768x521.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-1536x1042.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-2048x1389.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-848x575.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-1140x773.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-1170x794.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-1920x1302.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-14.41.58-600x407.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Wenn dieser erste Versuch erfolgreich hergestellt werden konnte k\u00f6nnen die Folgenden Experimente gestartet werden:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"P5js\"><\/span>P5.js<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Github_Code_Download\"><\/span>Github Code Download<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><a href=\"https:\/\/github.com\/MediaDock\/zigsim_P5_MaxMSP_Touchdesigner\">Github Code Package<\/a><\/p>\n<p>Um Zig Sim mit P5.js nutzen zu k\u00f6nnen m\u00fcssen wir einige kleinigkeiten installieren. Diese Anleitung befasst sich mit der Installation in Visual Studio Code. Als erstes l\u00e4dst du das Codepackage herunter und speicherst es an einem Ort der auf deinem Computer daf\u00fcr geeignet ist. Der Ordner soll w\u00e4hrend dem ganzen Prototypen nicht verschoben werden.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Installation\"><\/span>Installation<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Du brauchst <a href=\"https:\/\/nodejs.org\/en\">Node.js<\/a> f\u00fcr die folgenden Schritte falls du es noch nicht installiert hast, ist es ratsam dies jetzt zu tun.<\/p>\n<p>In Visual Studio Code \u00f6ffnest du den Ordner zigsimp5 mit dem Terminal und installierst die Dependecies in dem du folgenden Befehl ausf\u00fchrst.<\/p>\n<div class=\"relative flex flex-col rounded-lg\">\n<pre>npm init -y\r\n\r\nnpm install express ws\r\nnpm install osc ws\r\nsudo npm install -g http-server<\/pre>\n<h4><span class=\"ez-toc-section\" id=\"App_Einstellungen\"><\/span>App Einstellungen<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>In der <strong>Smartphone App<\/strong><\/p>\n<ol>\n<li><strong>Settings:<\/strong>\n<ol>\n<li><strong>Protocol<\/strong> unbedingt <strong>UDP<\/strong> einstellen!<\/li>\n<li><strong>IP<\/strong> gleich wie in Zig Indicator<\/li>\n<li><strong>Port<\/strong>\u00a0gleich wie in Zig Indicator<\/li>\n<li><strong>Message Format <\/strong>unbedingt<strong> OSC <\/strong>einstellen!<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>Im<strong> Server.js<\/strong> Script eventuell die IP und den Port (Zeile 17-21) anpassen:<\/p>\n<div>\n<pre>\/\/ Set up UDP socket for OSC\r\nconst udpPort = new osc.UDPPort({\r\nlocalAddress:<strong>\"172.20.10.2\"<\/strong>,\r\nlocalPort:<strong>50000<\/strong>\r\n});\r\n\r\n<\/pre>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"Beispiel_Scripts_starten\"><\/span>Beispiel Scripts starten<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n<p>Nachdem du alle dependencies installiert hast und die App Einstellungen, sowie Scripanpassungen vorgenommen hast, sollte es m\u00f6glich sein das Server.js script im Terminal zu starten und die Beispiele zu starten: \u00d6ffne das Terminal im Ordner zigsimp5 und f\u00fcre folgenden Befehl aus:<\/p>\n<pre><span class=\"token\"># Terminal 1<\/span>\r\n<span class=\"token\">cd<\/span> zigsimp5\r\n<span class=\"token\">node<\/span> server.js<\/pre>\n<p>\u00d6ffne ein zweites Terminal und f\u00fchr folgenden Befehl aus:<\/p>\n<pre><span class=\"token\"># Terminal 2<\/span> \r\n<span class=\"token\">cd<\/span> zigsimp5\/public \r\nhttp-server<\/pre>\n<p>Im Terminal solltest du nun eine IP angezeigt bekommen die du in einem Browser \u00f6ffnen kannst:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9026\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-15.33.30-1000x381.png\" alt=\"\" width=\"1000\" height=\"381\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-15.33.30-1000x381.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-15.33.30-768x292.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-15.33.30-848x323.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-15.33.30-1140x434.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-15.33.30-1170x445.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-15.33.30-600x228.png 600w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-12-um-15.33.30.png 1408w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>In meinem Beispiel ist es <strong>127.0.0.1:8080<\/strong> oder <strong>127.20.10.2:8080\u00a0<\/strong>\u00f6ffne ich eine dieser Adressen sehe ich das aktive Script.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Scripts_auswaehlen\"><\/span>Scripts ausw\u00e4hlen<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h4><span class=\"ez-toc-section\" id=\"Code_Beispiele\"><\/span>Code Beispiele<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Als Beispiele haben wir dir folgendes Vorbereitet:<\/p>\n<\/div>\n<p><strong>AllDataDisplay.js<\/strong><\/p>\n<p>Dieses Script zeigt dir diverse Sensordaten als Rohe Zahlen im Display an.<\/p>\n<p><strong>Zig Sim Pro<\/strong><\/p>\n<ul>\n<li>Acceleration<\/li>\n<li>\u00a0Gyro<\/li>\n<li>Quaternion<\/li>\n<li>Compass<\/li>\n<li>GPS<\/li>\n<li>Touch<\/li>\n<li>MicLevel<\/li>\n<li>Battery<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9032\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-1000x558.png\" alt=\"\" width=\"1000\" height=\"558\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-1000x558.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-768x429.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-1536x858.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-2048x1143.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-848x473.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-1140x636.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-1170x653.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-1920x1072.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/AllDataDisplayJS-600x335.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><strong>Orientation_Loudness.js<\/strong><\/p>\n<p>Dieses Script zeigt dir die Wirkweisen von drei Sensoren in P5.js:<\/p>\n<ol>\n<li>Microphone Level als W\u00fcrfel der gr\u00f6sser wird &#8211; je lauter desto roter<\/li>\n<li>Accelerometer als Scrolling Data Plott f\u00fcr x, y und z Achse<\/li>\n<li>Quaternion Ausrichtung als Achsendarstellung f\u00fcr x, y und z Achse<\/li>\n<\/ol>\n<p><strong>Zig Sim Pro<\/strong><\/p>\n<ul>\n<li>Acceleration<\/li>\n<li>MicLevel<\/li>\n<li>Quaternion<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9031\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-1000x558.png\" alt=\"\" width=\"1000\" height=\"558\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-1000x558.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-768x429.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-1536x858.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-2048x1143.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-848x473.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-1140x636.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-1170x653.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-1920x1072.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Orientation_LoudnessJS-600x335.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><strong>Beautyfied_Phone_Orientation_Loudness_Acc.js<\/strong><\/p>\n<p>Dieses Script vereint die obenren drei Sensorwerte in eine Darstellungsform:<\/p>\n<ol>\n<li>Orientierung (Quaternion &#8211; Wert) -&gt; Cube Ausrichtung<\/li>\n<li>Lautst\u00e4rke (Microphone Level) -&gt; Gr\u00f6sse<\/li>\n<li>Accelerometer -&gt; Farbigkeit des Cubes<\/li>\n<\/ol>\n<p><strong>Zig Sim Pro<\/strong><\/p>\n<ul>\n<li>Acceleration<\/li>\n<li>MicLevel<\/li>\n<li>Quaternion<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9033\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-1000x558.png\" alt=\"\" width=\"1000\" height=\"558\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-1000x558.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-768x429.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-1536x858.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-2048x1143.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-848x473.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-1140x636.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-1170x653.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-1920x1072.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Beautyfied_Phone_Orientation_Loudness_AccJS-600x335.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<div><strong>ARKit_Device_DataDisplay_RawData.js<\/strong><\/div>\n<div>Dieses Script ist als Hello World des ARKits gedacht<\/div>\n<div>Folgendes sollte im Zig Sim Pro App eingestellt werden:<\/div>\n<div><strong>Zig Sim Pro<\/strong><\/div>\n<ul>\n<li>ARKit<\/li>\n<li>Tracking Type: <strong>Device<\/strong><\/li>\n<li>Feature Points: <strong>On<\/strong><\/li>\n<\/ul>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9037\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-1000x558.png\" alt=\"\" width=\"1000\" height=\"558\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-1000x558.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-768x429.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-1536x858.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-2048x1143.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-848x473.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-1140x636.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-1170x653.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-1920x1072.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.10.26-600x335.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/h3>\n<div>\n<div><strong>ARKit_Device_DataDisplay_VIZ.js<\/strong><\/div>\n<div>Dieses Script baut auf dem ersten Example auf und zeigt dir zus\u00e4tzlich die Punkte live in einer 3D Visualisierung an.<\/div>\n<\/div>\n<div>\n<div><strong>Zig Sim Pro<\/strong><\/div>\n<ul>\n<li>ARKit<\/li>\n<li>Tracking Type: <strong>Device<\/strong><\/li>\n<li>Feature Points: <strong>On<\/strong><\/li>\n<\/ul>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9039\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-1000x558.png\" alt=\"\" width=\"1000\" height=\"558\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-1000x558.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-768x429.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-1536x858.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-2048x1143.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-848x473.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-1140x636.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-1170x653.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-1920x1072.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.14.59-600x335.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<div>\n<div>\n<div>\n<div><strong>ARKit_Device_Scanner.js<\/strong><\/div>\n<\/div>\n<\/div>\n<div>Dieses Script ist ein primitver 3D Scanner der bis zu 10000 Trackingpunkte speichert und die Umgebung simpel darstellen und speichern kann.<\/div>\n<\/div>\n<div>\n<div><strong>Zig Sim Pro<\/strong><\/div>\n<ul>\n<li>ARKit<\/li>\n<li>Tracking Type: <strong>Device<\/strong><\/li>\n<li>Feature Points: <strong>On<\/strong><\/li>\n<\/ul>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9040\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-1000x558.png\" alt=\"\" width=\"1000\" height=\"558\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-1000x558.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-768x429.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-1536x858.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-2048x1143.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-848x473.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-1140x636.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-1170x653.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-1920x1072.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.17.14-600x335.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/h3>\n<div>\n<div>\n<div>\n<p><strong>ARKit_Face_Featurepoints_DataDisplay.js<\/strong><\/p>\n<p>Dieses Script ist der Datadump f\u00fcr die Messpunkte die aus einem Gesicht gewonnen werden k\u00f6nnen.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<div><strong>Zig Sim Pro<\/strong><\/div>\n<ul>\n<li>ARKit<\/li>\n<li>Tracking Type: <strong>Face<\/strong><\/li>\n<li>Feature Points: <strong>On<\/strong><\/li>\n<\/ul>\n<\/div>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9042\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-1000x558.png\" alt=\"\" width=\"1000\" height=\"558\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-1000x558.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-768x429.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-1536x858.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-2048x1143.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-848x473.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-1140x636.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-1170x653.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-1920x1072.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-15.52.44-600x335.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/h3>\n<div>\n<div>\n<div><strong>ARKit_Face_EyeHeadOrientation_VIZ.js<\/strong><\/div>\n<\/div>\n<p>Dieses Script ist ein rudiment\u00e4rer &#171;Spiegel&#187; der deine Kopfbewegungen, dein Blinzeln und deine Blickachse aufzeigt.<\/p>\n<p><strong>Zig Sim Pro<\/strong><\/p>\n<\/div>\n<div>\n<ul>\n<li>ARKit<\/li>\n<li>Tracking Type: <strong>Face<\/strong><\/li>\n<li>Feature Points: <strong>On<\/strong><\/li>\n<\/ul>\n<\/div>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9043\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-1000x558.png\" alt=\"\" width=\"1000\" height=\"558\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-1000x558.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-768x429.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-1536x858.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-2048x1143.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-848x473.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-1140x636.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-1170x653.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-1920x1072.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-14-um-16.03.49-600x335.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/h3>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div><strong>ARKit_Face_EyeHeadOrientation_VIZ.js<\/strong><\/div>\n<\/div>\n<p>Dieses Script ist ein rudiment\u00e4rer &#171;Spiegel&#187;der ein simples Gesicht animiert.<\/p>\n<p><strong>Zig Sim Pro<\/strong><\/p>\n<\/div>\n<div>\n<ul>\n<li>ARKit<\/li>\n<li>Tracking Type: <strong>Face<\/strong><\/li>\n<li>Feature Points: <strong>On<\/strong><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9123\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-1000x650.png\" alt=\"\" width=\"1000\" height=\"650\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-1000x650.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-768x499.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-1536x999.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-2048x1331.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-848x551.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-1140x741.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-1170x761.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-1920x1248.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-14.24.36-600x390.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/>ImageDetection_QR.js<\/strong><\/div>\n<\/div>\n<\/div>\n<p>Dieses Script Zeigt dir die Basisdaten des QR Detectors an.<\/p>\n<p><strong>Zig Sim Pro<\/strong><\/p>\n<\/div>\n<div>\n<ul>\n<li>Image Detection<\/li>\n<li>Tracking Type: <strong>QR<\/strong><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9118\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-1000x650.png\" alt=\"\" width=\"1000\" height=\"650\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-1000x650.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-768x499.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-1536x999.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-2048x1331.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-848x551.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-1140x741.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-1170x761.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-1920x1248.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.39.46-600x390.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<div>\n<div>\n<div><strong>ImageDetection_QR_Datastream_Beautyfied.js<\/strong><\/div>\n<\/div>\n<\/div>\n<p>Dieses Script Zeigt dir die Funktionsweise des QR Detectors an. Es ist auch M\u00f6glich verschiedene Typen von QR Codes zu identifizieren.<\/p>\n<div>\n<div>\n<p><strong>Zig Sim Pro<\/strong><\/p>\n<\/div>\n<div>\n<ul>\n<li>Image Detection<\/li>\n<li>Tracking Type: <strong>QR<\/strong><\/li>\n<\/ul>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9119\" src=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-1000x638.png\" alt=\"\" width=\"1000\" height=\"638\" srcset=\"https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-1000x638.png 1000w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-768x490.png 768w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-1536x980.png 1536w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-2048x1307.png 2048w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-848x541.png 848w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-1140x728.png 1140w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-1170x747.png 1170w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-1920x1225.png 1920w, https:\/\/sites.hslu.ch\/werkstatt\/wp-content\/uploads\/sites\/13\/2025\/02\/Bildschirmfoto-2025-02-20-um-13.34.50-600x383.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/strong><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Die Beispiele die wir im P5 gezeigt haben sind auch in anderen Programmierumgebungen nutzbar.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"MaxMSP\"><\/span>MaxMSP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<p>Diese App habe ich auf <a href=\"https:\/\/www.youtube.com\/watch?v=l8EEtlV5wmQ\">Federico Fonderaro`s Video auf seinem Youtube Channel&#187;Amazing Max Stuff&#187;<\/a> entdeckt und alle nachfolgenden Beispiele basieren auf seinem gezeigten Video. Falls euch diese Beispiele helfen, lasst ihm ein Like da oder bezahlt ihm einen Kaffee! Federico bringt immer wieder interessante Videos raus &#8211; eine Empfehlung![\/vc_column_text][vc_video link=&#187;<a href=\"https:\/\/www.youtube.com\/watch?v=l8EEtlV5wmQ&#038;#187\" rel=\"nofollow\">https:\/\/www.youtube.com\/watch?v=l8EEtlV5wmQ&#038;#187<\/a>; css=&#187;&#187;][vc_column_text css=&#187;&#187;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Touch_Designer\"><\/span>Touch Designer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Das Example Script von ZigSim findest du auch auf unserem Github account. Das Tutorial findest du hier: <a href=\"https:\/\/1-10.github.io\/zigsim\/tutorial.html#using-touchdesigner\">https:\/\/1-10.github.io\/zigsim\/tutorial.html#using-touchdesigner<\/a>[\/vc_column_text][\/vc_column][vc_column width=&#187;1\/3&#8243; el_class=&#187;dkw-col-micro&#187; offset=&#187;vc_col-lg-3&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#187;dkw-dontprint&#187;][vc_row disable_element=&#187;yes&#187;][vc_column][vc_column_text]\u2014 \u2014 \u2014 INFO: In beiden nachfolgenden Post Grids die passenden Recipies und die passenden Talks\u00a0 ausw\u00e4hlen \u2014 \u2014 \u2014<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2>Passende Tools<\/h2>\n<p>[\/vc_column_text][vc_basic_grid post_type=&#187;ids&#187; element_width=&#187;2&#8243; gap=&#187;10&#8243; item=&#187;517&#8243; css=&#187;&#187; grid_id=&#187;vc_gid:1740144322001-a953208a-2fcf-10&#8243; include=&#187;3789, 4436, 5175&#8243;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section el_class=&#187;dkw-section-lead&#187;][vc_row][vc_column width=&#187;2\/3&#8243; offset=&#187;vc_col-sm-offset-2&#8243;][vc_column_text css=&#187;&#187;]In diesem Recipie zeigen wir dir wie du ZigSim Pro eine App die Sensordaten aus deinem Handy streamen kann verwendest [&hellip;]<\/p>\n","protected":false},"author":50,"featured_media":9122,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15,11],"tags":[],"class_list":["post-8998","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mediadock","category-recipies"],"acf":[],"_links":{"self":[{"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/posts\/8998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/comments?post=8998"}],"version-history":[{"count":16,"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/posts\/8998\/revisions"}],"predecessor-version":[{"id":9135,"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/posts\/8998\/revisions\/9135"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/media\/9122"}],"wp:attachment":[{"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/media?parent=8998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/categories?post=8998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.hslu.ch\/werkstatt\/wp-json\/wp\/v2\/tags?post=8998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}