{"id":816,"date":"2020-10-15T16:27:33","date_gmt":"2020-10-15T20:27:33","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/?p=816"},"modified":"2020-10-18T22:50:53","modified_gmt":"2020-10-19T02:50:53","slug":"light-zoetrope","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/tbugdin\/light-zoetrope\/","title":{"rendered":"Light Zoetrope"},"content":{"rendered":"\n<p>A <strong>zoetrope<\/strong> is one of several pre-film animation devices that produce the illusion of motion by displaying a sequence of drawings or photographs showing progressive phases of that motion. A similar type of animation is stop-motion. <\/p>\n\n\n\n<p>This light zoetrope is a series of two dimensional &#8220;frames&#8221; which are joined by a central hub. The hub is rotated on its axis slowly and the frames are lighted one at a time from an above light source. Each frame shows slight progression from the last frame, giving the illusion of motion.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">This Project<\/h2>\n\n\n\n<p>I began this project wanting to animate something complex in an unconventional way. I settled on a back flip because of its 2 dimensional motion and its identifiable profile. The main points of designing this project were the hub, the frames, and the light source.<\/p>\n\n\n\n<p>The hub began as an easy design. It was just a wheel with 60 slots all around it which would fit the frames. The slots were perfectly vertical, and the frame connectors would be tilted so that the above light source would land on the face of the frame. This would make it incredibly difficult to manufacture the frames. It was suggested that I instead angle the slots and laser cut the frames and connectors. The motor was chosen to spin at 60rpm so that the animation would last about one second, and the mount was designed around the motor, and would be wired with a battery and a switch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"820\" height=\"630\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/Base.jpg\" alt=\"\" class=\"wp-image-817\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/Base.jpg 820w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/Base-800x615.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/Base-768x590.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/Base-390x300.jpg 390w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"725\" height=\"476\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/Hub-1.jpg\" alt=\"\" class=\"wp-image-819\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/Hub-1.jpg 725w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/Hub-1-457x300.jpg 457w\" sizes=\"auto, (max-width: 725px) 100vw, 725px\" \/><\/figure>\n\n\n\n<p>The frames were the most time consuming portion of the project. Slowly, each frame of a real video of a back flip was screenshot. The screenshots were uploaded into SolidWorks and traced with a spline. Then the connector was added. After doing this for 60+ frames, each one was added to an assembly in order to make a drawing to send to the laser cutter. The most difficult part of the frame design process was maintaining proportions and fluidity between frames.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"996\" height=\"773\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/FrameSW.jpg\" alt=\"\" class=\"wp-image-820\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/FrameSW.jpg 996w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/FrameSW-800x621.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/FrameSW-768x596.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/FrameSW-387x300.jpg 387w\" sizes=\"auto, (max-width: 996px) 100vw, 996px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/AllFrames-1024x507.jpg\" alt=\"\" class=\"wp-image-821\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/AllFrames-1024x507.jpg 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/AllFrames-800x396.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/AllFrames-768x380.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/AllFrames-600x297.jpg 600w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/AllFrames.jpg 1339w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The light source it just a flashlight, but the delivery of light was tricky. A thin sliver of light was required to light only one frame at a time. I tried cutting a hole in cardboard and shining the light through it but the light diffused too quickly. After some tinkering, I learned that if the slit has a ling height, the beam remains fairly constant at any distance. I then modeled a holder for the flashlight which implemented a narrow slot with a significant height. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"575\" height=\"603\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/FlashlightHolder.jpg\" alt=\"\" class=\"wp-image-822\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/FlashlightHolder.jpg 575w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/FlashlightHolder-286x300.jpg 286w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/figure>\n\n\n\n<p>Once everything was designed, I took to manufacturing. All the 3D printed items were easy to make, however the frames offered a struggle besides scheduling time at the laser cutter. The first batch that was cut was too small, about 2 inches tall. They were fragile and did not extend far enough from the hub to be properly lit. The second batch was roughly twice as big and offered better spacing for lighting. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"606\" height=\"812\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/LaserCutting.jpg\" alt=\"\" class=\"wp-image-825\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/LaserCutting.jpg 606w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/LaserCutting-597x800.jpg 597w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/LaserCutting-224x300.jpg 224w\" sizes=\"auto, (max-width: 606px) 100vw, 606px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"403\" height=\"363\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/SmallFrames.jpg\" alt=\"\" class=\"wp-image-826\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/SmallFrames.jpg 403w, https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-content\/uploads\/sites\/13\/2020\/10\/SmallFrames-333x300.jpg 333w\" sizes=\"auto, (max-width: 403px) 100vw, 403px\" \/><\/figure>\n\n\n\n<p>In the week or so leading up to assembly of the final product, I was very nervous it would not come out right and I would need some serious design changes. However, it came out looking good. The first part of the back flip (before the tuck) everything animated quite smoothly. The second half of the back flip (the rotating body) did not come out so well. I think this is because those frames are so wide that the frame in front of them blocks some of the view. It still looks good and I am proud of it. The link below will bring you to a brief YouTube video showcasing the final product.<\/p>\n\n\n\n<p><a href=\"https:\/\/youtu.be\/fSqNniMILD4\">https:\/\/youtu.be\/fSqNniMILD4 <\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Ty Bugdin - Light Zoetrope Backflip\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/fSqNniMILD4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A zoetrope is one of several pre-film animation devices that produce the illusion of motion by displaying a sequence of drawings or photographs showing progressive phases of that motion. A similar type of animation is stop-motion. This light zoetrope is a series of two dimensional &#8220;frames&#8221; which are joined by a central hub. The hub&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/tbugdin\/light-zoetrope\/\">Read More<\/a><\/div>\n","protected":false},"author":180,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-816","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/posts\/816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/users\/180"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/comments?post=816"}],"version-history":[{"count":3,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/posts\/816\/revisions"}],"predecessor-version":[{"id":913,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/posts\/816\/revisions\/913"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/media?parent=816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/categories?post=816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/lightart-a20\/wp-json\/wp\/v2\/tags?post=816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}