{"id":5189,"date":"2016-12-08T01:13:44","date_gmt":"2016-12-08T01:13:44","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=5189"},"modified":"2020-02-19T22:16:23","modified_gmt":"2020-02-19T22:16:23","slug":"conference-project-post-mortem-nature-code","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=5189","title":{"rendered":"Art from Code: Nature + Code Post-Mortem"},"content":{"rendered":"<p class=\"p1\">My conference project\u2019s theme is nature and its replication using code. Nature is known to follow a system and set of rules while utilizing the slightest bit of unpredictability. The same can be said for coding: there are rules to follow, but there\u2019s a lot of room for randomness. I wanted to incorporate this within my code and find just how close to the beauty of nature I could make my sketches. I was very inspired by Holger Lippmann\u2019s work representing aspects of the natural world in his art.<\/p>\n<p class=\"p1\">When I began each sketch, I had a few guidelines but not many. For instance, the first sketch I created was Push + Pull based on my original sketchbook drawing of an ocean with the tide coming in and out. I knew what I wanted the general sketch to look like, but I was not prepared for the outcome which exceeded my expectations. With the use of multiple gradients, I was able to form the landscape without using defined shapes. Rather, the gradients are made up of individual lines that change color with each y value (probably?). Then, to add the value of the waves hitting the sand, I used simple noisy white lines. I was very pleased with the end result, not aware that I would even consider using multiple gradients. Even now there is still more I\u2019d like to add, for instance clouds or boats in the distance, but for now I\u2019m very happy with this sketch.<\/p>\n<figure id=\"attachment_5199\" aria-describedby=\"caption-attachment-5199\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch1.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-5199\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch1.png\" alt=\"Sketchbook ocean\" width=\"500\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch1.png 500w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch1-300x180.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-5199\" class=\"wp-caption-text\">Sketchbook ocean<\/figcaption><\/figure>\n<figure id=\"attachment_5198\" aria-describedby=\"caption-attachment-5198\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/PushPull.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5198\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/PushPull.png\" alt=\"Push + Pull (2016) Kaili Aloupis\" width=\"500\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/PushPull.png 500w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/PushPull-300x180.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-5198\" class=\"wp-caption-text\">Push + Pull (2016) Kaili Aloupis<\/figcaption><\/figure>\n<p class=\"p1\">My following sketch Anthocyanin is based on an idea I had of flower garden. Flowers are very interesting and difficult to replicate exactly the same each time. Much like natural flowers, my coded flowers take on new identities with every run of the program. This was my most difficult sketch because it required me to take a concept like Wave Clocks, which has a lot of different parts, and expand upon it. I had to first find the right flow I wanted the petals to follow, but due to the noise in the sketch I could not create the same exact flower each time. I was disappointed, but eventually I made it work by controlling the variables as much as I could. However, it was very frustrating to find what exactly I could control and how. The rest was just a matter of finding the right colors and locations for each of the flowers.<\/p>\n<figure id=\"attachment_5197\" aria-describedby=\"caption-attachment-5197\" style=\"width: 497px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Anthocyanin.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-5197\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Anthocyanin.png\" alt=\"Anthocyanin (2016) Kaili Aloupis\" width=\"497\" height=\"298\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Anthocyanin.png 500w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/Anthocyanin-300x180.png 300w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/a><figcaption id=\"caption-attachment-5197\" class=\"wp-caption-text\">Anthocyanin (2016) Kaili Aloupis<\/figcaption><\/figure>\n<p class=\"p1\">Right now I\u2019m still trying to perfect my Drip Drop sketch. It looks almost identical to the original sketchbook drawing I made earlier in the semester. I really loved the idea and wanted to make it as close to the original as possible. The idea was to create puddles during the rain, and as the rain falls there are ripples throughout the puddles. Instead of using a function to create raindrops like I had originally planned, I found I liked the appearance of simple random ellipses popping up.<\/p>\n<figure id=\"attachment_5200\" aria-describedby=\"caption-attachment-5200\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5200\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch2.png\" alt=\"Sketchbook puddles\" width=\"500\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch2.png 500w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch2-300x180.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-5200\" class=\"wp-caption-text\">Sketchbook puddles<\/figcaption><\/figure>\n<figure id=\"attachment_5202\" aria-describedby=\"caption-attachment-5202\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/DripDrop.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5202\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/DripDrop.png\" alt=\"Drip Drop (2016) Kaili Aloupis\" width=\"500\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/DripDrop.png 500w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/DripDrop-300x180.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-5202\" class=\"wp-caption-text\">Drip Drop (2016) Kaili Aloupis<\/figcaption><\/figure>\n<p class=\"p1\">Encompassing Sun is the one sketch I implemented 3D in. The first part of my sketch was the sphere in the center, and to make it more dynamic I wanted it to be a rotating sphere that zoomed in and out throughout the sketch. From there I discovered you could get some really interesting patterns when adding the rotate() function to noisy lines, hence the sun\u2019s outer design. There was a lot I had to consider with this sketch such as transform() and push and pop matrix. A lot of it was just guess and check until I finally began to see how things were affected with each change. My plan was to originally just have the sun in the center, but I wanted other spaces in the sketch to be interesting as well, so the other rotating spheres could be other planets. It was a fun sketch that took me by surprise considering how much new material I used that I didn\u2019t even think I would consider.<\/p>\n<figure id=\"attachment_5201\" aria-describedby=\"caption-attachment-5201\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5201\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch3.png\" alt=\"Sketchbook sun\" width=\"500\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch3.png 500w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/sketch3-300x180.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-5201\" class=\"wp-caption-text\">Sketchbook sun<\/figcaption><\/figure>\n<figure id=\"attachment_5203\" aria-describedby=\"caption-attachment-5203\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/EncompassingSun.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5203 size-full\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/EncompassingSun.png\" alt=\"encompassingsun\" width=\"500\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/EncompassingSun.png 500w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2016\/12\/EncompassingSun-300x180.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-5203\" class=\"wp-caption-text\">Encompassing Sun (2016) Kaili Aloupis<\/figcaption><\/figure>\n<p class=\"p1\">All in all, I\u2019m very happy with my work for this conference. It\u2019s really satisfying to see simple sketches in a notebook become dynamic artworks in code. I\u2019m always surprised how different the final product is from my original intention, but I\u2019ve always found it to be for the better. There\u2019s still a lot I need to learn and understand in order to better control my sketches, but I\u2019m very happy with where I am right now.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>My conference project\u2019s theme is nature and its replication using code. Nature is known to follow a system and set of rules while utilizing the slightest bit of unpredictability. The same can be said for coding: there are rules to&#8230;<\/p>\n","protected":false},"author":117,"featured_media":5199,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[39,241,242,50],"class_list":["post-5189","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","tag-conference-project","tag-generative-art","tag-noise","tag-conference","wpcat-225-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/5189","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\/117"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5189"}],"version-history":[{"count":3,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/5189\/revisions"}],"predecessor-version":[{"id":13173,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/5189\/revisions\/13173"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/5199"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5189"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}