{"id":10502,"date":"2018-12-20T05:12:25","date_gmt":"2018-12-20T05:12:25","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=10502"},"modified":"2018-12-20T06:35:55","modified_gmt":"2018-12-20T06:35:55","slug":"art-from-code-portrait-of-the-self-as-anything-but-2","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=10502","title":{"rendered":"Art From Code: Portrait of the Self as Anything But"},"content":{"rendered":"<figure id=\"attachment_10424\" aria-describedby=\"caption-attachment-10424\" style=\"width: 1200px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_1a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10424\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_1a.jpg\" alt=\"\" width=\"1200\" height=\"720\" \/><\/a><figcaption id=\"caption-attachment-10424\" class=\"wp-caption-text\"><em>me: at arm&#8217;s length; one instance<\/em><\/figcaption><\/figure>\n<p>For conference, I was most inspired by Bret Victor&#8217;s call to stop drawing &#8220;dead fishes&#8221; \u2013\u2013 a metaphor to suggest that computer art should not seek to replicate older mediums but rather take advantage of what is only possible in making art with the machine. Essentially, I was interested in interactive art. I have also always been interested in incorporating live video feeds in installations and performance, so I thought it would be fitting to use the webcam function as a way to explore interactivity and, more specifically, the interplay between the artmaker and the computer. Because these use built-in webcams, it was decided the best framework for this project was the self-portrait. These pieces utilize what is called a software mirror: instead of rendering what the camera sees, the pixels in the camera-feed are loaded and then processing gets the colors of those pixels at each specific location and repurposes it into the color call for whatever is drawn in processing. What is worth noting, then, is that it is not the literal camera reflecting back at us \u2013\u2013 no, it is actually a sequence of pixels that are\u00a0<em>similar\u00a0<\/em>to where things are in our world.<\/p>\n<p>Where I end (in these three pieces) came about in a very Moln\u00e1rian manner, as it started from a simple Image call to something else through small incremental changes; very often did I go back because I was displeased with what I added. Since we were not learning pixel manipulation in class, it was important I took small steps as it was simultaneously a process of learning the processing library for video. The first piece (&#8220;<em>me: at arm&#8217;s length<\/em>&#8220;) features a random walker within a counted loop; its color depends on its coordinate, based on the color within the camera&#8217;s pixel array. The result is a very impressionist-esque software mirror which is continuously redrawing itself, so it is always seeking to catch up to you \u2013\u2013 and especially so if you are moving fast.<\/p>\n<p>To me, it looks very Hertleinian in that it is quite noisy; even if one were to stay still before the camera, there would be tiny random movements as the random walker continues to redraw itself. As a result, it looks very organic, almost painted. Because you are always ahead of the drawing, time is a recurring presence as you are constantly looking at what just happened, while things continue happening.\u00a0I think this is more representative of reality than a simple live camera, as life is a continuous sequence of becoming. With the motif of time, I decided to create a class which renders the Chinese character for &#8220;time&#8221; which moves randomly and bounces across the screen. The main reason for the use of Chinese text specifically is that it is much more compact than words that rely on alphabets. To further increase the sensory of interactivity, The fill for text color was inputted based on the pixel color value in the center of the drawing.<\/p>\n<figure id=\"attachment_10425\" aria-describedby=\"caption-attachment-10425\" style=\"width: 1200px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_1b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10425\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_1b.jpg\" alt=\"\" width=\"1200\" height=\"720\" \/><\/a><figcaption id=\"caption-attachment-10425\" class=\"wp-caption-text\"><em>me: at arm&#8217;s length; another instance<\/em><\/figcaption><\/figure>\n<figure id=\"attachment_10426\" aria-describedby=\"caption-attachment-10426\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_2a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10426\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_2a.jpg\" alt=\"\" width=\"1280\" height=\"960\" \/><\/a><figcaption id=\"caption-attachment-10426\" class=\"wp-caption-text\"><em>me: dissolved; about two seconds in<\/em><\/figcaption><\/figure>\n<p>Honestly, I was somewhat uninterested with &#8220;<em>me: at arm&#8217;s length<\/em>&#8221; because it seemed too representative of what was in front of the camera \u2013\u2013 it still felt too literal. Thus I attempted to spruce things up by abstracting given camera values. This is how my second piece (&#8220;<em>me: dissolved<\/em>&#8220;) came about.\u00a0I first created a software mirror from a double-looped grid instead of a random walker; the ordered grid definitely gave the piece a more clear-cut structure than the prior. In this case, I only extracted color from the first row of pixels and those colors were then what colored all of the squares in its column. Every 200 frames, it saved and copied the current video pixel array and plugged it into a color array variable. After the first array copy, the square colors were then based on the saved pixel array subtracted from the current pixel array. Any slight movement would be rendered through inverted color.\u00a0First and foremost, I noticed that this process was extremely light sensitive, as any deviation from the background would be registered and even minor shade differences would be displayed. Consequently, it seems that the machine was in conversation with itself as changes seem to subsequently send the machine into a spaz of tangential change. Each 200 frame checkpoint would cause further disarray as there was always a diversion from the saved pixel array \u2013\u2013 overlaid amongst the gridded order was a certain chaos.<\/p>\n<p>I utilized the same text class, however this time it read a string sequence of characters instead of a singular character multiple times. I used the first six lines of Vietnam&#8217;s most significant literary epic,\u00a0<i>The Tale of Ki\u1ec1u, <\/i>in\u00a0Ch\u1eef N\u00f4m, which is the Vietnamese equivalent of Chinese characters (like Japanese Kanji). The empty blocks are also characters from the poem, in place of characters nonexistent in modern day Chinese \u2013\u2013 i.e. uniquely Vietnamese.\u00a0Ch\u1eef N\u00f4m is basically a defunct written language, replaced by a romanized alphabet. By serendipity I really liked that these texts did not fully render despite my attempts to correct it; the corpses of Vietnamese history are actually put to the fore and underlined. Though the blocks are universal unicode signifying nonexistent symbols, in context it is ripe with Vietnamese traces. This was probably my favorite version because it also reminded me of the aesthetics of 90s Hong Kong cinema: futurism and neon signs \u2013\u2013 combining both an electric and swampy palette visible in Wong Kar Wai&#8217;s films. In a way, this piece focuses more on the texts of history, that which is more generational and cultural.<\/p>\n<figure id=\"attachment_10431\" aria-describedby=\"caption-attachment-10431\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_2b-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10431 size-full\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_2b-1.jpg\" alt=\"\" width=\"1280\" height=\"960\" \/><\/a><figcaption id=\"caption-attachment-10431\" class=\"wp-caption-text\"><em>me: dissolved; about eight seconds in<\/em><\/figcaption><\/figure>\n<figure id=\"attachment_10428\" aria-describedby=\"caption-attachment-10428\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_2c.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10428 size-full\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_2c.jpg\" alt=\"\" width=\"1280\" height=\"960\" \/><\/a><figcaption id=\"caption-attachment-10428\" class=\"wp-caption-text\"><em>me: dissolved; about twenty-five seconds in<\/em><\/figcaption><\/figure>\n<figure id=\"attachment_10429\" aria-describedby=\"caption-attachment-10429\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_2d.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10429 size-full\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_2d.jpg\" alt=\"\" width=\"1280\" height=\"960\" \/><\/a><figcaption id=\"caption-attachment-10429\" class=\"wp-caption-text\"><em>me: dissolved; about sixty seconds in<\/em><\/figcaption><\/figure>\n<p>It seemed &#8220;<em>me: at arm&#8217;s length<\/em>&#8221; was more successful (or rather well-liked) at the class show. I am not surprised for it was much more digestible than &#8220;<em>me: dissolved<\/em>&#8221; \u2013\u2013 you could tell what you are looking at and that it was yourself. I feel like the latter piece was ambiguous in what was deciding the color for the grids. If you were moving, you could maybe trace that you had an effect on the camera because it would change accordingly. However it becomes less apparent after a few array shifts, in which then the machine is more likely affecting itself. If I were to go further, I would attempt to include a reset in order to allow a bit of calm after the storm (and before the next one). That being said, &#8220;<em>me: dissolved<\/em>&#8221; is in fact my favorite.\u00a0Perhaps because I was able to align it more closely with a sort of sino-aesthetic&#8230; Or perhaps because it is so ambiguous what decides the colors&#8230; It could be you; it could be the machine; it could be both. I feel like it better disrupts a sort of self, just becoming pure color value.<\/p>\n<p>Returning to the idea of the self-portrait, I wanted to try one more approach at portraying my self, the operative word being &#8220;<em>my&#8221; \u2013\u2013\u00a0<\/em>which is where my third piece (&#8220;<em>me: up close, intimate, and most of all personal<\/em>&#8220;) comes in. This one is a combination of the first two iterations. It is an identifiable software mirror extracted onto an orderly grid. In this case, the scale of the camera&#8217;s input is imploded; in other words, it is zoomed in. I aimed at bringing it out a bit more concisely the 90s Hong Kong cinema look. Therefore, I increased the stroke weight of the grids, made them a golden yellow; I also removed the variable that filled the text class based on the center pixel and made it a a sort of mandarin red. These are the colors of the Vietnamese flag, as well as the Chinese flag. Additionally, I took out most of the characters that rendered properly (leaving behind the un-rendered blocks) and replaced them with the characters for the practice of Nianfo \u2013\u2013 or rather\u00a0ni\u1ec7m Ph\u1eadt: &#8220;<em>Nam m\u00f4 A Di \u0110\u00e0 Ph\u1eadt<\/em>.&#8221; Nianfo is a Buddhist practice in which one repeats the name of Amit\u0101bha to facilitate meditation.<\/p>\n<p>I would describe &#8220;<em>me: up close, intimate, and most of all personal<\/em>&#8221; as the most accurate (for what the word&#8217;s worth) self-portrait. First and foremost, because it is so uniquely proportioned in its zoom, it wouldn&#8217;t work in a gallery setting; the positioning is too awkward to be anything <em>but <\/em>personal. This piece is also much more calm \u2013\u2013 a practice in Nianfo \u2013\u2013 whereas the previous two had a more lawless energy. Only two things move here: the characters, and you \u2013\u2013 and you only move if you want to; you may also stay very, very still. The meanings of the characters in &#8220;<em>me: at arm&#8217;s length<\/em>&#8221; and\u00a0&#8220;<em>me: dissolved<\/em>&#8221; were arbitrary, while here I specifically chose to incorporate the Nianfo. <em>If<\/em>\u00a0the audience knows Chinese, it <em>might<\/em> be clear they are Buddhist text;\u00a0I will <em>always<\/em> know that. This is all to say, the first two pieces I would definitely install, but this one is truly for me, perhaps as a self-portrait should be. After all, does it matter if art needs to be ready for the public? Does a piece&#8217;s value get deteriorated knowing it wasn&#8217;t made for you?<\/p>\n<figure id=\"attachment_10430\" aria-describedby=\"caption-attachment-10430\" style=\"width: 1280px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_3a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10430 size-full\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/version_3a.jpg\" alt=\"\" width=\"1280\" height=\"960\" \/><\/a><figcaption id=\"caption-attachment-10430\" class=\"wp-caption-text\"><em>me: up close, intimate, and most of all personal<\/em><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>For conference, I was most inspired by Bret Victor&#8217;s call to stop drawing &#8220;dead fishes&#8221; \u2013\u2013 a metaphor to suggest that computer art should not seek to replicate older mediums but rather take advantage of what is only possible in&#8230;<\/p>\n","protected":false},"author":207,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[50],"class_list":["post-10502","post","type-post","status-publish","format-standard","hentry","category-art-from-code","tag-conference","wpcat-225-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/207"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10502"}],"version-history":[{"count":2,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10502\/revisions"}],"predecessor-version":[{"id":10504,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10502\/revisions\/10504"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10502"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}