{"id":7237,"date":"2017-10-31T02:07:15","date_gmt":"2017-10-31T02:07:15","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=7237"},"modified":"2020-05-06T21:32:52","modified_gmt":"2020-05-06T21:32:52","slug":"circling-pink","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=7237","title":{"rendered":"Art from Code: Circling Pink"},"content":{"rendered":"<figure id=\"attachment_7239\" aria-describedby=\"caption-attachment-7239\" style=\"width: 367px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7239\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM-167x300.png\" alt=\"Circling Pink\" width=\"367\" height=\"658\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM-167x300.png 167w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM-571x1024.png 571w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM-624x1118.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM.png 712w\" sizes=\"auto, (max-width: 367px) 100vw, 367px\" \/><\/a><figcaption id=\"caption-attachment-7239\" class=\"wp-caption-text\">&#8220;Circling Pink&#8221;<\/figcaption><\/figure>\n<p>I began the process of creating my scrolling wallpaper by setting up the initial elements I would utilize for the final product. I was inspired by a 70\u2019s aesthetic of looping circles. As a fan of the French New Wave, I set out to create a wallpaper I might find in a Jean-Luc Godard film.<\/p>\n<figure id=\"attachment_7238\" aria-describedby=\"caption-attachment-7238\" style=\"width: 425px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/IMG_7094.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7238\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/IMG_7094-e1509415048413-225x300.jpg\" alt=\"\" width=\"425\" height=\"567\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/IMG_7094-e1509415048413-225x300.jpg 225w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/IMG_7094-e1509415048413-768x1024.jpg 768w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/IMG_7094-e1509415048413-624x832.jpg 624w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><\/a><figcaption id=\"caption-attachment-7238\" class=\"wp-caption-text\">Initial sketch<\/figcaption><\/figure>\n<p>Being that the interiors of his films typically include solid colored walls, I wanted to create what I imagined to be a wallpaper one might find in Ana Karina\u2019s kitchen.<\/p>\n<figure id=\"attachment_7240\" aria-describedby=\"caption-attachment-7240\" style=\"width: 374px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7240\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-1-174x300.png\" alt=\"Initial Wallpaper\" width=\"374\" height=\"645\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-1-174x300.png 174w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-1-594x1024.png 594w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-1-624x1075.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-1.png 716w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/a><figcaption id=\"caption-attachment-7240\" class=\"wp-caption-text\">Initial wallpaper<\/figcaption><\/figure>\n<p>I was drawn to the idea of circular repetition and created a\u00a0moving wheel to compliment the flow of the existing circular pattern.<\/p>\n<figure id=\"attachment_7241\" aria-describedby=\"caption-attachment-7241\" style=\"width: 366px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7241\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-2-166x300.png\" alt=\"Wheel on wallpaper\" width=\"366\" height=\"659\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-2-166x300.png 166w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-2.png 422w\" sizes=\"auto, (max-width: 366px) 100vw, 366px\" \/><\/a><figcaption id=\"caption-attachment-7241\" class=\"wp-caption-text\">Wheel on wallpaper<\/figcaption><\/figure>\n<p>As I added the code of the wheel to my sketch containing the initial pattern, I had the idea to add motion to the background in order to create a more unified visual. I utilized the random tool, creating a tie-dye like pattern.<\/p>\n<figure id=\"attachment_7242\" aria-describedby=\"caption-attachment-7242\" style=\"width: 368px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7242\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-3-168x300.png\" alt=\"Randomized wallpaper\" width=\"368\" height=\"656\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-3-168x300.png 168w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Image-3.png 424w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/a><figcaption id=\"caption-attachment-7242\" class=\"wp-caption-text\">Randomized wallpaper<\/figcaption><\/figure>\n<p>This inspired my later use of the random tool in my placement of shapes. As I felt drawn to the circular aesthetic, I wanted the rest of the shapes to blend into the background, initially appearing to be a part of the circular pattern and at further glance taking their true shape.<\/p>\n<p>I struggled with integrating the wrap and bounce function into the overall sketch.\u00a0\u00a0 At first I used a simple ellipse, then morphed it into a triangular shape composed of randomized lines. This shape, in addition to the wheel, suggested a ferris wheel visual, which I found distracting from the overall piece.\u00a0\u00a0I then reverted back to the ellipse, utilizing the random tool to create a spherical motion.<\/p>\n<figure id=\"attachment_7243\" aria-describedby=\"caption-attachment-7243\" style=\"width: 367px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.03.36-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7243\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.03.36-PM-167x300.png\" alt=\"Image 5\" width=\"367\" height=\"658\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.03.36-PM-167x300.png 167w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.03.36-PM-571x1024.png 571w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.03.36-PM-624x1118.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.03.36-PM.png 712w\" sizes=\"auto, (max-width: 367px) 100vw, 367px\" \/><\/a><figcaption id=\"caption-attachment-7243\" class=\"wp-caption-text\">Ferris wheel<\/figcaption><\/figure>\n<p>I had a very positive experience creating this wallpaper. Through the prompt, I was encouraged to put to use many different tools I\u2019ve acquired throughout the course thus far. I feel I\u2019ve gained a better understanding of how the various functions work in relation to one another, resulting in a stronger grasp on the basics of coding. I was also able to express my interest in the color pink, experimenting with different shades and combinations to produce my scrolling wallpaper \u201cCircling Pink\u201d<\/p>\n<p>.<\/p>\n<figure id=\"attachment_7239\" aria-describedby=\"caption-attachment-7239\" style=\"width: 367px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7239\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM-167x300.png\" alt=\"Circling Pink\" width=\"367\" height=\"658\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM-167x300.png 167w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM-571x1024.png 571w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM-624x1118.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-30-at-9.40.48-PM.png 712w\" sizes=\"auto, (max-width: 367px) 100vw, 367px\" \/><\/a><figcaption id=\"caption-attachment-7239\" class=\"wp-caption-text\">&#8220;Circling Pink&#8221;<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>I began the process of creating my scrolling wallpaper by setting up the initial elements I would utilize for the final product. I was inspired by a 70\u2019s aesthetic of looping circles. As a fan of the French New Wave,&#8230;<\/p>\n","protected":false},"author":161,"featured_media":7239,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[257,347],"class_list":["post-7237","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","tag-art-from-code-2","tag-scrolling-wallpaper","wpcat-225-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7237","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\/161"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7237"}],"version-history":[{"count":5,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7237\/revisions"}],"predecessor-version":[{"id":14107,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/7237\/revisions\/14107"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/7239"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7237"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}