{"id":10358,"date":"2018-12-13T16:25:14","date_gmt":"2018-12-13T16:25:14","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=10358"},"modified":"2018-12-22T02:11:45","modified_gmt":"2018-12-22T02:11:45","slug":"art-from-code-a-response-to-grace-hertlein-5","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=10358","title":{"rendered":"Art from Code: A Response to Grace Hertlein"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Generative art refers to art that has, in some way, has been created with the use of an autonomous system, or in the computer art lens, an increment or property of randomness, to create a soft organic effect.<\/span><span style=\"font-weight: 400\">The term generative art is predominantly used in reference to a certain kind of art made on the net, particularly because artists devise programs that can be accessed and controlled by the public. Generative art is also associated with process art. Through generative art one can create a entire scene through a series of simple and light lines, the presence of noise or lack that of that the lines create. <\/span><span style=\"font-weight: 400\">Grace Hertlein was one of the forces who pushed for the acceptance of this idea <\/span><span style=\"font-weight: 400\">\u00a0even though the traditional minded community pushed against it. \u201cGrace <\/span><span style=\"font-weight: 400\">reported that she was called a \u201cwhore\u201d and \u201ctraitor\u201d by a fellow artist, who saw her choice of medium as morally questionable and as a complete rejection of authentic artistic traditions. \u00a0Graces work unlike others of her time used the idea of noise from randomness to essentially mimic nature with simple random features allowing for variation in figure and form.<\/span><\/p>\n<p><span style=\"font-weight: 400\">For my first sketch, I was inspired by interactions between animals and elements. Such as birds interaction with air, worms interaction with dirt, and so forth. What I finally chose however was the presence of light and how it interacts with animals such as moths or bats which my sketch could both represent depending on the sketches. I also utilized mouse interaction and incremented mousex and mousey as the scale of the bats and their relative to their opacity to the human eye in order to try to make it more similar \u00a0to a \u201c3D scene layout,\u201d rather than a 2D sketch.<a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2.1-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10623\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2.1-1-1024x683.jpg\" alt=\"\" width=\"678\" height=\"452\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2.1-1-1024x683.jpg 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2.1-1-300x200.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2.1-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10622\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-1-1024x683.jpg\" alt=\"\" width=\"678\" height=\"452\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-1-1024x683.jpg 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-1-300x200.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-3-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10621\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-3-1-1024x683.jpg\" alt=\"\" width=\"678\" height=\"452\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-3-1-1024x683.jpg 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-3-1-300x200.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH2-DRAWING-3-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a> <\/span><\/p>\n<p><span style=\"font-weight: 400\">For my second artwork, I looked at flowers, not the flowers but florets or the center of the flower, I was drawn to the florets rather than petals because i felt that the patterns within them, we much more intricate than the patterns of flowers and and resemble techniques similar to grace Hertlein. The floret of the flower parallels to the line techniques used by Hertlein to create noise, each overlap of lines represents the location where a seed is stored. \u00a0I created this by using multiple curves with a variety of stroke widths. Some curves have had a light pink fill to represent the holding location of the the seeds. Then to create a overlap I rotated the curves rotate(millis()\/100.0); to have a constant rotation, and translate(offset, -sin(-millis()\/1000.0)*100); to keep expanding it and have multiple layers. I added green and light green to connect it to plants, since from my psychology class I learned about how society colors have indoctrinated forms, shapes and images they connect it to, I thought that it would add to the resemblance to nature in serve as a visible contrast between the vibrant unnatural like colors of the floret pod. I also used a variety of opacities to help the illusion of a large amount of pods. This is one of my final sketches that really uses randomness to its advantage although only as one increment. In this case I used this to allow the variation of point a\u2019s equivalent, which varied from 300,500, This way a new floret will be produced each time the sketch is played.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-2-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10625\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-2-1.jpg\" alt=\"\" width=\"803\" height=\"806\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-2-1.jpg 803w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-2-1-150x150.jpg 150w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-2-1-300x300.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-2-1-768x771.jpg 768w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-1-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10624\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-1-2.jpg\" alt=\"\" width=\"809\" height=\"803\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-1-2.jpg 809w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-1-2-150x150.jpg 150w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-1-2-300x298.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-1-2-768x762.jpg 768w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-3-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10617\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-3-1.jpg\" alt=\"\" width=\"802\" height=\"838\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-3-1.jpg 802w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-3-1-287x300.jpg 287w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH3-DRAWING-3-1-768x802.jpg 768w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400\">For my last response to Hertlein I wanted something colorful, but yet abstract. My goal was to connect a form and color pattern of different dissociated things and try to have them flow together. For the color scheme \u00a0I looked at the the natural phenomenon of the northern lights of <\/span><span style=\"font-weight: 400\">An aurora. \u00a0I was so drawn to this because of the gratuity of the color and the repetition of the elongation of the \u00a0pattern movement. For the form, I looked at the idea of \u201cpopular representation\u201d of dna, Although it strays a bit from Hertlein&#8217;s traditional works, I wanted to connect the two expressing this typically seamless looking illusion with a series of lines Hertlein reflecting lines on a vertical linear axis. \u00a0To create the form I rotated ellipses of random width and height, with the random factor with caps ranging from up to 100 or a little as 20 to create multiple I simply duplicated and translated them.<a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-3-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10620\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-3-1-988x1024.jpg\" alt=\"\" width=\"678\" height=\"703\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-3-1-988x1024.jpg 988w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-3-1-290x300.jpg 290w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-3-1-768x796.jpg 768w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-3-1.jpg 1002w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-2-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10619\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-2-1-988x1024.jpg\" alt=\"\" width=\"678\" height=\"703\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-2-1-988x1024.jpg 988w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-2-1-290x300.jpg 290w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-2-1-768x796.jpg 768w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-2-1.jpg 1002w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-1-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10618\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-1-1-988x1024.jpg\" alt=\"\" width=\"678\" height=\"703\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-1-1-988x1024.jpg 988w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-1-1-290x300.jpg 290w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-1-1-768x796.jpg 768w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/HERLINE_SKETCH1-DRAWING-1-1.jpg 1002w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a><\/span><\/p>\n<p><span style=\"font-weight: 400\">For the color I \u00a0had to incremented r and g as aspects of the rgb color, allowing the color to gradually shift in all three aspects while stilling connecting to aspects \u00a0from the green spectrum,blue spectrum, pink spectrum,yellow spectrum<\/span><span style=\"font-weight: 400\">,<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Generative art refers to art that has, in some way, has been created with the use of an autonomous system, or in the computer art lens, an increment or property of randomness, to create a soft organic effect.The term generative&#8230;<\/p>\n","protected":false},"author":212,"featured_media":10625,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[],"class_list":["post-10358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","wpcat-225-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10358","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\/212"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10358"}],"version-history":[{"count":3,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10358\/revisions"}],"predecessor-version":[{"id":10626,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/10358\/revisions\/10626"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/10625"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10358"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}