{"id":1071,"date":"2014-12-02T03:27:43","date_gmt":"2014-12-02T03:27:43","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=1071"},"modified":"2020-05-06T19:59:03","modified_gmt":"2020-05-06T19:59:03","slug":"particles-exercise-4","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=1071","title":{"rendered":"Games from Nothing: Black &#038; White Exercise #4 \u2014 Particles"},"content":{"rendered":"<p>I worked on two different projects for this one. The first experimented with more forced perspective. The particle system of objects is being transform-rotated, but the scale of the objects is also being increased and decreased at the same time. The result is a particle system that appears to swell towards you.<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch21.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1060\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch21-300x300.png\" alt=\"sketch2\" width=\"499\" height=\"499\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch21-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch21-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch21-1024x1024.png 1024w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch21-624x624.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch21.png 1200w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/a><\/p>\n<p>Here is the system at a small \u2018in the distance\u2019 moment^^^<\/p>\n<p>And up in your face:<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1061\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch-300x300.png\" alt=\"sketch\" width=\"501\" height=\"501\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch-1024x1024.png 1024w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch-624x624.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch.png 1200w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/a><\/p>\n<p>I was surprised at how well it worked. When the scale increased, it also increased the stroke of the objects, which I found to be unexpectedly awesome. The colors are being randomly generated to be reddish and purple. I think I would improve on it by spending a bit more time tweaking the motion and perhaps changing the shape of the particles themselves.<\/p>\n<p>My other exercise was also a particle system. The particle system follows the mouse cursor, and generates blue \u2018bubbles\u2019 which float to either side of the screen. The blue\u2019s are randomly generated to give the design a feeling of diversity, and as the alpha channel is decreased, the color values decrease, and seem to fade away into the distance. Here\u2019s the program freshly launched:<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch22.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1062\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch22-300x225.png\" alt=\"sketch2\" width=\"500\" height=\"375\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch22-300x225.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch22-624x468.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch22.png 1024w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>And after some cursor movement:<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1063\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch3-300x225.png\" alt=\"sketch\" width=\"501\" height=\"376\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch3-300x225.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch3-624x468.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/sketch3.png 1024w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/a><\/p>\n<div class=\"entry-content\">\n<p>If I were to go back and make improvements, I would probably spend time tweaking the gravity so that it disperses the bubbles in a more realistic way. I could also modify their scale to give the impression that they are floating not only to the side, but off into the distance.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I worked on two different projects for this one. The first experimented with more forced perspective. The particle system of objects is being transform-rotated, but the scale of the objects is also being increased and decreased at the same time&#8230;.<\/p>\n","protected":false},"author":28,"featured_media":1060,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[16,90],"class_list":["post-1071","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-games-from-nothing","tag-black-white-exercises","tag-particle-systems","wpcat-5-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/1071","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\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1071"}],"version-history":[{"count":4,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/1071\/revisions"}],"predecessor-version":[{"id":13986,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/1071\/revisions\/13986"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/1060"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}