{"id":10613,"date":"2018-12-21T23:41:46","date_gmt":"2018-12-21T23:41:46","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=10613"},"modified":"2018-12-22T22:36:09","modified_gmt":"2018-12-22T22:36:09","slug":"art-%e2%88%9e-code-climbing-coral-evoluto","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=10613","title":{"rendered":"Art \u221e Code &#8211; Climbing Fractal Evolut\u00f4"},"content":{"rendered":"<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_01_jerry.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10627\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_01_jerry.png\" alt=\"\" width=\"576\" height=\"599\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_01_jerry.png 576w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_01_jerry-288x300.png 288w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Nature is unfathomable beyond our imagination. <\/span><\/p>\n<p><span style=\"font-weight: 400\">In my humble attempt to re-create natural phenomenons, I gained a deeper awe of its sheer intricacy. One of the most vital rewards I gained from my project was, a more profound grasp of the ideas of fractals and recursions. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Fractals are beautiful. They are also ubiquitous in the vastness of nature. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">If we observe closely at lightening, earthquake, tree branches, ocean waves, coast lines, \u00a0river paths, fossils, seashells, snowflakes, ice crystals&#8230; &#8211; fractals serve as the fundamental building blocks for all these natural phenomenons. <\/span><\/p>\n<p><span style=\"font-weight: 400\">What exactly is a fractal and how is it formed? This is a question that, quite embarrassingly, took me a whole month to get the gist of. A fractal is a never ending self-similar shape. Nature is random at its root, but upon closer examination, astonishingly self-similar. This is one of the reasons why fractals can simulate nature. <\/span><\/p>\n<p><span style=\"font-weight: 400\">The process of creating a fractal can be understood as generating a pattern, then from the end-point generate another identical pattern on a smaller scale &#8211; rinse and repeat. This delightful fractal-formation process is also called recursion. <\/span><\/p>\n<p><span style=\"font-weight: 400\">The natural world cannot be defined by mathematics no matter the complexity of the combination of functions we apply. Nevertheless, recursion twists the plot. <\/span><\/p>\n<p><span style=\"font-weight: 400\">From a computing standpoint, recursion is extremely efficient. From the code-writing perspective, recursive functions are elegant, and nine times out of ten more succinct.\u00a0<\/span><span style=\"font-weight: 400\">Additionally, \u00a0recursion represents a heuristic we have practiced all semester long &#8211; trusting the computer. Even when I didn\u2019t understand how recursion worked its magic, I was amused by the patterns it produced. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Within Processing the construction of a recursive pattern is a little different. On top of a for-loop to make recursion happen, there needs to be an if-statement to exit out of the loop. Unlike nature, computer simulation has its limit and can\u2019t handle an infinite loop. I learnt it the hard way by crashing the program numerous times on separate occasions, and getting super confused. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">In the subsequent weeks, I messed around with the code following Molnar\u2019s gradualism (changing one parameter at a time) method.\u00a0<\/span><span style=\"font-weight: 400\">After a ton of playing around, I slowly understood which variable was having precisely what effect . The magic of recursion progressively unfolded itself. I was able to trace the lines\u2019 development on a scratch paper. For instance: Turn right, extend \u00be of its original length, turn left 235 degrees, extend \u2157 of its former self. Repeat the process with the new branch\u2026 Follow the instructions identically until told otherwise\u2026 Finish the image on a stopping condition. <\/span><\/p>\n<p><span style=\"font-weight: 400\">There was a lot of random, surprising noise generated with each slight change. For some reasons however, I was not particularly impressed by any individual sketch. <\/span><\/p>\n<p><span style=\"font-weight: 400\">I went through lots of trial and error (as well as frustrations of course), before I encountered \u2018the chosen one\u2019 &#8211; a shape I found intriguing enough by itself, however with an icing on the cake: it is self-connectable. Inspired by Angela\u2019s suggestion to print out all the sketches I produced, I suddenly realized that this shape can serve as an excellent building block to form a much larger organic mechanism. <\/span><\/p>\n<p><span style=\"font-weight: 400\">This possibility brought me out of the mental slump and shot me with a dosage of optimism.\u00a0<\/span><span style=\"font-weight: 400\">I was given the rare opportunity to think three-dimensionally, to think in a sculptural sense, to bring my code off the computer into reality, into physical space.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_03_jerry.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10628\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_03_jerry.jpg\" alt=\"\" width=\"3024\" height=\"3024\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_03_jerry.jpg 3024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_03_jerry-150x150.jpg 150w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_03_jerry-300x300.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_03_jerry-768x768.jpg 768w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_03_jerry-1024x1024.jpg 1024w\" sizes=\"auto, (max-width: 3024px) 100vw, 3024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">At first I was unsure about where to install. After a discussion with Angela, we decided \u201cWhy not try the staircase in Heimbold?\u201d. I thought that would look quite unique.\u00a0<\/span><span style=\"font-weight: 400\">Nevertheless, I was still clueless as to how to put it together. <\/span><span style=\"font-weight: 400\">Much to my delight, my anxiety faded once I started laying the shapes on the floor, rotating them around and connecting them together like puzzle pieces. <\/span><\/p>\n<p><span style=\"font-weight: 400\">The installation became even more fun when I began taping the various patterns onto the staircase. It felt like I was bringing programming art alive, into the natural world. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Instead of extending the formation straight up the staircase like a tree, \u00a0I experimented with tilting the initial pieces towards the wall. I was extra attentive taping down the first few patterns, since I was aware of the butterfly effect they potentially were capable of. Additionally, I placed them in a parallel fashion, and adjusted the distance so that visually they would stay connected despite physically separated by a skipping stair. \u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_02_jerry.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10629\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_02_jerry.jpg\" alt=\"\" width=\"4032\" height=\"3024\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_02_jerry.jpg 4032w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_02_jerry-300x225.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_02_jerry-768x576.jpg 768w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_02_jerry-1024x768.jpg 1024w\" sizes=\"auto, (max-width: 4032px) 100vw, 4032px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>I spread out the installation process over a ten days\u2019 span, to symbolize the gradual growth of natural organisms. My perception of this climbing fractal-organism also evolved over time &#8211; it was a tree, then it was corals, then it was a kite&#8230; \u00a0I will leave the interpretation to the audience themselves.<\/p>\n<p><span style=\"font-weight: 400\">I don\u2019t have a picture of the finished product, because I felt none of the photographs taken from a single angle can capture the holistic affect of this piece. <\/span><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">The rest of my work were tinkerings on the screen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">My second piece is a manically swinging tree, which also mimics lightening held down by a string. The sensation one experiences looking at this piece alters with the frame-rate as much as with other parameters.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_07_jerry.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10681\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_07_jerry.png\" alt=\"\" width=\"589\" height=\"660\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_07_jerry.png 589w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_07_jerry-268x300.png 268w\" sizes=\"auto, (max-width: 589px) 100vw, 589px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_06_jerry.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10682\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_06_jerry.png\" alt=\"\" width=\"589\" height=\"661\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_06_jerry.png 589w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_06_jerry-267x300.png 267w\" sizes=\"auto, (max-width: 589px) 100vw, 589px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_08_jerry-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10686\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_08_jerry-1.png\" alt=\"\" width=\"595\" height=\"664\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_08_jerry-1.png 595w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_08_jerry-1-269x300.png 269w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">I was disappointed when I came upon how the screenshots came out.\u00a0<\/span><span style=\"font-weight: 400\">I realized that screenshots cannot capture the crazed movements, the carefree sense of motion that were the essence of this sketch. Once the animation speed exceeds a certain limit, the screen creates a visual-affect that is indescribable by the separate, moment by moment images. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">My third piece is relatively stable in contrast, except for the blinking neon effect.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_04_jerry-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10687\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_04_jerry-1.png\" alt=\"\" width=\"892\" height=\"786\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_04_jerry-1.png 892w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_04_jerry-1-300x264.png 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_04_jerry-1-768x677.png 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_05_jerry-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10688\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_05_jerry-1.png\" alt=\"\" width=\"892\" height=\"790\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_05_jerry-1.png 892w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_05_jerry-1-300x266.png 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/conference_05_jerry-1-768x680.png 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">This piece encompasses the idea of utilizing the same object (or pattern) multiple times, but with a different size and at a distinct position. I applied some of my perceptive psychology skills to optimize the aesthetic effect I intended. The end product exceeded my humble expectation.\u00a0 \u00a0 \u00a0 <\/span><\/p>\n<p><span style=\"font-weight: 400\">\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">The most inspiring thing I learned from this project was embedded in art yet beyond art. The spirit of \u00a0\u2018sticking to it\u2019 usually always yields to unexpected outcomes. Art is full of mysteries to uncover &#8211; it simply takes a dose of patience, a dose of curiosity and a dose of persistence. <\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Nature is unfathomable beyond our imagination. In my humble attempt to re-create natural phenomenons, I gained a deeper awe of its sheer intricacy. One of the most vital rewards I gained from my project was, a more profound grasp&#8230;<\/p>\n","protected":false},"author":214,"featured_media":10627,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[257],"class_list":["post-10613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","tag-art-from-code-2","wpcat-225-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10613","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\/214"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10613"}],"version-history":[{"count":9,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10613\/revisions"}],"predecessor-version":[{"id":10693,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10613\/revisions\/10693"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/10627"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10613"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}