{"id":15699,"date":"2020-12-17T17:56:25","date_gmt":"2020-12-17T17:56:25","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=15699"},"modified":"2020-12-17T17:56:46","modified_gmt":"2020-12-17T17:56:46","slug":"art-from-code-oil-and-lavender","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=15699","title":{"rendered":"Art From Code: Oil and Lavender"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020.mp4\"><\/video><figcaption>Video of my entire project<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-3.jpg\" alt=\"\" class=\"wp-image-15707\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-3.jpg 1000w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-3-300x180.jpg 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-3-768x461.jpg 768w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-3-946x568.jpg 946w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-3-675x405.jpg 675w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-3-480x288.jpg 480w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>For my conference project, I wanted to explore the feeling of being in a car during a long road trip. This concept may seem simple enough, yet through the creation of this project I discovered how complex the idea became.\u00a0<\/p>\n\n\n\n<p>First, I started by drawing the frame of the car: knowing that the frame would sort of fade into the conscious background (that is, the body of the car wouldn\u2019t be the central focus, so it should function as a logical starting point- it lets the player know they\u2019re in a car, once, and stops being super relevant afterward). Then, I worked on smaller, interactive pieces within the car to make it feel more alive. The wheel moves, which in turn led to the creation of the road. The key can be placed into the slot, which calls the update() function, giving the car the bumping movement. The player can change perspectives between three different viewpoints, as I wanted them to feel constrained to the car but not constrained to one view. The windows also move.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side.jpg\" alt=\"\" class=\"wp-image-15702\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side.jpg 1000w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-300x180.jpg 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-768x461.jpg 768w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-946x568.jpg 946w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-675x405.jpg 675w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-480x288.jpg 480w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Left View with the Orange Setting<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-1.jpg\" alt=\"\" data-id=\"15704\" data-full-url=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-1.jpg\" data-link=\"http:\/\/astoryisnotatree.net\/?attachment_id=15704\" class=\"wp-image-15704\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-1.jpg 1000w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-1-300x180.jpg 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-1-768x461.jpg 768w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-1-946x568.jpg 946w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-1-675x405.jpg 675w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-1-480x288.jpg 480w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Right Side with Pink View<\/figcaption><\/figure>\n\n\n\n<p>After I constructed the car in its entirety, I worked on the radio. This radio would be one of two main focus points on the car. When on a road trip, music is important to the journey, so I wanted to include tracks that not only exemplified the feeling of being in a car but also lent themselves to the feeling of isolation. I wanted the player to spend time doing two things: watching the scenery and listening to music.\u00a0<\/p>\n\n\n\n<p>So, once I finished the radio, I moved to the scenery. Originally, the arrows on the side of the screen changed the perspective: after a conference with Angela, she suggested that the arrows change the scenery instead. So, I decided to have four different \u201cscenes\u201d that changed with the arrows instead. This suggestion really helped my piece. The arrows exist outside the bounds of reality, so they should affect something outside the realm of the car. The landscapes are different noise functions stacked on top of each other. Initially, I had them load in each time the arrow was clicked, but this proved to be too tedious for processing, so I opted for images instead. Using the skills I learned from our side scroller class, I created the illusion of movement out both sides of the windows. This process took a bit of research to create: I knew intuitively how perspective worked in a car but had difficulty executing it. This led me down the rabbit hole of \u201ccalming nature drive\u201d YouTube video, where I realized what my greatest and most difficult challenge would be: the motion on the sides of the road.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilAndLavendar_ArtFromCode_FALLOS2020_purple.jpg\" alt=\"\" class=\"wp-image-15703\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilAndLavendar_ArtFromCode_FALLOS2020_purple.jpg 1000w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilAndLavendar_ArtFromCode_FALLOS2020_purple-300x180.jpg 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilAndLavendar_ArtFromCode_FALLOS2020_purple-768x461.jpg 768w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilAndLavendar_ArtFromCode_FALLOS2020_purple-946x568.jpg 946w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilAndLavendar_ArtFromCode_FALLOS2020_purple-675x405.jpg 675w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilAndLavendar_ArtFromCode_FALLOS2020_purple-480x288.jpg 480w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Front View with Purple Setting<\/figcaption><\/figure>\n\n\n\n<p>Initially, there wasn\u2019t going to be any motion there: I was going to have the grey road and mountains do the work. However, I wasn\u2019t satisfied with that, so to add to the sort of realism of the movement, I created a new noise image- this time, with just two functions- and cropped out their backgrounds. This helped give the sense of being within a valley of sorts. Then, the movement itself. I decided to work in the 3D mode of Processing to achieve this. Each mountain is on its own matrix, transformed along the X, Y, and Z-axis, and scaled to give the illusion that the mountains grow as they come closer. To make the road seem to travel on forever, I had the mountains reposition themselves every time they passed by the edge of the screen. This process took perhaps the most amount of time, right next to the endings.<\/p>\n\n\n\n<p>As I finished this part of the project, and implemented all the different elements into one document, I began to work on the endings. I knew that the project would have multiple branching endings, and after implementing the unique scenes, I knew the endings would depend on how much time the player spent looking at one scene. Then, after some time passed, the end scene would play:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_deer.jpg\" alt=\"\" class=\"wp-image-15705\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_deer.jpg 1000w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_deer-300x180.jpg 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_deer-768x461.jpg 768w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_deer-946x568.jpg 946w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_deer-675x405.jpg 675w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_deer-480x288.jpg 480w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>The ending with the blue setting<\/figcaption><\/figure>\n\n\n\n<p>A deer, mysterious and blue, would interrupt the player. The entire scene would bleed into black, and the deer would speak to the player: to pass judgement. I wanted there to be this unsettling feeling to this part, but not unsettling in a horror sense: when travelling alone in an unfamiliar, erie place like the mountains, there are two feelings a person may experience: they might be in touch with their surroundings, and absorb the ethereal climate of it all, and they may experience dread, not knowing what lurks behind every turn. These experiences and emotions really work well together, so I wanted to exemplify that in the deer. He is a bright shade of blue, has no pupils, and speaks out loud. After effectively scaring the player, I wanted them to know that this isolated feeling isn\u2019t something they feel by themselves. As a reward for being vulnerable with the deer \u201cchoosing yes when asked if they like a color,\u201d they receive a special ending, dialogue, and song. It is the payoff, the destination, in a way.\u00a0<\/p>\n\n\n\n<p>The entirety of this project was created by me, alone, in my childhood room. I am in a position that many have found themselves in over quarantine: alone. The very definition of \u201cquarantine\u201d is to spend time isolated from the public. I think my project subconsciously displayed my desire to be somewhere else, for just a while. I haven\u2019t been on an extended car ride in nine months. So when the deer talks about wanting to help the player, giving them a gift, and saying that they can visit \u201cany time,\u201d I tried to echo what I would want to hear from a game about isolation, and what I\u2019m feeling currently. I don\u2019t know if this piece is meant to resonate with anyone, or be relatable in any way, but I hope the player would foster some sort of connection to the game through the setting and music.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"600\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-2.jpg\" alt=\"\" class=\"wp-image-15706\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-2.jpg 1000w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-2-300x180.jpg 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-2-768x461.jpg 768w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-2-946x568.jpg 946w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-2-675x405.jpg 675w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2020\/12\/Neves_OilandLavender_ArtFromCode_FALLOS2020_side-2-480x288.jpg 480w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>The purple ending<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>For my conference project, I wanted to explore the feeling of being in a car during a long road trip. This concept may seem simple enough, yet through the creation of this project I discovered how complex the idea became.\u00a0&#8230;<\/p>\n","protected":false},"author":280,"featured_media":15705,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[257],"class_list":["post-15699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","tag-art-from-code-2","wpcat-225-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/15699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/280"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15699"}],"version-history":[{"count":1,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/15699\/revisions"}],"predecessor-version":[{"id":15708,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/15699\/revisions\/15708"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/15705"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}