{"id":1713,"date":"2018-11-08T15:29:20","date_gmt":"2018-11-08T15:29:20","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/cc18\/?p=1713"},"modified":"2018-11-08T15:42:10","modified_gmt":"2018-11-08T15:42:10","slug":"generative-landscape-outer-space","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/11\/08\/generative-landscape-outer-space\/","title":{"rendered":"Generative Landscape (Outer space)"},"content":{"rendered":"<div class=\"entry-content\">\n<p>www.openprocessing.org\/sketch\/622600<\/p>\n<p>My project is a generative, abstract depiction of outer space. I used an array created by a for loop to display the lines moving up the window. I drew the planets, rocket, and ufo from my phone, converted it into a transparent png by deleting the background in Photoshop, and imported them into my sketch. Then, to make them move, I created classes for each object with a move() and a show() function to generate the their random movements on the screen.<\/p>\n<p>I ran into several problems during the process of my project. Firstly, I had problems getting my lines and my images to move, which was solved with use of classes and reference to the previous raindrop catching exercise. I also had a hard time getting the colors to show correctly with the random lines, but I decided to do without the colored lines because I preferred the minimal grayscale look. Additionally, I had more illustrations I wanted to add to my project but they began to slow down the loading of the entire project, so I omitted some elements as well.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1718\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/11\/08\/generative-landscape-outer-space\/snip1\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?fit=1152%2C795&amp;ssl=1\" data-orig-size=\"1152,795\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"snip1\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?fit=300%2C207&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?fit=1024%2C707&amp;ssl=1\" class=\"alignnone size-full wp-image-1718\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?resize=1140%2C787&#038;ssl=1\" alt=\"\" width=\"1140\" height=\"787\" srcset=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?w=1152&amp;ssl=1 1152w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?resize=300%2C207&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?resize=768%2C530&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip1.png?resize=1024%2C707&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/a> <a href=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1719\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/11\/08\/generative-landscape-outer-space\/snip2\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?fit=1144%2C772&amp;ssl=1\" data-orig-size=\"1144,772\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"snip2\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?fit=300%2C202&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?fit=1024%2C691&amp;ssl=1\" class=\"alignnone size-full wp-image-1719\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?resize=1140%2C769&#038;ssl=1\" alt=\"\" width=\"1140\" height=\"769\" srcset=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?w=1144&amp;ssl=1 1144w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?resize=300%2C202&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?resize=768%2C518&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/snip2.png?resize=1024%2C691&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>www.openprocessing.org\/sketch\/622600 My project is a generative, abstract depiction of outer space. I used an array created by a for loop to display the lines moving up the window. I drew the planets, rocket, and ufo from my phone, converted it into a transparent png by deleting the background in Photoshop, and imported them into my<a class=\"more-link button\" href=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/11\/08\/generative-landscape-outer-space\/\">Read More<\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[12],"tags":[],"class_list":["post-1713","post","type-post","status-publish","format-standard","hentry","category-p3-generativelandscape"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paeb9f-rD","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/comments?post=1713"}],"version-history":[{"count":4,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1713\/revisions"}],"predecessor-version":[{"id":1734,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1713\/revisions\/1734"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/media?parent=1713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/categories?post=1713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/tags?post=1713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}