{"id":15639,"date":"2020-12-16T19:58:34","date_gmt":"2020-12-16T19:58:34","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=15639"},"modified":"2020-12-16T20:00:16","modified_gmt":"2020-12-16T20:00:16","slug":"art-from-code-supersonic-eye","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=15639","title":{"rendered":"Art from Code: Conference Project-Supersonic eye"},"content":{"rendered":"\n<p>To be rather frank, I went into this project not knowing what I want to do. I knew I\u2019d like to experiment with something new (be it code syntax, shapes, colors or effects), but coming up with a concept that could be well executed in Processing did seem a bit daunting. However, I stumbled upon Op Art while doing research, and my instinct sends out a huge \u201cYes\u201d. If art is anything that stimulates and excites the eye, then there\u2019s nothing more powerful in that regard than Op Art. It heavily relies on optical illusions and repetitive forms to create foreground-background confusion and an unprecedented sense of depth. Using mostly mathematically derived methods, Op Art operates on a high level of precision and calculation. Artists constantly push the boundaries of our perception, creating a new language for visual communication. Therefore, for my conference work, I decided to combine film with computer-generated art to explore the limits of perception, as well as the spatial illusions and motion in an optical world.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redeyess_0089.png\" alt=\"\" class=\"wp-image-15651\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redeyess_0089.png 600w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redeyess_0089-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redeyess_0089-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redeyess_0089-480x480.png 480w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redeyess_0089-100x100.png 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption>The initial color palette: White, Black and Red<\/figcaption><\/figure>\n\n\n\n<p>I started with shapes. For some reason, an image of 100 eyes keeps popping up in my head. It was an assignment for John\u2019s class several years back, and as its title suggests, we were asked to draw 100 eyes. It wasn\u2019t until later did I realize how paradoxical it is, that is, using the \u201ceye\u201d to challenge the perception of the eye, which is why I made the blinking eye my opening sequence. The sequence was called &#8220;nervous eyes.&#8221; In order to convey a kinetic energy to the viewers, I employed geometric abstraction\u2014lines, circles, ellipses, spirals\u2014to create illusions of depth. At this stage, color came into play. Originally, I kept it simple with the classics: black, white and red. Though the trio combination has a certain hypnotic element to it, the palette becomes drab after a few repetitions. Optical changes occur when a variety of high-intensity colors are implemented in the same geometric configurations, and thus, I change the color parameter to make appear more colorfully engaging patterns. It also makes colors seem more luminous, adding an almost three-dimensional effect.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redandblackeye-0616-copy.jpg\" alt=\"\" class=\"wp-image-15647\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redandblackeye-0616-copy.jpg 600w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redandblackeye-0616-copy-300x300.jpg 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redandblackeye-0616-copy-150x150.jpg 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redandblackeye-0616-copy-480x480.jpg 480w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/redandblackeye-0616-copy-100x100.jpg 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/screen-0493-copy.jpg\" alt=\"\" class=\"wp-image-15648\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/screen-0493-copy.jpg 600w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/screen-0493-copy-300x300.jpg 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/screen-0493-copy-150x150.jpg 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/screen-0493-copy-480x480.jpg 480w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/screen-0493-copy-100x100.jpg 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption>Transitioning to HSB color mode<\/figcaption><\/figure>\n\n\n\n<p>That\u2019s when I encountered the first major obstacle\u2014editing\u2014-how to stitch these sketches together. Contrary to what\u2019s expected, as a film student, I struggled with making transitions. The difficult part is not about creating transition effects, but instead, making the transition with codes, which means, every parameter has to be highly controlled and be relevant to each other in itself. The second problem remains in the audio department. I first asked a composer friend to send me some of her discarded score, and I was satisfied with one piece that\u2019s jarring and chaotic, until its rhythm takes a turn in the middle and couldn\u2019t play in sync with the animation. My desire for depersonalization in art arose around this time and opted for computer generated music. It is one of those decisions that only make sense after it is completed. The austere quality I have always pushed for finally is taken effect now. The third struggle is the amount of repetition to put in. I\u2019ve been trying to find a balance where the repetition allows us to gaze through a portal into a grander illusion but not too much as it might become dull to watch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/coolsquares_0067.png\" alt=\"\" class=\"wp-image-15649\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/coolsquares_0067.png 600w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/coolsquares_0067-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/coolsquares_0067-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/coolsquares_0067-480x480.png 480w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/coolsquares_0067-100x100.png 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>In general, I\u2019m pretty happy with what I\u2019ve put together, though I can still see a lot of flaws, it is largely close to my vision and artistic values. I will continue to work on more sketches and make it a series, because there are indeed more to explore: our systems of logic, our perception of depth, motion, and three-dimensionality\u2026And my next step is to break through that boundless space beyond our dimension and create something that really asks us see more carefully as what we perceive is not necessarily what is real. And that\u2019s what Op Art really teaches us.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/blindingeye_0182-copy.png\" alt=\"\" class=\"wp-image-15650\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/blindingeye_0182-copy.png 600w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/blindingeye_0182-copy-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/blindingeye_0182-copy-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/blindingeye_0182-copy-480x480.png 480w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/blindingeye_0182-copy-100x100.png 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To be rather frank, I went into this project not knowing what I want to do. I knew I\u2019d like to experiment with something new (be it code syntax, shapes, colors or effects), but coming up with a concept that&#8230;<\/p>\n","protected":false},"author":278,"featured_media":15651,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[365],"tags":[],"class_list":["post-15639","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-new-genres-2","wpcat-365-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/15639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/278"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15639"}],"version-history":[{"count":2,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/15639\/revisions"}],"predecessor-version":[{"id":15653,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/15639\/revisions\/15653"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/15651"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}