{"id":12425,"date":"2019-11-11T06:31:05","date_gmt":"2019-11-11T06:31:05","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=12425"},"modified":"2019-12-23T21:24:38","modified_gmt":"2019-12-23T21:24:38","slug":"art-from-code-a-response-to-vera-molnar-11","status":"publish","type":"post","link":"https:\/\/r6g.ad7.mwp.accessdomain.com\/?p=12425","title":{"rendered":"Art From Code: A Response to Vera Moln\u00e1r"},"content":{"rendered":"\n<p>Vera Moln\u00e1r, as one of the pioneers of computer art, was really interested in repetition and changing her work one parameter one at a time. As a practice, I have several elements I wanted to experiment with repetition and randomness, including changing the size, the color, and the shape gradually and see what I got at the end. <\/p>\n\n\n\n<p>I was very fascinated with primitive shapes and primitive colors, and I wanted to create stuff with triangles, especially symmetric objects with bright colors. As I got inspired by Vera Moln\u00e1r&#8217;s <em>Carrer<\/em>, which is an artwork made up of squares, I started off creating my gradualism piece with a combination of bright yellow and isosceles triangles as the starting image by using &#8220;for loop&#8221; to loop through the parameters for triangles and adds some space.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2019\/12\/v1.png\" alt=\"\" class=\"wp-image-12438\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v1.png 600w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v1-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v1-300x300.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Image 1<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>I gave some space between each triangle and lined up all the triangles. For my starting image, I wanted it as simple as possible so it would have more variety for later alterations.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2019\/12\/v2.png\" alt=\"\" class=\"wp-image-12440\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v2.png 600w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v2-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v2-300x300.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Image 2<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>In my second variation,  I added another upside-down isosceles triangle to the loop. I changed the width of the new triangle to be twice as long as the original one and attached the base of both triangles together. For this image, I removed the fill() function and instead used stroke()  to make the outline of the triangles stand out. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2019\/12\/v3-2.png\" alt=\"\" class=\"wp-image-12444\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v3-2.png 600w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v3-2-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v3-2-300x300.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>image 3<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>In addition to the second image, I added the rgb parameters to the second one. In my opinion, color is a very fun element to play with yet very unpredictable, so I want to input the color into the code to have a sense of randomness. In the &#8220;for loop&#8221;, I altered the rgb values into random( 0-255), so the color might be repeated but will be in random order. When looping through these triangles, since I input random color, it almost feels like these triangles are moving in a very fast path.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"591\" height=\"595\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2019\/12\/v3_1-1.png\" alt=\"\" class=\"wp-image-12445\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v3_1-1.png 591w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v3_1-1-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v3_1-1-298x300.png 298w\" sizes=\"auto, (max-width: 591px) 100vw, 591px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Image 4<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>For image four, I altered the size of the second triangle and increased the x and y values, which are the coordinates of the triangle, using the random function. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"592\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2019\/12\/v4.png\" alt=\"\" class=\"wp-image-12446\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v4.png 590w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v4-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2019\/12\/v4-300x300.png 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Image 5<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>For the last image, I scale the second image by random(1, 1.9) and reduce the x and y value to 20. Also, I alter two different stroke color for two triangles.<\/li><\/ul>\n\n\n\n<p>In general, it is a very good practice to see what other computer artists&#8217; artwork and experience their idea myself. And what I really love about this response to Molnar is that the code will lead me to the image and even I have some control over the parameters, it might not come out what I expected and sometimes that&#8217;s the fun part about coding. When looking at all five images together, it&#8217;s pretty clear that it implement Molnar&#8217;s gradualism but I use my choice of parameter and alter it randomly.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vera Moln\u00e1r, as one of the pioneers of computer art, was really interested in repetition and changing her work one parameter one at a time. As a practice, I have several elements I wanted to experiment with repetition and randomness,&#8230;<\/p>\n","protected":false},"author":249,"featured_media":12839,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[365],"tags":[257,410],"class_list":["post-12425","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-new-genres-2","tag-art-from-code-2","tag-vera-molnar","wpcat-365-id"],"_links":{"self":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/12425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/users\/249"}],"replies":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12425"}],"version-history":[{"count":2,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/12425\/revisions"}],"predecessor-version":[{"id":12447,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/12425\/revisions\/12447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/media\/12839"}],"wp:attachment":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}