{"id":1361,"date":"2018-11-29T00:35:34","date_gmt":"2018-11-29T05:35:34","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/?p=1361"},"modified":"2018-11-29T00:35:34","modified_gmt":"2018-11-29T05:35:34","slug":"computer-vision-gestures-the-cha-cha-slide","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/jagalang\/computer-vision-gestures-the-cha-cha-slide\/","title":{"rendered":"Computer Vision Gestures &#8211; the Cha Cha Slide"},"content":{"rendered":"<p>Taking inspiration from the middle school dances of yesteryear, I wanted to make an interactive Cha Cha Slide\u00a0using the webcam, the individual sound effects from the track and also using stock glowing footage that could help visualize the sound whenever they were triggered.\u00a0 I used the basic Hotspot template as a baseline and moved the bang buttons into the corresponding areas of the camera for easier use, and linked them up to the custom sounds and animations.<br \/>\nThe real challenge is matching the timing of your movements along with the song in the background, as it&#8217;s a little tricky.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1362\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-29-at-12.31.57-AM-800x443.png\" alt=\"\" width=\"800\" height=\"443\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-29-at-12.31.57-AM-800x443.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-29-at-12.31.57-AM-768x425.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-29-at-12.31.57-AM-1024x567.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Screen-Shot-2018-11-29-at-12.31.57-AM-542x300.png 542w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><iframe loading=\"lazy\" width=\"1000\" height=\"750\" src=\"https:\/\/www.youtube.com\/embed\/x5NGZuyQyZw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Taking inspiration from the middle school dances of yesteryear, I wanted to make an interactive Cha Cha Slide\u00a0using the webcam, the individual sound effects from the track and also using stock glowing footage that could help visualize the sound whenever they were triggered.\u00a0 I used the basic Hotspot template as a baseline and moved the&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/jagalang\/computer-vision-gestures-the-cha-cha-slide\/\">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":[19],"tags":[],"class_list":["post-1361","post","type-post","status-publish","format-standard","hentry","category-computer-vision-gestures"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/1361","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=1361"}],"version-history":[{"count":1,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/1361\/revisions"}],"predecessor-version":[{"id":1363,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/1361\/revisions\/1363"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/media?parent=1361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/categories?post=1361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/tags?post=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}