![\"\"](\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7-2018-11-08-%E4%B8%8B%E5%8D%882.16.20.png?resize=300%2C164&ssl=1\")
![\"\"](\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7-2018-11-08-%E4%B8%8B%E5%8D%882.16.41.png?resize=300%2C164&ssl=1\")
![\"\"](\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/gi.gif?resize=300%2C180&ssl=1\")
![\"\"](\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7-2018-11-08-%E4%B8%8A%E5%8D%8810.35.39.png?resize=300%2C151&ssl=1\")
![\"\"](\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7-2018-11-08-%E4%B8%8A%E5%8D%8810.35.52.png?resize=300%2C151&ssl=1\")
![\"\"](\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7-2018-11-08-%E4%B8%8A%E5%8D%8810.38.07.png?resize=300%2C151&ssl=1\")
![\"\"](\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/11\/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7-2018-11-08-%E4%B8%8A%E5%8D%8810.38.28.png?resize=300%2C150&ssl=1\")
<\/p>\n <\/p>\n
For my generative landscape, I use Perlin noise function to create a nebula in the middle. In terms of the nebula, I took FlowField and StarField code from Danial Shiffman as a reference. It was originally starting at t random position, flowing around the screen randomly, and the edge, which makes the particles bound back instead of flowing outside the screen, is set as a rectangle. So, I change the starting point to the center, and change the bounding edge from a rectangle shape to a circle, and use a if function to make it bound back toward the center if it grows bigger than the confining circle, which gets larger according to the framecount. The color for the nebula changes depending on the distance of the particles and the center. I also add a MouseIsPressed function to make this project more interactive, so if you hold down the left mouse button, another color will shows. I use a secondary background for the nebula in order to preventing it being affected by the background for stars and fafafish. As for the stars and the fafafish, I firstly create them at a random position on the screen, and add a variable to make it originates at the center and looks more 3D. It moves faster as it gets closer to the front.<\/p>\n
The difficulty I met for this project would be that controlling the color and the speed of each elements, especially the color and the speed of nebula, because these data are changed based on the distances between particles and the center. To solve this problem, I keep testing different numbers, and use pow or sqrt to make the date more precise.<\/p>\n
\n
Link:\u00a0https:\/\/www.openprocessing.org\/sketch\/623516<\/a><\/p>\n \n Reference:<\/p>\n Shiffman, Daniel\u00a0 https:\/\/github.com\/CodingTrain\/website\/find\/master<\/a><\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" For my generative landscape, I use Perlin noise function to create a nebula in the middle. In terms of the nebula, I took FlowField and StarField code from Danial Shiffman as a reference. It was originally starting at t random position, flowing around the screen randomly, and the edge, which makes the particles bound backRead More<\/a><\/p>\n","protected":false},"author":2,"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,1],"tags":[],"class_list":["post-1724","post","type-post","status-publish","format-standard","hentry","category-p3-generativelandscape","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paeb9f-rO","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1724","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":3,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"predecessor-version":[{"id":1749,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1724\/revisions\/1749"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}