{"id":1648,"date":"2022-03-05T15:02:33","date_gmt":"2022-03-05T20:02:33","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?p=1648"},"modified":"2022-03-06T12:50:29","modified_gmt":"2022-03-06T17:50:29","slug":"dr-mario-augmentedbody","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/lexloug\/03\/05\/dr-mario-augmentedbody\/","title":{"rendered":"Dr. Mario &#8211; AugmentedBody"},"content":{"rendered":"<p>Nose Dodger:<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/openprocessing.org\/sketch\/1506400\/embed\/?plusEmbedHash=M2FmZjYzYTU0YzNjMzkxODFhZjBmNmQ2NTVmYjdjN2Y2YmUwN2JmNDdmODJkNDU4NWM1NzAwNTZiMGQ4MGM3NTZhZGNiN2FlZjllNzBhZGI0MGM5Y2U4OGQ5YTVmMDNiN2Q0YzkxZTc3YjcxZDFkZTdkNDcwMjE0ZmU5YjBlN2RuaktXTjFVTWFiMWVyeG9uRkI3NHFvSzd2ZXBGVmxQdVp5N1ZvcXVJdTVzNmZodnErS2V5M3dIRHBiNXlPOXViZnZIbE9OeERLQkNBU3FUVlgydk9Ddz09&amp;plusEmbedTitle=true\" width=\"640\" height=\"360\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>This is a game about dodging and eating using your nose to guide the player and your mouth to eat the food.<\/p>\n<div id=\"kgvid_kgvid_0_wrapper\" class=\"kgvid_wrapper\">\n\t\t\t<div id=\"video_kgvid_0_div\" class=\"fitvidsignore kgvid_videodiv\" data-id=\"kgvid_0\" data-kgvid_video_vars=\"{&quot;id&quot;:&quot;kgvid_0&quot;,&quot;attachment_id&quot;:&quot;1649&quot;,&quot;player_type&quot;:&quot;Video.js v7&quot;,&quot;width&quot;:&quot;640&quot;,&quot;height&quot;:&quot;360&quot;,&quot;fullwidth&quot;:&quot;true&quot;,&quot;countable&quot;:true,&quot;count_views&quot;:&quot;start_complete&quot;,&quot;start&quot;:&quot;&quot;,&quot;autoplay&quot;:&quot;false&quot;,&quot;pauseothervideos&quot;:&quot;true&quot;,&quot;set_volume&quot;:&quot;1&quot;,&quot;muted&quot;:&quot;false&quot;,&quot;meta&quot;:true,&quot;endofvideooverlay&quot;:&quot;&quot;,&quot;resize&quot;:&quot;true&quot;,&quot;auto_res&quot;:&quot;automatic&quot;,&quot;pixel_ratio&quot;:&quot;true&quot;,&quot;right_click&quot;:&quot;on&quot;,&quot;playback_rate&quot;:&quot;false&quot;,&quot;title&quot;:&quot;309380-WSCQSZZ9STwebm&quot;,&quot;nativecontrolsfortouch&quot;:&quot;false&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;enable_resolutions_plugin&quot;:false}\" itemprop=\"video\" itemscope itemtype=\"https:\/\/schema.org\/VideoObject\"><meta itemprop=\"embedUrl\" content=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?attachment_id=1649&amp;kgvid_video_embed[enable]=true\" \/><meta itemprop=\"contentUrl\" content=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/309380-WSCQSZZ9STwebm.mp4\" \/><meta itemprop=\"name\" content=\"309380-WSCQSZZ9STwebm\" \/><meta itemprop=\"description\" content=\"Video\" \/><meta itemprop=\"uploadDate\" content=\"2022-03-05T14:44:55-05:00\" \/>\n\t\t\t\t<video id=\"video_kgvid_0\" playsinline controls preload=\"metadata\" width=\"640\" height=\"360\" class=\"fitvidsignore video-js kg-video-js-skin\">\n\t\t\t\t\t<source src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/309380-WSCQSZZ9STwebm.mp4?id=0\" type=\"video\/mp4\" data-res=\"1080p\">\n\t\t\t\t<\/video>\n\t\t\t<\/div>\n\t\t\t<div style=\"display:none;\" id=\"video_kgvid_0_meta\" class=\"kgvid_video_meta kgvid_video_meta_hover \">\n\t\t\t\t<span class='kgvid_meta_icons'><\/span>\n\t\t\t\t<span id='video_kgvid_0_title' class='kgvid_title'>309380-WSCQSZZ9STwebm<\/span>\n<\/div>\n\t\t<\/div>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1650\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144742.png\" alt=\"\" width=\"1435\" height=\"815\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144742.png 1435w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144742-640x363.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144742-1024x582.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144742-768x436.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144742-1200x682.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1651\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144713.png\" alt=\"\" width=\"1455\" height=\"820\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144713.png 1455w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144713-640x361.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144713-1024x577.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144713-768x433.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144713-1200x676.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1652\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144616.png\" alt=\"\" width=\"1447\" height=\"820\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144616.png 1447w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144616-640x363.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144616-1024x580.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144616-768x435.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-05-144616-1200x680.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>And here&#8217;s what it looks like while you&#8217;re playing:<\/p>\n<div id=\"kgvid_kgvid_1_wrapper\" class=\"kgvid_wrapper\">\n\t\t\t<div id=\"video_kgvid_1_div\" class=\"fitvidsignore kgvid_videodiv\" data-id=\"kgvid_1\" data-kgvid_video_vars=\"{&quot;id&quot;:&quot;kgvid_1&quot;,&quot;attachment_id&quot;:&quot;1653&quot;,&quot;player_type&quot;:&quot;Video.js v7&quot;,&quot;width&quot;:&quot;640&quot;,&quot;height&quot;:&quot;360&quot;,&quot;fullwidth&quot;:&quot;true&quot;,&quot;countable&quot;:true,&quot;count_views&quot;:&quot;start_complete&quot;,&quot;start&quot;:&quot;&quot;,&quot;autoplay&quot;:&quot;false&quot;,&quot;pauseothervideos&quot;:&quot;true&quot;,&quot;set_volume&quot;:&quot;1&quot;,&quot;muted&quot;:&quot;false&quot;,&quot;meta&quot;:true,&quot;endofvideooverlay&quot;:&quot;&quot;,&quot;resize&quot;:&quot;true&quot;,&quot;auto_res&quot;:&quot;automatic&quot;,&quot;pixel_ratio&quot;:&quot;true&quot;,&quot;right_click&quot;:&quot;on&quot;,&quot;playback_rate&quot;:&quot;false&quot;,&quot;title&quot;:&quot;IMG-5554&quot;,&quot;nativecontrolsfortouch&quot;:&quot;false&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;enable_resolutions_plugin&quot;:false}\" itemprop=\"video\" itemscope itemtype=\"https:\/\/schema.org\/VideoObject\"><meta itemprop=\"embedUrl\" content=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?attachment_id=1653&amp;kgvid_video_embed[enable]=true\" \/><meta itemprop=\"contentUrl\" content=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/IMG-5554.mp4\" \/><meta itemprop=\"name\" content=\"IMG-5554\" \/><meta itemprop=\"description\" content=\"Video\" \/><meta itemprop=\"uploadDate\" content=\"2022-03-05T14:56:03-05:00\" \/>\n\t\t\t\t<video id=\"video_kgvid_1\" playsinline controls preload=\"metadata\" width=\"640\" height=\"360\" class=\"fitvidsignore video-js kg-video-js-skin\">\n\t\t\t\t\t<source src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/03\/IMG-5554.mp4?id=1\" type=\"video\/mp4\" data-res=\"1080p\">\n\t\t\t\t<\/video>\n\t\t\t<\/div>\n\t\t\t<div style=\"display:none;\" id=\"video_kgvid_1_meta\" class=\"kgvid_video_meta kgvid_video_meta_hover \">\n\t\t\t\t<span class='kgvid_meta_icons'><\/span>\n\t\t\t\t<span id='video_kgvid_1_title' class='kgvid_title'>IMG-5554<\/span>\n<\/div>\n\t\t<\/div>\n<p>&nbsp;<\/p>\n<p>This was such a fun project, I was a little worried about how it would turn out while I was working on it, but once I got the base mechanics in I had blast throwing my face around the screen to dodge the projectiles. The face detection is a little weird at times but I figured out how to get mouth open and closed, my function could also be easily changed to get the distance from the screen to the face. I think handsfree.js has a lot of versatility and I will definitely be returning to it in the future.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nose Dodger: &nbsp; \ufeff &nbsp; This is a game about dodging and eating using your nose to guide the player and your mouth to eat the food. And here&#8217;s what it looks like while you&#8217;re playing: &nbsp; This was such a fun project, I was a little worried about how it would turn out while &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/lexloug\/03\/05\/dr-mario-augmentedbody\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Dr. Mario &#8211; AugmentedBody&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[25],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1648"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/comments?post=1648"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1648\/revisions"}],"predecessor-version":[{"id":1654,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1648\/revisions\/1654"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/media?parent=1648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/categories?post=1648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/tags?post=1648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}