{"id":7330,"date":"2017-11-06T06:13:13","date_gmt":"2017-11-06T06:13:13","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=7330"},"modified":"2020-05-06T21:39:16","modified_gmt":"2020-05-06T21:39:16","slug":"perfect-weather","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=7330","title":{"rendered":"Art from Code: Perfect Weather"},"content":{"rendered":"<figure id=\"attachment_7331\" aria-describedby=\"caption-attachment-7331\" style=\"width: 504px\" class=\"wp-caption alignnone center\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/beggining-scrollpaper.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7331 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/beggining-scrollpaper.png\" alt=\"beggining scrollpaper\" width=\"504\" height=\"710\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/beggining-scrollpaper.png 452w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/beggining-scrollpaper-212x300.png 212w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><\/a><figcaption id=\"caption-attachment-7331\" class=\"wp-caption-text\">Final Realized Collage<\/figcaption><\/figure>\n<p>Like many of my classmates I thrust myself into the great unknown when creating my wallpaper. My process didn&#8217;t begin with any fancy sketches or a long overdrawn brainstorm, instead I went straight to the internet and began perusing wallpapers and patterns created by other digital artists. Some of the patterns and wallpapers that really spoke to me include:<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/cd886db68be991eb77a03363d6f2dd54.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7333 size-medium\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/cd886db68be991eb77a03363d6f2dd54-200x300.jpg\" alt=\"cd886db68be991eb77a03363d6f2dd54\" width=\"200\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/cd886db68be991eb77a03363d6f2dd54-200x300.jpg 200w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/cd886db68be991eb77a03363d6f2dd54.jpg 564w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/e12618bdc8bb07746dedc024ea7de734.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7334 size-medium\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/e12618bdc8bb07746dedc024ea7de734-113x300.jpg\" alt=\"e12618bdc8bb07746dedc024ea7de734\" width=\"113\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/e12618bdc8bb07746dedc024ea7de734-113x300.jpg 113w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/e12618bdc8bb07746dedc024ea7de734-387x1024.jpg 387w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/e12618bdc8bb07746dedc024ea7de734.jpg 481w\" sizes=\"auto, (max-width: 113px) 100vw, 113px\" \/><\/a><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/07485788d8ddef83f93bae7520f1505e.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7332 size-medium\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/07485788d8ddef83f93bae7520f1505e-208x300.jpg\" alt=\"07485788d8ddef83f93bae7520f1505e\" width=\"208\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/07485788d8ddef83f93bae7520f1505e-208x300.jpg 208w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/07485788d8ddef83f93bae7520f1505e.jpg 500w\" sizes=\"auto, (max-width: 208px) 100vw, 208px\" \/><\/a><\/p>\n<p>After collecting a sizable folder on my desktop of patterns and wallpapers, my own wallpaper began to coalesce. I was intrigued by the intersection of natural and obtuse shapes in a repeating sequence to create a wallpaper, and when creating my own wallpaper I wanted to incorporate the idea of nature vs. a pristine, human-generated pattern. Thinking about these things, I moved to create my own wallpaper.<\/p>\n<figure id=\"attachment_7335\" aria-describedby=\"caption-attachment-7335\" style=\"width: 510px\" class=\"wp-caption alignnone center\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/background.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7335 size-full\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/background.png\" alt=\"Beginning with a repeating pattern: zig-zag lines\" width=\"510\" height=\"552\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/background.png 510w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/background-277x300.png 277w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><figcaption id=\"caption-attachment-7335\" class=\"wp-caption-text\">Beginning with a repeating pattern: zig-zag lines<\/figcaption><\/figure>\n<p>Perhaps the most challenging part of my code (save animation) was creating the pattern that would serve as my background: a horizontally repeating zig-zag line. Even using a loop to repeatedly generate the lines, I found I was having trouble with the positioning of the vertex-drawn shape I created. While I considered scrapping the lines altogether at one point because of time, I was possessed with having the zig-zag lines as my background and finding a solution to my coding problems. When I finally got the code to work and properly run\u00a0along the length of my canvas, I felt incredible satisfaction and triumph. One thing this coding assignment has taught me is that every individual coder has his or her own &#8220;mountain&#8221; to overcome. For some people, loops and animations are incredibly tricky, or for someone well versed in loops, composition and design pose a challenge. Each assignment has given me a new set of tools to put to use, and another challenge which to overcome. After triumphing over the creation of my background pattern, I moved on to creating and flushing out other graphic elements.<\/p>\n<figure id=\"attachment_7336\" aria-describedby=\"caption-attachment-7336\" style=\"width: 510px\" class=\"wp-caption alignnone center\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/clouds.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7336 size-full\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/clouds.png\" alt=\"Adding clouds and a sun\" width=\"510\" height=\"567\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/clouds.png 510w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/clouds-269x300.png 269w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><figcaption id=\"caption-attachment-7336\" class=\"wp-caption-text\">Adding clouds and a sun<\/figcaption><\/figure>\n<p>When creating my wallpaper I thought a great deal about nature and perfection, and the ugliness of nature colliding with the structure and perfection of repeating patterns on a wallpaper. While most of the shapes on my wallpaper ended up being geometric, I tried to create some more organic and custom shapes with the coding tools at my hands (vertex drawing and arc to be specific). With arc, I was able to create clouds, and soon I was well on my way to creating a weather pattern. As I was coding, I reflected on how the proximity of shapes with one another created a new shape, or familiar objects we all know. Using arc, ellipse, and rectangle I was able to create a cloud and generate symbolic weather underneath using rectangles. However, if I were just to put all of my shapes in a horizontal line, they would have no meaning to one another. As I&#8217;ve spent over half my the first semester coding art, I&#8217;m surprised at how art and coding are both about relationships.<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/beggining-scrollpaper.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7331 \" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/beggining-scrollpaper.png\" alt=\"beggining scrollpaper\" width=\"505\" height=\"712\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/beggining-scrollpaper.png 452w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/11\/beggining-scrollpaper-212x300.png 212w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/a><\/p>\n<p>One hang-up with my project is that I was unable to achieve animation. I wanted my rectangular raindrops to oscillate up and down, and the background pattern to loop and move upward, creating tension between the piece. I wasn&#8217;t able to achieve animation primarily because of the way I coded my objects&#8217; x and y positions. When trying to return and introduce animation, I found it difficult to do so when I was already using the x and y in my for loops. I would really love to return to this piece and add animation!<\/p>\n<p>On the subject of composition, while I generally like the colors I was able to achieve and the overall aesthetic, there is something very bland and head-on about my wallpaper which I don&#8217;t especially like. After looking at my finished wallpaper, I shook my head a bit because the pattern I created reminded me of a blanket. I&#8217;ve noticed in much of my artwork a level of &#8220;coherence&#8221; or comprehension that turns my art &#8220;flat&#8221;. As I&#8217;m just beginning to dive into art, especially art created from code, I would love to develop my sense of composition and creating more organic artwork not so rigid and heavy-handed. Overall I am pleased that I was able to solve some personal problems with my code, but I still think there is much to learn and improve upon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Like many of my classmates I thrust myself into the great unknown when creating my wallpaper. My process didn&#8217;t begin with any fancy sketches or a long overdrawn brainstorm, instead I went straight to the internet and began perusing wallpapers&#8230;<\/p>\n","protected":false},"author":170,"featured_media":7331,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[257,346,347],"class_list":["post-7330","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","tag-art-from-code-2","tag-wallpaper","tag-scrolling-wallpaper","wpcat-225-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7330","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\/170"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7330"}],"version-history":[{"count":11,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7330\/revisions"}],"predecessor-version":[{"id":14114,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7330\/revisions\/14114"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/7331"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7330"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}