{"id":10651,"date":"2018-12-22T13:28:41","date_gmt":"2018-12-22T13:28:41","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=10651"},"modified":"2018-12-22T13:28:41","modified_gmt":"2018-12-22T13:28:41","slug":"art-from-code-alone-in-the-dark","status":"publish","type":"post","link":"https:\/\/r6g.ad7.mwp.accessdomain.com\/?p=10651","title":{"rendered":"Art from Code: Alone in the Dark"},"content":{"rendered":"<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10656\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-294x300.png 294w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-768x783.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-1004x1024.png 1004w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\"> Vera Molnar used precise controls and exact measurements to create a sequence of images each with a single changing element.<span class=\"Apple-converted-space\">\u00a0 <\/span>Georg Nees used stochastic procedures and generative functions to create unique shapes which could easily be altered, changed, and or repeated.<span class=\"Apple-converted-space\">\u00a0 <\/span>Grace C. Hertlein borrowed many of Nees\u2019s ideas, and took them a step further.<span class=\"Apple-converted-space\">\u00a0 <\/span>She added elements of randomness which gave the computer more control, allowing for more organic, fluid, and softer visual styles.<span class=\"Apple-converted-space\">\u00a0 <\/span>She preferred the more playful, experimental pieces.<span class=\"Apple-converted-space\">\u00a0 <\/span>For Hertlein, it was never about control over every detail, or perfection, it was about creativity, experimenting and the art.\u00a0<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\"> Taking inspiration from Molnar\u2019s use of gradualism, Nees\u2019s use of formalism, and Hertlein\u2019s randomness, <i>Alone in the Dark<\/i> is an interactive piece having to do with BiPolar disorder.<span class=\"Apple-converted-space\">\u00a0 <\/span>When first opened, the piece will be a black screen with only one spinning white hexagon visible.<span class=\"Apple-converted-space\">\u00a0 <\/span>The hexagon was created using Nees\u2019s technique.<span class=\"Apple-converted-space\">\u00a0 <\/span>The number of sides, the radius, speed, and other values can easily be changed without having to recreate the whole shape.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\"> Similar to Heirtlein\u2019s lust for organic creativity and uncertain exploration, this art piece requires a combination of human and machine control.<span class=\"Apple-converted-space\">\u00a0 <\/span>The piece depends on its audience to act in certain ways, perform certain functions, but everyone can go about it differently.<span class=\"Apple-converted-space\">\u00a0 <\/span>It will always turn out differently, the user and the computer are working together.<span class=\"Apple-converted-space\">\u00a0 <\/span>The experience requires interactivity.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-22-at-8.21.37-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10657\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-22-at-8.21.37-AM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-22-at-8.21.37-AM-294x300.png 294w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-22-at-8.21.37-AM-768x783.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-22-at-8.21.37-AM-1004x1024.png 1004w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\"> While interacting with the work, the first thing the audience will notice is how the white hexagon is tracking the mouse.<span class=\"Apple-converted-space\">\u00a0 <\/span>The next thing one will experience appears after the mouse enters a set area.<span class=\"Apple-converted-space\">\u00a0 <\/span>The hexagon will grow in size, and an image will appear.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10656\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-294x300.png 294w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-768x783.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-1004x1024.png 1004w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\"> Next, after one interacts with the lone face in the vast black canvas, the darkness will disappear and reveal the mind in surrounded by an ocean with four fish swimming.<span class=\"Apple-converted-space\">\u00a0 <\/span>If looked at closer, the four different colored fish each contains a pill.<span class=\"Apple-converted-space\">\u00a0 <\/span>The fish will follow the white hexagon around everywhere, but the white hexagon can also push them away.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.31-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10655\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.31-PM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.31-PM-294x300.png 294w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.31-PM-768x783.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.31-PM-1004x1024.png 1004w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\"> When moving the mouse about the piece, whether to run away from the fish, to push away the fish, or possibly just exploring the canvas, phrases may begin to appear.<span class=\"Apple-converted-space\">\u00a0 <\/span>Hidden around the canvas are fifteen quotes, all bright red, but only visible when under the mouse.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.06-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10654\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.06-PM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.06-PM-294x300.png 294w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.06-PM-768x783.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.06-PM-1004x1024.png 1004w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.14-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10653\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.14-PM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.14-PM-294x300.png 294w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.14-PM-768x783.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.14-PM-1004x1024.png 1004w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.22-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10652\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.22-PM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.22-PM-294x300.png 294w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.22-PM-768x783.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.14.22-PM-1004x1024.png 1004w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\"> Finally, when the viewer has nothing left to see or no time left to witness, they can once more interact with that lonely face, and darkness will again wash over the ocean.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10656\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-294x300.png 294w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-768x783.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-21-at-10.13.19-PM-1004x1024.png 1004w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\"> When first beginning this piece, the plan was very different from the outcome.<span class=\"Apple-converted-space\">\u00a0 <\/span>As work continued, certain ideas became impractical, new better ideas replaced the originals, and eventually,<i> Alone in the Dark <\/i>became a complete work.<span class=\"Apple-converted-space\">\u00a0 <\/span>Created mostly with images and shapes, this piece includes 28 different images and 7 shapes.<span class=\"Apple-converted-space\">\u00a0 <\/span>Every individual item in the screen, is its own object.<span class=\"Apple-converted-space\">\u00a0 <\/span>This piece includes a total of 30 objects some of which include each of the fish, the face in the center, the hexagon, the black layer, the ocean, even each individual phrase is its own object.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\"> All but one of the images were created specifically for this piece.<span class=\"Apple-converted-space\">\u00a0 <\/span>The face in the center is actually a picture of my face, on top of which I added bright, chaotic colors and lines meant to represent brain function.<span class=\"Apple-converted-space\">\u00a0 <\/span>The fish are all carrying a different colored pill, and each required two images, one facing right, and the other left.<span class=\"Apple-converted-space\">\u00a0<\/span><\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/bfish2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10658\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/bfish2-300x189.png\" alt=\"\" width=\"300\" height=\"189\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/bfish2-300x189.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/bfish2-768x484.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/bfish2-1024x645.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/bfish2-200x125.png 200w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/bfish2.png 1680w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\u00a0<a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/rfish2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10661 size-medium\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/rfish2-300x189.png\" alt=\"\" width=\"300\" height=\"189\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/rfish2-300x189.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/rfish2-768x484.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/rfish2-1024x645.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/rfish2-200x125.png 200w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/rfish2.png 1680w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/ofish2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10660\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/ofish2-300x189.png\" alt=\"\" width=\"300\" height=\"189\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/ofish2-300x189.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/ofish2-768x484.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/ofish2-1024x645.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/ofish2-200x125.png 200w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/ofish2.png 1680w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/gfish2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-10659\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/12\/gfish2-300x189.png\" alt=\"\" width=\"300\" height=\"189\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/gfish2-300x189.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/gfish2-768x484.png 768w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/gfish2-1024x645.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/gfish2-200x125.png 200w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2018\/12\/gfish2.png 1680w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\">They all spawn at different locations on the canvas, and all move at a different speed.<span class=\"Apple-converted-space\">\u00a0 <\/span>They are always following the mouse, trying to stay on the edge of the hexagon.<span class=\"Apple-converted-space\">\u00a0 <\/span>They can never enter the hexagon unless the mouse is moving towards the fish, an action which push the fish away.<span class=\"Apple-converted-space\">\u00a0 <\/span>However, since the mouse can be moved much faster than the fish can move, the hexagon can pass through the fish.<span class=\"Apple-converted-space\">\u00a0 <\/span>The only image created prior to this project is the water background, but that image required a vertically flipped duplicate in order to achieve the rippling effect.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\"> This piece is an attempt to create a visual representation of what goes on in the mind of a child suffering from mental illness.<span class=\"Apple-converted-space\">\u00a0 <\/span>At a young age I was diagnosed with bipolar disorder, and this work includes a lot of my own thoughts and feelings.<span class=\"Apple-converted-space\">\u00a0 <\/span>The instruction-less nature of the interactive art is supposed to mimic the feeling of confusion and losing oneself in their own mind.<span class=\"Apple-converted-space\">\u00a0 <\/span>Everything is hidden and needs to be searched for, but depending on where one looks, what they find could greatly differ.<span class=\"Apple-converted-space\">\u00a0 <\/span>That is meant to portray the instantaneous, uncontrollable switching from one emotion to the next, not knowing which feeling will appear next.<span class=\"Apple-converted-space\">\u00a0 <\/span>The quotes are also all things I have either said or heard myself.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">Ultimately, <em>Alone in the Dark<\/em> is meant to be a reminder to every individual suffering from mental illness, you are not alone, a commending of societies\u2019 ever increasing acknowledgement of the existence of mental illness, it is both a curse and a gift, and a tribute to the constantly evolving medium of computer artwork, you have created a new way for people to express themselves and create.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vera Molnar used precise controls and exact measurements to create a sequence of images each with a single changing element.\u00a0 Georg Nees used stochastic procedures and generative functions to create unique shapes which could easily be altered, changed, and or&#8230;<\/p>\n","protected":false},"author":218,"featured_media":10656,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[],"class_list":["post-10651","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","wpcat-225-id"],"_links":{"self":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/10651","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\/218"}],"replies":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10651"}],"version-history":[{"count":1,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/10651\/revisions"}],"predecessor-version":[{"id":10662,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/10651\/revisions\/10662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/media\/10656"}],"wp:attachment":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}