{"id":989,"date":"2014-12-01T03:23:51","date_gmt":"2014-12-01T03:23:51","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=989"},"modified":"2020-05-06T20:04:45","modified_gmt":"2020-05-06T20:04:45","slug":"blip-a-particle-cloud","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=989","title":{"rendered":"Games from Nothing: Black &#038; White Exercise #4 \u2014 Blip"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-991\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen5-295x300.png\" alt=\"screen5\" width=\"501\" height=\"509\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen5-295x300.png 295w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen5-624x633.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen5.png 688w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/p>\n<p>Blip is the particle game that I&#8217;ve been working on. It features a \u00a0cloud of generated circles that change color based on mouseX and mouseY positions and slowly move towards the cursor&#8217;s direction while the mouse is pressed.<\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-992\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen-3-300x300.png\" alt=\"screen 3\" width=\"500\" height=\"500\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen-3-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen-3-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen-3.png 689w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>A stream of particles immediately latches onto the mouse&#8217;s position as the cloud drags itself along the screen. When the mouse is let go, the particles from the cloud to the mouse fall off of the screen due to gravity, and the cloud remains at a stable x\/y position.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-990\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2014\/12\/screen2-286x300.png\" alt=\"screen2\" width=\"501\" height=\"526\" \/><\/p>\n<p>I enjoyed coding blip because it taught me about particle generation and gave me new ideas for visual effects for my games. It seems daunting to keep track of everything in an array, but if I can do that, then I can make full use of each particle, in terms of collision checking.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blip is the particle game that I&#8217;ve been working on. It features a \u00a0cloud of generated circles that change color based on mouseX and mouseY positions and slowly move towards the cursor&#8217;s direction while the mouse is pressed. A stream&#8230;<\/p>\n","protected":false},"author":30,"featured_media":991,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[16,90],"class_list":["post-989","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\/989","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\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=989"}],"version-history":[{"count":6,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/989\/revisions"}],"predecessor-version":[{"id":13994,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/989\/revisions\/13994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/991"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}