[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"P3fWzs2SN7YHI0Hzz4VmDBtztCWcZNWWVcd9hcTLab8":75,"HAoXF6Ajk4awhlQm14ngrYL6CZCBPTpx_QBXvlfvIaA":180,"_apollo:default":225},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":170,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":173,"author":174},"NodeWpPost","989","Ein kleiner Ausflug in die Welt der Elektronik - Ein Spiel mit dem Raspberry Pi",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1406023340,"UTC","+00:00","2014-07-22T10:02:20+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Ein kleiner Ausflug in die Welt der Elektronik - Ein Spiel mit dem Raspberry Pi | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":102},"MetaTagLink","link",{"__typename":103,"href":104,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":112,"id":113,"name":114,"path":115,"status":20,"weight":116,"description":117,"langcode":121,"changed":122,"metatag":125},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":118,"processed":119,"format":120},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":123,"timezone":85,"offset":86,"time":124},1713772777,"2024-04-22T07:59:37+00:00",[126,129,133],{"__typename":93,"tag":94,"attributes":127},{"__typename":96,"name":97,"content":128},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":130},{"__typename":96,"name":131,"content":132},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":134},{"__typename":103,"href":135,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[137,142,146,150,154,158,162,166],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","80","angular","/tag/angular",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"148","Bene","/tag/bene",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"389","elektronik","/tag/elektronik",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"988","popup","/tag/popup",{"__typename":138,"id":155,"name":156,"path":157,"weight":116},"1042","raspberry pi","/tag/raspberry-pi",{"__typename":138,"id":159,"name":160,"path":161,"weight":116},"1082","rest","/tag/rest",{"__typename":138,"id":163,"name":164,"path":165,"weight":116},"1223","spiel","/tag/spiel",{"__typename":138,"id":167,"name":168,"path":169,"weight":116},"1405","UX","/tag/ux",{"__typename":171,"processed":172,"format":120,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv alt=\"rpi\" data-entity-type=\"media\" data-entity-uuid=\"ada488a8-683c-439e-95fd-2bbd2bff7af3\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=luZTtt54 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=HRx5SkBZ 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=GK7ZG1BA 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=X3alnGaG 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=5pnZgfOr 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=GB1AJvD3 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=K8elLq2Q 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=7yLUzQDI 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=lF0akjEZ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.webp?itok=raoV95Tp 2x\" type=\"image/webp\" width=\"1000\" height=\"400\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"400\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/07/rpi1-1.png.jpg?itok=raoV95Tp\" alt=\"rpi\" title=\"Ausflug in die Welt der Elektronik\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>\u003Cbr>\nIm Zuge des Werbeplanung.at Summits 2014 konnte ich mir einen lang gehegten Wunsch erfüllen: Neben rein digitalen Projekten wie Websites und Apps konnte ich im Zuge unseres Lab-Days auch einmal mit etwas Elektronik basteln. Die Idee: \u003Ca href=\"http://de.wikipedia.org/wiki/Senso_(Spiel)\" target=\"_blank\" rel=\"noopener noreferrer\">Senso\u003C/a> als „angreifbares“ Spiel zu bauen, das nicht nur mit Tastatur oder Maus am Computer zu spielen ist, sondern wirklichen, haptischen Input der Spieler erfordert.\u003C/p>\n\u003Ch2>Die Vorbereitung\u003C/h2>\n\u003Cp>Nachdem ich erst Ende letzten Jahres in die Welt der Elektronik ‚gekippt‘ bin, stellte mich schon die Auswahl der benötigten Bauteile vor eine kleine Herausforderung. Nach einem kurzen Brainstorming der gewünschten Features des Spiels (Input durch Berührung, audiovisuelles Feedback an den Benutzer & die Möglichkeit, das Spiel auch auf einem Display zu visualisieren) fiel die Entscheidung schnell auf einen \u003Ca href=\"http://www.raspberrypi.org/\" target=\"_blank\" rel=\"noopener noreferrer\">Raspberry Pi\u003C/a>. Anders als z.B. bei einem Arduino konnten hier ohne Erweiterungen (Shields) direkt Netzwerk & Display angeschlossen werden, was die Kommunikation natürlich deutlich vereinfachte.\u003Cbr>\nAuch die Suche nach ‚Input-Devices‘ gestaltete sich zum Glück sehr einfach. Unser Kunde \u003Ca href=\"http://bene.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Bene\u003C/a> hat Hocker im Sortiment, die durch die verschiedenen Farben ideal für das Spiel geeignet sind: Die \u003Ca href=\"http://bene.com/de/produkte-raumkonzepte/bueromoebel/parcs-pop-up-stool/\" target=\"_blank\" rel=\"noopener noreferrer\">PARCS Popup-Stools\u003C/a>.\u003C/p>\n\u003Ch2>Der technische Aufbau\u003C/h2>\n\u003Cdiv alt=\"popup_2\" data-entity-type=\"media\" data-entity-uuid=\"777c21bf-4aa9-46ce-be16-d76bd4eed549\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=yuWVJ5iK 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=xPf3xCDI 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"514\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=2fz4KPGk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=Y7OLTCgT 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"514\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=5rH2xZcH 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=_8i2e_2M 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"383\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=Bv_UHjty 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=yLo-RSWI 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"247\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=2kHHQqLy 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.webp?itok=dn0yP3hK 2x\" type=\"image/webp\" width=\"1000\" height=\"514\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"514\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/07/popup_21-1.jpg.jpg?itok=dn0yP3hK\" alt=\"popup_2\" title=\"Ausflug in die Welt der Elektronik\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cdiv alt=\"popup_1\" data-entity-type=\"media\" data-entity-uuid=\"df16fbc0-8cd2-499a-9bb4-17cc624aa52f\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=lcxISfrV 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=ptS6r_b0 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"567\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=kiiHaEcZ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=N_WytBg9 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"567\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=jvJ_NWsP 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=ydjLItda 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"422\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=I8Pph_Yj 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=dTh7SchK 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"272\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=D2zPXeh_ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.webp?itok=dUQG6IjP 2x\" type=\"image/webp\" width=\"1000\" height=\"567\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"567\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/07/popup_11-1.jpg.jpg?itok=dUQG6IjP\" alt=\"popup_1\" title=\"Ausflug in die Welt der Elektronik\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Nachdem die Grundkomponenten abgesteckt waren, ging es an den technischen Aufbau. Um dem Benutzer direktes Feedback zu geben, entschieden wir uns LED-Streifen am Korpus unter dem Stoffbezug einzusetzen. Die Verkabelung mit dem Raspberry Pi gestaltete sich dabei relativ simpel: Ein Laststromkreis versorgte die LEDs mit Strom und 4 Pins am Raspberry Pi konnten je nach Bedarf die einzelnen LED-Streifen ein- und ausschalten.\u003Cbr>\nSchwieriger gestaltete sich die Erkennung von ‚Schlägen‘ auf die Hocker. Nachdem wir zunächst mit Vibrations-Sensoren experimentierten – diese aber zu Fehleranfällig waren – viel unsere Entscheidung schließlich auf Druck-Sensoren, die einen Unterschied im Druck (bei einem Schlag) auf die Hocker messen konnten. Da wir die Hocker nicht zerstören wollten (Bezug abziehen und neu aufziehen) mussten wir die Drucksensoren unter einem der vier Standbeine der Hocker anbringen, was zu einem weiteren Problem führte: Anders als z.B. ein Arduino hat der Raspberry Pi nur Digitaleingänge. Da die Hocker aber natürlich ein Eigengewicht haben, sendet der Drucksensor immer ein „1“.\u003Cbr>\n\u003Cbr>\nDie Lösung für dieses Problem fand sich schließlich in einem Analog-Digital-Wandler, der die analogen Spannungsänderungen im Druck-Sensor in digitale Werte von 0 bis 1 wandeln konnte.\u003Cbr>\nNach anfänglichen Tests stellte sich diese Methode schnell als beste Wahl heraus. Die Komponenten wurden alle zusammen auf eine Lochraster-Platine gelötet.\u003Cbr>\n\u003C/p>\n\u003Ch2>Die Software\u003C/h2>\n\u003Cdiv alt=\"popup_3\" data-entity-type=\"media\" data-entity-uuid=\"64cf6a0d-90ea-414d-b881-5d2b14d5ec95\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=KTKicZQQ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=moFHx25y 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"643\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=pQ2l9lOQ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=w8wEfyyy 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"643\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=VxPcRv6Q 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=m8VDAysU 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"479\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=PpflZodZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=B6iu1D3l 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"309\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=vLvfnCDG 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.webp?itok=bDicptKd 2x\" type=\"image/webp\" width=\"1000\" height=\"643\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"643\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/07/popup_31-1.jpg.jpg?itok=bDicptKd\" alt=\"popup_3\" title=\"Ausflug in die Welt der Elektronik\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Auch für das Basissystem zeigte sich schnell, dass der Raspberry Pi die ideale Wahl war. Um die Digital Ein-/Ausgänge ansteuern zu können, viel die Entscheidung schnell auf \u003Ca href=\"https://code.google.com/p/webiopi/\" target=\"_blank\" rel=\"noopener noreferrer\">WebIOPi\u003C/a>. Damit konnten die benötigten Befehle per REST-API direkt an den Raspberry Pi gesendet werden. Das kam uns als Web-Developer natürlich enorm zu Gute, weil wir sonst Python-Skripte hätten schreiben müssen, um die selbe Funktionalität wie durch WebIOPi zu erhalten.\u003Cbr>\nNachdem das Basissystem eingerichtet war begannen wir damit, die Benutzeroberfläche für das Spiel zu gestalten und die App dazu zu schreiben. Da es sich beim digitalen Teil des Spieles anbot, haben wir \u003Ca href=\"https://angularjs.org/\" target=\"_blank\" rel=\"noopener noreferrer\">AngularJS\u003C/a> verwendet, um die Logik zu implementieren.\u003Cbr>\n\u003Cbr>\nDer schwierigste Teil der Software-Seite war definitiv der Algorithmus, um Schläge sicher zu detektieren, ohne dabei ‚Blindauslösungen‘ (z.B. durch Bewegung des Bodens durch vorbeigehende Personen) als Input zu werten.\u003Cbr>\nUm dem Spieler auch hörbares Feedback zu geben, wurde jedem Hocker ein Ton der Tonleiter zugeordnet. Bei einem Schlag darauf wurde der Ton am Fernseher abgespielt.\u003C/p>\n\u003Ch2>Der Spielablauf\u003C/h2>\n\u003Cp>Zu Beginn des Spiels erzeugt der Computer drei zufällige Farben, die der Spieler nachspielen muss. Schafft er das, erzeugt der Computer jeweils eine weiter Farbe und der Spieler muss die gesamte bisherige Farbfolge und die neue Farbe nachspielen. Was grundsätzlich einfach klingt, wird in der Praxis schon ab 8 Farben zur Herausforderung. Der Highscore liegt bei 14 gespielten Farbkombinationen.\u003Cbr>\n\u003Ciframe src=\"//player.vimeo.com/video/100105527\" width=\"1000\" height=\"562\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\">\u003C/iframe>\u003C/p>\n\u003Ch2>Aus- & Rückblick\u003C/h2>\n\u003Cp>Auch wenn wir das Spiel mit Sicherheit nicht für den Massenmarkt weiterentwickeln werden, möchten wir es für den zukünftigen Einsatz um einige Features erweitern. Die Entwicklung des Spiels hat uns die Chance geboten, abseits unserer Kernkompetenzen wichtige Erfahrung bei der Softwareentwicklung zu sammeln – und Spaß hat die Arbeit vor allem auch gemacht.\u003Cbr>\nLäuft alles nach Plan, kann das Spiel in einer „Version 2“ auf unserer eigenen Konferenz, der \u003Ca href=\"http://digitalvisions.at/\">Digitalvisions 2014\u003C/a> gespielt werden!\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Ein kleiner Ausflug in die Welt der Elektronik - Ein Spiel mit dem Raspberry Pi - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Im Zuge des Werbeplanung.at Summits 2014 konnte ich mir einen lang gehegten Wunsch erfüllen: Neben rein digitalen Projekten wie Websites und Apps konnte ich im Zuge unseres Lab-Days auch einmal mit etwas Elektronik basteln. Die Idee: Senso als „angreifbares“ Spiel zu bauen, das nicht nur mit Tastatur oder Maus am Computer zu spielen ist, sondern wirklichen, […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2014-07-22T12:02:20+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2014/07/rpi1-1.png\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"4 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2014/07/rpi1-1.png\",\"width\":1000,\"height\":400,\"caption\":\"Ausflug in die Welt der Elektronik\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi/\",\"name\":\"Ein kleiner Ausflug in die Welt der Elektronik - Ein Spiel mit dem Raspberry Pi - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi/#primaryimage\"},\"datePublished\":\"2014-07-22T12:02:20+00:00\",\"dateModified\":\"2014-07-22T12:02:20+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/b24fd61d8a4acf49d8c56f320617f6ec\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/b24fd61d8a4acf49d8c56f320617f6ec\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":175,"id":176,"myRole":177,"name":178,"nickname":179},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":181},[182,200,213],{"__typename":79,"id":183,"title":184,"path":185,"wpTeaserText":186,"wpPromotedTeaserImage":13,"wpHeaderImage":187},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":188,"id":189,"excludeFromScreenreader":13,"mediaImage":190,"name":198,"path":199,"status":20},"MediaImage","3364",{"__typename":191,"url":192,"width":193,"height":194,"alt":195,"title":13,"size":196,"mime":197},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":201,"title":202,"path":203,"wpTeaserText":204,"wpPromotedTeaserImage":13,"wpHeaderImage":205},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":188,"id":206,"excludeFromScreenreader":13,"mediaImage":207,"name":211,"path":212,"status":20},"3355",{"__typename":191,"url":208,"width":193,"height":194,"alt":209,"title":13,"size":210,"mime":197},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":214,"title":215,"path":216,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":217},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":188,"id":218,"excludeFromScreenreader":21,"mediaImage":219,"name":223,"path":224,"status":20},"3303",{"__typename":191,"url":220,"width":193,"height":194,"alt":221,"title":13,"size":222,"mime":197},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":226,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":227,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":231,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":234,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":237,"Menu:footer":240,"ROOT_QUERY":250,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":266,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":269,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":272,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":275,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":278,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":281,"Menu:nuxt-main-menu":284,"TermCategories:8":298,"TermTags:80":309,"TermTags:148":310,"TermTags:389":311,"TermTags:988":312,"TermTags:1042":313,"TermTags:1082":314,"TermTags:1223":315,"TermTags:1405":316,"User:23":317,"NodeWpPost:989":318,"MediaImage:3364":351,"NodeWpPost:1619":353,"MediaImage:3355":356,"NodeWpPost:1616":358,"MediaImage:3303":361,"NodeWpPost:1606":363},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",228,"internal",20,"expanded",21,"attributes",230],{"__ref":229},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",232,"internal",20,"expanded",21,"attributes",233],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",235,"internal",20,"expanded",21,"attributes",236],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",238,"internal",21,"expanded",21,"attributes",239],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",241],[242,244,246,248],{"__ref":243},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":245},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":247},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":249},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",251,"menu({\"name\":\"FOOTER\"})",252,"menu({\"name\":\"NUXT_MAIN_MENU\"})",254,"route({\"path\":\"/blog/ein-kleiner-ausflug-in-die-welt-der-elektronik-ein-spiel-mit-dem-raspberry-pi\"})",256,"latestKnowhow({\"excludeId\":\"989\",\"limit\":3})",259],"Query",{"__ref":253},"Menu:footer",{"__ref":255},"Menu:nuxt-main-menu",["null","__typename",77,"entity",257],{"__ref":258},"NodeWpPost:989",[260,262,264],{"__ref":261},"NodeWpPost:1619",{"__ref":263},"NodeWpPost:1616",{"__ref":265},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",267,"internal",20,"expanded",21,"attributes",268],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",270,"internal",20,"expanded",21,"attributes",271],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",273,"internal",20,"expanded",21,"attributes",274],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",276,"internal",20,"expanded",21,"attributes",277],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",279,"internal",20,"expanded",21,"attributes",280],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",282,"internal",20,"expanded",21,"attributes",283],{"__ref":229},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",285],[286,288,290,292,294,296],{"__ref":287},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":289},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":291},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":293},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":295},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":297},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",299,"langcode",300,"changed",301,"metatag",302],["null","__typename",118,"processed",119,"format",120],{"__ref":229},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[303,305,307],["null","__typename",93,"tag",94,"attributes",304],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",306],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",308],["null","__typename",103,"href",135,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",138,"id",139,"name",140,"path",141,"weight",116],["null","__typename",138,"id",143,"name",144,"path",145,"weight",116],["null","__typename",138,"id",147,"name",148,"path",149,"weight",116],["null","__typename",138,"id",151,"name",152,"path",153,"weight",116],["null","__typename",138,"id",155,"name",156,"path",157,"weight",116],["null","__typename",138,"id",159,"name",160,"path",161,"weight",116],["null","__typename",138,"id",163,"name",164,"path",165,"weight",116],["null","__typename",138,"id",167,"name",168,"path",169,"weight",116],["null","__typename",175,"id",176,"myRole",177,"name",178,"nickname",179],["null","__typename",79,"id",80,"title",81,"changed",319,"created",320,"langcode",321,"path",90,"promote",21,"status",20,"sticky",21,"metatag",322,"category",329,"contentElements",13,"evergreen",13,"tags",331,"wpBody",348,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",173,"author",349],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":229},[323,325,327],["null","__typename",93,"tag",94,"attributes",324],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",326],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",328],["null","__typename",109,"property",110,"content",81],{"__ref":330},"TermCategories:8",[332,334,336,338,340,342,344,346],{"__ref":333},"TermTags:80",{"__ref":335},"TermTags:148",{"__ref":337},"TermTags:389",{"__ref":339},"TermTags:988",{"__ref":341},"TermTags:1042",{"__ref":343},"TermTags:1082",{"__ref":345},"TermTags:1223",{"__ref":347},"TermTags:1405",["null","__typename",171,"processed",172,"format",120,"summary",13],{"__ref":350},"User:23",["null","__typename",188,"id",189,"excludeFromScreenreader",13,"mediaImage",352,"name",198,"path",199,"status",20],["null","__typename",191,"url",192,"width",193,"height",194,"alt",195,"title",13,"size",196,"mime",197],["null","__typename",79,"id",183,"title",184,"path",185,"wpTeaserText",186,"wpPromotedTeaserImage",13,"wpHeaderImage",354],{"__ref":355},"MediaImage:3364",["null","__typename",188,"id",206,"excludeFromScreenreader",13,"mediaImage",357,"name",211,"path",212,"status",20],["null","__typename",191,"url",208,"width",193,"height",194,"alt",209,"title",13,"size",210,"mime",197],["null","__typename",79,"id",201,"title",202,"path",203,"wpTeaserText",204,"wpPromotedTeaserImage",13,"wpHeaderImage",359],{"__ref":360},"MediaImage:3355",["null","__typename",188,"id",218,"excludeFromScreenreader",21,"mediaImage",362,"name",223,"path",224,"status",20],["null","__typename",191,"url",220,"width",193,"height",194,"alt",221,"title",13,"size",222,"mime",197],["null","__typename",79,"id",214,"title",215,"path",216,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",364],{"__ref":365},"MediaImage:3303"]