{"id":1054,"date":"2014-12-02T02:09:31","date_gmt":"2014-12-02T02:09:31","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=1054"},"modified":"2020-05-06T20:00:43","modified_gmt":"2020-05-06T20:00:43","slug":"exercise-3-amusement-park","status":"publish","type":"post","link":"https:\/\/r6g.ad7.mwp.accessdomain.com\/?p=1054","title":{"rendered":"Games from Nothing: Black & White Exercise #3 \u2014 Amusement Park"},"content":{"rendered":"

\"sketch1\"<\/a><\/p>\n

For this exercise I chose to make a rotation-based ‘ride’ that spins, but also modulates the shape of the ride itself. I envisioned something that started with one shape and morphed to another shape while spinning. I wanted to create diversity of movement, and I also wanted to play with forced-perspective. \u00a0The code is very simple<\/p>\n

float angle = 0.0;
\nfloat radius = 0.0;
\nfloat change = 1;<\/p>\n

void setup() {
\n\/\/ orientation(LANDSCAPE);
\nsize(1024,768);
\n}<\/p>\n

void draw() {<\/p>\n

\/\/I decided to make two different ‘centers’ with two different rotating systems
\ntranslate(mouseX+300, mouseY);
\nrotate(angle);
\nrect(0, 0, radius, radius, radius);
\n<\/span>angle += 0.1;
\n<\/span>if(radius>150) change *= -1;<\/p>\n

if(radius<-150) change *= -1;
\nradius += change;<\/p>\n

\/\/here is the second ‘system’
\ntranslate(mouseX-300, mouseY);<\/span><\/p>\n

rotate(angle);
\nrect(0, 0, radius, radius, radius);
\nangle += 0.1;
\nif(radius>150) change *= -1;
\nif(radius<-150) change *= -1;
\nradius += change;
\n}<\/p>\n

\"sketch2\"<\/a><\/p>\n

As the ‘radius’ float changes between 150 and -150, the shape changes wildly since it is also changing\u00a0the radius of the corners of the rectangle. Once the radius becomes negative, the corners invert and it looks like this ^^^. I might\u00a0not want to ride this ride, because you would clearly get transported to another dimension, BUT if there’s Pizza and Beer on the other side it could be worth it.<\/p>\n","protected":false},"excerpt":{"rendered":"

For this exercise I chose to make a rotation-based ‘ride’ that spins, but also modulates the shape of the ride itself. I envisioned something that started with one shape and morphed to another shape while spinning. I wanted to create…<\/p>\n","protected":false},"author":28,"featured_media":1055,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[92,16],"class_list":["post-1054","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-games-from-nothing","tag-transforms","tag-black-white-exercises","wpcat-5-id"],"_links":{"self":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/1054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1054"}],"version-history":[{"count":3,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/1054\/revisions"}],"predecessor-version":[{"id":13988,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/1054\/revisions\/13988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/media\/1055"}],"wp:attachment":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}