{"id":6611,"date":"2021-06-11T09:11:00","date_gmt":"2021-06-11T09:11:00","guid":{"rendered":"http:\/\/desres20.netornot.at\/?p=6611"},"modified":"2021-06-29T18:18:12","modified_gmt":"2021-06-29T18:18:12","slug":"test-code-and-typo-matrix","status":"publish","type":"post","link":"http:\/\/desres20.netornot.at\/?p=6611","title":{"rendered":"Test: Code and Typo-Matrix"},"content":{"rendered":"\n<p>Nach einem Test Typo direkt hartcodiert zu verarbeiten m\u00f6chte ich nun Text extern einlesen. F\u00fcr diesen Versuch m\u00f6chte ich Daten\/Text aus dem Internet abgreifen.<\/p>\n\n\n\n<p>Zu meiner obigen Anforderung muss ich mir ein Anwendungsbeispiel \u00fcberlegen.<\/p>\n\n\n\n<p>Buchstaben\/W\u00f6rter z\u00e4hlen?<\/p>\n\n\n\n<p>Buchstaben\/Wort-Statistiken vergleichen?<\/p>\n\n\n\n<p>Nachdem keine Idee meinen Anspr\u00fcchen entsprochen hat, habe ich mir ein abstraktes Anwendungsbeispiel \u00fcberlegt.<\/p>\n\n\n\n<p><strong>Matrix<\/strong><\/p>\n\n\n\n<p><em>Matrizen <\/em>sind im Programmieren\/Mathematik sehr bekannt, jedoch soll es in meinem Beispiel um eine Hommage an den Film \u201eMatrix\u201c gehen.<br>Die meisten kennen die Gr\u00fcn\/Schwarze Matrix aus dem Kultfilm:<\/p>\n\n\n\n<p>Nach einem Test Typo direkt hartcodiert zu verarbeiten m\u00f6chte ich nun Text extern einlesen. F\u00fcr diesen Versuch m\u00f6chte ich Daten\/Text aus dem Internet abgreifen.<\/p>\n\n\n\n<p>Zu meiner obigen Anforderung muss ich mir ein Anwendungsbeispiel \u00fcberlegen.<\/p>\n\n\n\n<p>Buchstaben\/W\u00f6rter z\u00e4hlen?<\/p>\n\n\n\n<p>Buchstaben\/Wort-Statistiken vergleichen?<\/p>\n\n\n\n<p>Nachdem keine Idee meinen Anspr\u00fcchen entsprochen hat, habe ich mir ein abstraktes Anwendungsbeispiel \u00fcberlegt.<\/p>\n\n\n\n<p><strong>Matrix<\/strong><\/p>\n\n\n\n<p><em>Matrizen <\/em>sind im Programmieren\/Mathematik sehr bekannt, jedoch soll es in meinem Beispiel um eine Hommage an den Film \u201eMatrix\u201c gehen.<br>Die meisten kennen die Gr\u00fcn\/Schwarze Matrix aus dem Kultfilm:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/9b\/The.Matrix.glmatrix.2.png\" alt=\"\"\/><figcaption>Von Jamie Zawinski, Attribution, https:\/\/commons.wikimedia.org\/w\/index.php?curid=3792993<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Mein Beispiel: Optical line\/gradient illusion<\/strong><\/p>\n\n\n\n<p><strong>Ziel:<\/strong><\/p>\n\n\n\n<p>Es soll Text\/Zeichen aus einer Website geladen werden und im \u201eklassischen\u201c Matrix Look dargestellt werden. Des Weiteren soll diese Matrix-Darstellung durch eine User-Interaktion ausgel\u00f6st werden.<\/p>\n\n\n\n<p><strong>Zus\u00e4tzliche Testf\u00e4lle<\/strong><\/p>\n\n\n\n<p>Gag \/ bzw. Easter Egg, immer wichtig bei geek projekten<\/p>\n\n\n\n<p>Verschiedene Effekte anwenden<\/p>\n\n\n\n<p><strong>Umsetzung\/Erkenntnisse:<\/strong><\/p>\n\n\n\n<p>Als erstes hole ich mir die Zeichen von einer Website, dies sollte in Processing mittels loadStrings() schnell realisierbar sein.<br>Danach lege ich daraus eine Line-Matrix an und l\u00f6sche alle non-ASCI Zeichen, control characters und non-printable Zeichen.<\/p>\n\n\n\n<p>Nach einigen Ausgabe-Tests mit diesen Zeilen \u00fcberlege ich mir die n\u00e4chsten Schritte: Ich brauche die Zeilenaausgabe senkrecht, nicht horizontal. &nbsp;<\/p>\n\n\n\n<p>Aus jeder Zeile erstelle ich nun ein eigenes Objekt (um meine OOP-Kenntnisse aufzufrischen). Jedes Objekt\/Zeile darf nun selbst entscheiden von welcher Position an die Screen sie startet.<br>Pro Zeile wird nun jedes Zeichen durch iteriert und auf entlang der Y-Achse ausgegeben. Nach einigen Tests merke ich, dass es f\u00fcr den originalen Look essentiell ist von welcher Position die Zeichenketten starten. So m\u00fcssen etwa einige Zeichenketten im X-Minusbereich starten um ein vollst\u00e4ndiges Bild zu erzielen.<\/p>\n\n\n\n<p><em>*Spoiler alert*<\/em><br>Als User-Interaktion f\u00e4llt mir die Konversation zwischen Neo und Morpheus ein, in welcher er sich entscheiden muss, in welcher \u201eRealit\u00e4t\u201c er weiterleben m\u00f6chte. Symbolisch muss Neo zwischen einer roten Pille, oder einer blauen Pille w\u00e4hlen.<br>Diese Entscheidung m\u00f6chte ich in meiner Arbeit aufgreifen und den User entscheiden lassen.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/06\/ADAMS_matrix_ohneFilter.mp4\"><\/video><figcaption>by ADAMS<\/figcaption><\/figure>\n\n\n\n<p><strong>Zus\u00e4tzliche Testf\u00e4lle \u2013<\/strong> <strong>Erkenntnisse:<\/strong><\/p>\n\n\n\n<p><strong>Verschiedene Effekte anwenden<\/strong><\/p>\n\n\n\n<p>Ich habe mich f\u00fcr den Einsatz von preset-filtern entschieden. Manche funktionieren besser als andere und werden aufgrund der Menge sehr rechenintensiv. \u00e0 Ruckler entstehen<\/p>\n\n\n\n<p>Ich habe mich f\u00fcr Zwei entschieden, der User kann mittels B und E Taste den Filter switchen.<\/p>\n\n\n\n<p><em>Filter1: <\/em><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/06\/ADAMS_matrix_mitFilter.mp4\"><\/video><figcaption>by ADAMS<\/figcaption><\/figure>\n\n\n\n<p><em>Filter2: <\/em><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/06\/ADAMS_matrix_Erode_filter.mp4\"><\/video><figcaption>by ADAMS<\/figcaption><\/figure>\n\n\n\n<p><strong>Gag\/Easter Egg<\/strong><\/p>\n\n\n\n<p>Den Text f\u00fcr diese Matrix hole ich aus dem Wikipedia-Eintrag vom \u201eH\u00f6hlengleichnis\u201c<\/p>\n\n\n\n<p><em>Blaue Pille<\/em>:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/06\/ADAMS_blue_pill.mp4\"><\/video><figcaption>by ADAMS<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Nach einem Test Typo direkt hartcodiert zu verarbeiten m\u00f6chte ich nun Text extern einlesen. F\u00fcr diesen Versuch m\u00f6chte ich Daten\/Text aus dem Internet abgreifen. Zu meiner obigen Anforderung muss ich mir ein Anwendungsbeispiel \u00fcberlegen. Buchstaben\/W\u00f6rter z\u00e4hlen? Buchstaben\/Wort-Statistiken vergleichen? Nachdem keine Idee meinen Anspr\u00fcchen entsprochen hat, habe ich mir ein abstraktes Anwendungsbeispiel \u00fcberlegt. Matrix Matrizen sind<\/p>\n<footer class=\"entry-footer index-entry\">\n<div class=\"post-social pull-left\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=http%3A%2F%2Fdesres20.netornot.at%2F%3Fp%3D6611\" target=\"_blank\" class=\"social-icons\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"><\/i><\/a><a href=\"https:\/\/twitter.com\/home?status=http%3A%2F%2Fdesres20.netornot.at%2F%3Fp%3D6611\" target=\"_blank\" class=\"social-icons\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i><\/a><a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=http%3A%2F%2Fdesres20.netornot.at%2F%3Fp%3D6611&#038;title=Test%3A+Code+and+Typo-Matrix\" target=\"_blank\" class=\"social-icons\"><i class=\"fa fa-linkedin\" aria-hidden=\"true\"><\/i><\/a><\/div>\n<p class=\"link-more\"><a href=\"http:\/\/desres20.netornot.at\/?p=6611\" class=\"more-link\">Continue reading <span class=\"meta-nav\">\u2192<\/span><\/a><\/p>\n<\/footer>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[123,410,122,124,309,372,411,412,413,373,393,392,391],"_links":{"self":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/6611"}],"collection":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6611"}],"version-history":[{"count":1,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/6611\/revisions"}],"predecessor-version":[{"id":6616,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/6611\/revisions\/6616"}],"wp:attachment":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6611"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}