{"id":55,"date":"2015-06-25T09:30:28","date_gmt":"2015-06-25T08:30:28","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/?p=55"},"modified":"2015-06-24T13:47:28","modified_gmt":"2015-06-24T12:47:28","slug":"air-drum","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2015\/06\/25\/air-drum\/","title":{"rendered":"Projet Air Drum"},"content":{"rendered":"<p>Nous sommes un groupe de 3 \u00e9tudiants en deuxi\u00e8me ann\u00e9e de classe pr\u00e9paratoire \u00e0 l&#8217;ISTIA. Dans le cadre des projets, nous avons choisi le projet nomm\u00e9 <strong>&#8220;AirDrum&#8221;<\/strong>.<br \/>\nLe Airdrum qu&#8217;est-ce que c&#8217;est ? C&#8217;est une activit\u00e9 qui consiste \u00e0 mimer le geste d\u2019un batteur sans avoir l\u2019instrument en main. Vous voyez le AirGuitar ? Et bien imaginez la m\u00eame chose avec une batterie. Simple vous pourriez dire; mais l\u2019objectif du projet est surtout de r\u00e9aliser une batterie virtuelle et que les sons correspondants soient jou\u00e9s selon les mouvements du &#8220;musicien&#8221; !<\/p>\n<p><iframe loading=\"lazy\" title=\"Amazing Drumming Skills. First Air Guitar Now Air Drums\" width=\"584\" height=\"329\" src=\"https:\/\/www.youtube.com\/embed\/kw_16jApndc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Pour r\u00e9aliser ceci, nous avons \u00e9t\u00e9 confront\u00e9s \u00e0 trois probl\u00e8mes majeurs :<\/p>\n<ol>\n<li>Comment r\u00e9cup\u00e9rer les coordonn\u00e9es et mouvements du joueur ?<\/li>\n<li>Comment jouer les bons sons au bon moment ?<\/li>\n<li>Comment virtualiser la batterie, les baguettes\/mains et faire tout correspondre ?<\/li>\n<\/ol>\n<p>Nous avons alors fait des recherches sur Internet avec de nombreux tutoriels, des essais plus ou moins fructueux ainsi que de nombreuses d\u00e9couvertes pouvant aussi nous servir dans d&#8217;autres futurs projets. Voici les solutions que nous avons trouv\u00e9 :<\/p>\n<ol>\n<li>Wiimote et Nunchuk, capteurs avec Arduino, capteurs infrarouges, MakeyMakey, RazerHydra et la solution finale gard\u00e9e, la Kinect.<\/li>\n<li>Pure Data, Unity3D<\/li>\n<li>Blender, Unity3D, programmes en C#\/JavaScript<\/li>\n<\/ol>\n<p>Nous avons donc tout d&#8217;abord cr\u00e9\u00e9 une batterie virtuelle sous Blender.<div id=\"attachment_85\" style=\"width: 1170px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/Batterie.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-85\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/Batterie.png\" alt=\"Batterie\" width=\"1160\" height=\"683\" class=\"size-full wp-image-85\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2015\/06\/Batterie.png 1160w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2015\/06\/Batterie-300x176.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2015\/06\/Batterie-1024x602.png 1024w\" sizes=\"auto, (max-width: 1160px) 100vw, 1160px\" \/><\/a><p id=\"caption-attachment-85\" class=\"wp-caption-text\">Batterie mod\u00e9lis\u00e9e sous Blender<\/p><\/div>Nous avons ensuite int\u00e9gr\u00e9 ce mod\u00e8le sous Unity3D afin de pouvoir y int\u00e9grer des sons, libres de droits trouv\u00e9s sur Internet, gr\u00e2ce \u00e0 des scripts en JavaScript . Finalement, il ne nous manquait plus que l\u2019int\u00e9gration de la Kinect2 en passant par l&#8217;utilisation de scripts en C# et du &#8220;squelette&#8221; disponible dans le mod\u00e8le de d\u00e9monstration gratuit de Microsoft.<br \/>\n<div id=\"attachment_76\" style=\"width: 614px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/DSC_0515.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-76\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/DSC_0515-1024x576.jpg\" alt=\"Kinect2\" width=\"604\" height=\"339\" class=\"size-large wp-image-76\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2015\/06\/DSC_0515-1024x576.jpg 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2015\/06\/DSC_0515-300x168.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><p id=\"caption-attachment-76\" class=\"wp-caption-text\">Kinect 2 utilis\u00e9 pour r\u00e9cuperer les mouvements du &#8220;musicien&#8221;<\/p><\/div><br \/>\n<div id=\"attachment_71\" style=\"width: 74px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/Blenderlogo.svg.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-71\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/Blenderlogo.svg.png\" alt=\"LogoBlender\" width=\"64\" height=\"64\" class=\"size-full wp-image-71\" \/><\/a><p id=\"caption-attachment-71\" class=\"wp-caption-text\">Blender<\/p><\/div><br \/>\n<div id=\"attachment_72\" style=\"width: 74px\" class=\"wp-caption alignright\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/Unity3D_Logo.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-72\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/Unity3D_Logo.jpg\" alt=\"Unity3DLogo\" width=\"64\" height=\"64\" class=\"size-full wp-image-72\" \/><\/a><p id=\"caption-attachment-72\" class=\"wp-caption-text\">Unity3D<\/p><\/div><br \/>\n<div id=\"attachment_84\" style=\"width: 155px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/squelette.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-84\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2015\/06\/squelette.png\" alt=\"SqueletteKinect\" width=\"145\" height=\"387\" class=\"size-full wp-image-84\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2015\/06\/squelette.png 145w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2015\/06\/squelette-112x300.png 112w\" sizes=\"auto, (max-width: 145px) 100vw, 145px\" \/><\/a><p id=\"caption-attachment-84\" class=\"wp-caption-text\">Squelette aussi appel\u00e9 figure fil de fer<\/p><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous sommes un groupe de 3 \u00e9tudiants en deuxi\u00e8me ann\u00e9e de classe pr\u00e9paratoire \u00e0 l&#8217;ISTIA. Dans le cadre des projets, nous avons choisi le projet nomm\u00e9 &#8220;AirDrum&#8221;. Le Airdrum qu&#8217;est-ce que c&#8217;est ? C&#8217;est une activit\u00e9 qui consiste \u00e0 mimer &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2015\/06\/25\/air-drum\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1685,"featured_media":69,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[15,18,19,21,20,22,17,16],"class_list":["post-55","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-4","tag-airdrum","tag-blender","tag-c","tag-ei2","tag-istia","tag-javascript","tag-kinect2","tag-unity3d"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/users\/1685"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":2,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/55\/revisions\/67"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media\/69"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}