{"id":963,"date":"2018-11-04T19:06:34","date_gmt":"2018-11-05T00:06:34","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/?p=963"},"modified":"2018-11-04T19:06:34","modified_gmt":"2018-11-05T00:06:34","slug":"interactive-animation-whimsical-boston","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/jagalang\/interactive-animation-whimsical-boston\/","title":{"rendered":"Interactive Animation &#8211; Whimsical Boston"},"content":{"rendered":"<p>For my interactive scene, I thought that a trip to Boston would be a good subject, and I snapped the background this weekend while at Yawkey station on the MBTA Commuter Rail.<\/p>\n<p>The interactive elements include:<br \/>\nClicking the white van to trigger a ball bounce along the highway,<\/p>\n<p>Clicking the nearest black car to activate its emerald light trails,<\/p>\n<p>Clicking the train tracks will send a ghost train barreling towards your cursor,<\/p>\n<p>Clicking the Prudential building triggers a giant slingshot to rise,<\/p>\n<p>And clicking the sky triggers a UFO abduction.<\/p>\n<p><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/RInyIHsyKQ0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Background here:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-964\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-04-at-7.05.20-PM-789x800.png\" alt=\"\" width=\"789\" height=\"800\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-04-at-7.05.20-PM-789x800.png 789w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-04-at-7.05.20-PM-768x779.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-04-at-7.05.20-PM-296x300.png 296w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-04-at-7.05.20-PM.png 926w\" sizes=\"auto, (max-width: 789px) 100vw, 789px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For my interactive scene, I thought that a trip to Boston would be a good subject, and I snapped the background this weekend while at Yawkey station on the MBTA Commuter Rail. The interactive elements include: Clicking the white van to trigger a ball bounce along the highway, Clicking the nearest black car to activate&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/jagalang\/interactive-animation-whimsical-boston\/\">Read More<\/a><\/div>\n","protected":false},"author":98,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[13],"tags":[],"class_list":["post-963","post","type-post","status-publish","format-standard","hentry","category-interactive-animation"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/users\/98"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/comments?post=963"}],"version-history":[{"count":1,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/963\/revisions"}],"predecessor-version":[{"id":965,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/963\/revisions\/965"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/media?parent=963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/categories?post=963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/tags?post=963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}