{"id":6599,"date":"2021-05-22T09:17:00","date_gmt":"2021-05-22T09:17:00","guid":{"rendered":"http:\/\/desres20.netornot.at\/?p=6599"},"modified":"2021-06-29T17:46:05","modified_gmt":"2021-06-29T17:46:05","slug":"test-code-and-visual-perception-a-screensafer","status":"publish","type":"post","link":"http:\/\/desres20.netornot.at\/?p=6599","title":{"rendered":"Test: Code and visual perception = a screensafer"},"content":{"rendered":"\n<p>Ich bin schon seit langem Fan von optischen T\u00e4uschungen und ihren Effekten. Daher habe ich mich daf\u00fcr entschieden selbst eine nachzuprogrammiern und auf einem Beamer ihre Wirkung zu testen.<\/p>\n\n\n\n<p>In diesem Test habe ich versucht eine optische T\u00e4uschung nachzuprogrammieren. Diese ist angelehnt an die Cafe Wall Illusion (<a href=\"https:\/\/de.wikipedia.org\/wiki\/Caf%C3%A9_Wall_Illusion\">https:\/\/de.wikipedia.org\/wiki\/Caf%C3%A9_Wall_Illusion<\/a>). Sie ist eine visuelle Wahrnehmungst\u00e4uschung, bei der Rechtecke optisch verzerrt wirken, wenn sie abwechselnd schwarz und wei\u00df platziert werden. Im n\u00e4chsten Schritt werden diese durch eine graue Linie getrennt.<br>So entsteht folgendes Bild:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Caf%C3%A9_wall.svg\/1200px-Caf%C3%A9_wall.svg.png\" alt=\"Caf\u00e9 wall illusion - Wikipedia\"\/><figcaption>By Fibonacci &#8211; Own work, CC BY-SA 3.0, https:\/\/commons.wikimedia.org\/w\/index.php?curid=1788689<\/figcaption><\/figure>\n\n\n\n<p><strong>Mein Beispiel: Optical line\/gradient illusion<\/strong><\/p>\n\n\n\n<p><strong>Ziel:<\/strong><br>Eine wei\u00dfe Ellipse wird auf einer horizontalen, grauen Linie von links nach rechts geschoben, dabei wird die Ellipse beim Richtungswechsel abgebremst und wieder beschleunigt.<\/p>\n\n\n\n<p>Im Hintergrund wird eine bewegter gray gradient dargestellt welcher gegengleich mit der Ellipse einen Richtungswechsel durchf\u00fchrt.<\/p>\n\n\n\n<p>Dabei soll der Effekt von einer unebenen horizontalen Linie\/Ebene entstehen, welche die Ellipse in ihrer Bewegung beeinflusst.<\/p>\n\n\n\n<p><strong>Zus\u00e4tzliche Testf\u00e4lle:<\/strong><\/p>\n\n\n\n<p>Kann mit mehreren Ellipsen und Ebenen der gleiche Effekt erzielt werden?<\/p>\n\n\n\n<p>Wie sehr ist der Effekt von der Bewegungsgeschwindigkeit der Kugel bzw. des Hintergrunds abh\u00e4ngig?<\/p>\n\n\n\n<p>Wie kann man die optische Illusion wiederlegen?<\/p>\n\n\n\n<p><strong>Ergebnis:<\/strong><\/p>\n\n\n\n<p>Die Erkenntnisse werden von mir subjektiv Wahrgenommen und so dokumentiert.<\/p>\n\n\n\n<p>Alle Anforderungen die ich an die Optische T\u00e4uschung gestellt habe wurden implementiert. Nach einigen Geschwindigkeitsanpassungen l\u00e4uft die T\u00e4uschung optimal. \u00e0 Check<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/06\/ADAMS_optischeT.mp4\"><\/video><figcaption>by Adams<\/figcaption><\/figure>\n\n\n\n<p>Ich bin mit dem Ergebnis sehr zufrieden und mache mich an die zus\u00e4tzlichen Testf\u00e4lle, welche ich mir gestellt habe.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Zus\u00e4tzliche Testf\u00e4lle \u2013<\/strong> <strong>Erkenntnisse:<\/strong><\/p>\n\n\n\n<p><em>Wie sehr ist der Effekt von der Bewegungsgeschwindigkeit der Kugel bzw. des Hintergrunds abh\u00e4ngig?<\/em><\/p>\n\n\n\n<p>W\u00e4hrend der Kalibrierung der Bewegungsgeschwindigkeiten konnte ich bereits unterschiedliche Geschwindigkeits-Werte testen. Um die Wirkung schnell und bequem testen zu k\u00f6nnen, habe ich die +\/- Tasten zur Hand genommen und diese mit der Geschwindigkeits\u00e4nderung belegt.<\/p>\n\n\n\n<p><strong>Der Effekt ist sowohl bei hoher Geschwindigkeit als auch bei geringer gut erkennbar<\/strong>. Bei <strong>hohem<\/strong> Tempo wirkt der Effekt sehr <strong>hecktisch<\/strong>, aber er funktioniert. Bei <strong>geringem<\/strong> Tempo wirkt dieser sehr tr\u00e4ge, jedoch viel <strong>immersiver<\/strong>, als bei hohem.<\/p>\n\n\n\n<ul><li>Check<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/06\/ADAMS_optischeT_fast.mp4\"><\/video><figcaption>by Adams<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><em>Kann mit mehreren Ellipsen und Ebenen der gleiche Effekt erzielt werden?<\/em><\/p>\n\n\n\n<p>Als erste Frage stellt sich mir: Wie viele Ebenen\/Ellipsen brauche ich f\u00fcr diesen Test? Da ich mir das nicht konkret beantworten kann, profitiere ich von dynamischem Code. Ich belege die Tasten N und M als Trigger f\u00fcr meine \u201eAnzahl-Variable\u201c. Wird eine der Tasten bet\u00e4tigt, wird eine Ebene\/Ellipse hinzugef\u00fcgt, oder entfernt. Dies erlaubt mir freies testen mit einer Unzahl an Ebenen.<\/p>\n\n\n\n<p>Daf\u00fcr teile ich die H\u00f6he des Fensters durch die Anzahl von gew\u00fcnschten Ebenen\/Ellipsen in gleich gro\u00dfe Teile.<\/p>\n\n\n\n<p>Wie schon zuvor beschrieben funktioniert der Effekt mit einer Ebene\/Ellipse perfekt, gleiches gilt f\u00fcr 2 oder mehrere Ebenen. Bis circa 20 Ebenen wirkt der Effekt noch gut, ab 20 jedoch entsteht eine Art Welche die Wirkung abschw\u00e4cht, jedoch ein anderes optisches \u201eSpringen\u201c ausl\u00f6st.<\/p>\n\n\n\n<ul><li>Check<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/06\/ADAMS_optischeT_many_and_then_fast.mp4\"><\/video><figcaption>by Adams<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><em>Wie kann man die optische Illusion wiederlegen?<\/em><\/p>\n\n\n\n<p>F\u00fcr mich selbst und Skeptiker die meine Visualisierung betrachten finde ich es gut, diese optische Illusion schnell \u201estoppen\u201c zu k\u00f6nnen, um dem Gehirn eine Pause zu geben und diesen Effekt zu verstehen.<\/p>\n\n\n\n<p>F\u00fcr diesen Effekt nehme ich mir die Maustasten LINKS\/RECHTS, wird der Hintergrund, welcher f\u00fcr die optische T\u00e4uschung verantwortlich ist einfach schwarz eingef\u00e4rbt. Die Ellipsen bewegen sich dabei ungehindert weiter.<\/p>\n\n\n\n<p>Wird die Maus bet\u00e4tigt, ist dieser \u201eSeegang Effekt\u201c nicht mehr zu merken, Pause f\u00fcrs Hirn!<\/p>\n\n\n\n<p>&#8211;> Check<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/06\/ADAMS_optischeT_on_off.mp4\"><\/video><figcaption>by Adams<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Ich bin schon seit langem Fan von optischen T\u00e4uschungen und ihren Effekten. Daher habe ich mich daf\u00fcr entschieden selbst eine nachzuprogrammiern und auf einem Beamer ihre Wirkung zu testen. In diesem Test habe ich versucht eine optische T\u00e4uschung nachzuprogrammieren. Diese ist angelehnt an die Cafe Wall Illusion (https:\/\/de.wikipedia.org\/wiki\/Caf%C3%A9_Wall_Illusion). Sie ist eine visuelle Wahrnehmungst\u00e4uschung, bei der<\/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%3D6599\" 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%3D6599\" 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%3D6599&#038;title=Test%3A+Code+and+visual+perception+%3D+a+screensafer\" 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=6599\" 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,373,393,392,391],"_links":{"self":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/6599"}],"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=6599"}],"version-history":[{"count":2,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/6599\/revisions"}],"predecessor-version":[{"id":6673,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/6599\/revisions\/6673"}],"wp:attachment":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6599"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}