{"id":851,"date":"2018-06-22T18:28:50","date_gmt":"2018-06-22T17:28:50","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/?p=851"},"modified":"2018-06-22T18:28:50","modified_gmt":"2018-06-22T17:28:50","slug":"projet-dumbell-pong","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2018\/06\/22\/projet-dumbell-pong\/","title":{"rendered":"Projet Dumbell-Pong"},"content":{"rendered":"<p>Bonjour \u00e0 tous, nous sommes  trois \u00e9tudiants d\u2019EI2 ayant pour projet la r\u00e9alisation d\u2019un jeu de Pong \u00e0 4 joueurs.<\/p>\n<p>Pr\u00e9sentation du Projet :<br \/>\nLe but de ce projet est de r\u00e9aliser un jeu vid\u00e9o permettant \u00e0 un ensemble de personnes d\u2019interagir sur ce dernier. Le cahier des charges est le suivant :<br \/>\n\u2022\tD\u00e9veloppement du jeu de Pong \u00e0 l\u2019aide du logiciel Processing.<br \/>\n\u2022\tUtilisation du p\u00e9riph\u00e9rique Makey-Makey.<br \/>\n\u2022\tApport d\u2019un c\u00f4t\u00e9 ludique au jeu.<\/p>\n<p><strong>Le langage :<\/strong><br \/>\nProcessing est une biblioth\u00e8que Java et un environnement de d\u00e9veloppement libre. Ce logiciel est tout particuli\u00e8rement adapt\u00e9 \u00e0 la cr\u00e9ation plastique et graphique interactive, il \u00e9tait donc parfait pour notre jeu de Pong.<br \/>\n<div id=\"attachment_852\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/ide.gif\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-852\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/ide-300x135.gif\" alt=\"Processing\" width=\"300\" height=\"135\" class=\"size-medium wp-image-852\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/ide-300x135.gif 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/ide-500x226.gif 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-852\" class=\"wp-caption-text\">Environnement de Processing<\/p><\/div><\/p>\n<p>Nous nous sommes donc form\u00e9s  gratuitement gr\u00e2ce \u00e0 OpenClassrooms (10h) de sorte \u00e0 nous initier \u00e0 la programmation sur Processing.<\/p>\n<p><strong>Le MakeyMakey :<\/strong><br \/>\nLe MakeyMakey est un dispositif d&#8217;\u00e9mulation de clavier \u00e0 partir d&#8217;objets du quotidien : la manipulation de tout objet conducteur reli\u00e9 au MakeyMakey va envoyer un signal \u00e0 un ordinateur, qui r\u00e9agira avec la fonction que vous avez d\u00e9fini, en fonction du logiciel que vous utilisez.<\/p>\n<p><a href=\"http:\/\/labenbib.fr\/index.php?title=Makey_Makey\" title=\"Makey-Makey\" target=\"_blank\">http:\/\/labenbib.fr\/index.php?title=Makey_Makey<\/a><\/p>\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=rfQqh7iCcOU\" title=\"Makey-Makey\" target=\"_blank\">www.youtube.com\/watch?v=rfQqh7iCcOU<\/a><\/p>\n<p><strong>La conception :<\/strong><br \/>\nNous devions dans cette partie surtout imaginer comment associer notre jeu de Pong \u00e0 l\u2019interface Makey-Makey.<br \/>\nApr\u00e8s r\u00e9flexion nous avons d\u00e9cid\u00e9 d\u2019associer des poids de musculation au jeu. C\u2019est-\u00e0-dire qu\u2019en soulevant son poids de musculation, le joueur pourrait d\u00e9placer sa barre de jeu ; (chacun des joueurs aura deux poids correspondant \u00e0 Gauche et Droite), donc un total de 8 poids.<\/p>\n<p><strong>La r\u00e9alisation :<\/strong><br \/>\n<strong>1. Programmation<\/strong><br \/>\nCette \u00e9tape a consist\u00e9 \u00e0 s\u2019inspirer de code d\u00e9j\u00e0 \u00e9crit.<br \/>\n<div id=\"attachment_853\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/35026626_10204511722991015_5203811160704417792_n-1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-853\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/35026626_10204511722991015_5203811160704417792_n-1-300x174.png\" alt=\"Pong 4 Joueurs d\u00e9velopp\u00e9 avec Processing\" width=\"300\" height=\"174\" class=\"size-medium wp-image-853\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/35026626_10204511722991015_5203811160704417792_n-1-300x174.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/35026626_10204511722991015_5203811160704417792_n-1-1024x594.png 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/35026626_10204511722991015_5203811160704417792_n-1-500x290.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/35026626_10204511722991015_5203811160704417792_n-1.png 1281w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-853\" class=\"wp-caption-text\">Pong 4 Joueurs d\u00e9velopp\u00e9 avec Processing<\/p><\/div><\/p>\n<p>C\u2019est l\u00e0 d\u2019ailleurs, que nous avons trouv\u00e9 la premi\u00e8re \u00e9tape de notre jeu : il y a en effet un Pong 1 joueur expliqu\u00e9 en d\u00e9tail et c\u2019est \u00e0 partir de ce fichier que nous avons adapt\u00e9 notre jeu pour en cr\u00e9er un avec quatre joueurs. Un en haut, en bas, \u00e0 droite et \u00e0 gauche. Mais en gardant une seule balle.<br \/>\nNous avons ensuite essay\u00e9 d\u2019augmenter la vitesse de la balle de mani\u00e8re permanente. Puis progressivement, de cette mani\u00e8re plus l\u2019\u00e9change durait, plus la difficult\u00e9 augmentait.<br \/>\nNous avons aussi modifi\u00e9 les rebonds, pour que l\u2019angle incident de la trajectoire de la balle avec le rectangle influe sur l\u2019angle r\u00e9fl\u00e9chi. <\/p>\n<p><strong>2. Le guidage<\/strong><br \/>\nDans cette partie il a fallu surtout fabriquer une base portant le poids de musculation, reli\u00e9 au Makey-Makey qui permettrait au joueur d\u2019interagir avec sa barre de jeu.<br \/>\nNous avons donc imagin\u00e9 le dispositif suivant :<br \/>\n<div id=\"attachment_854\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/12.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-854\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/12-300x168.jpg\" alt=\"Guidage Joueur Dumbell-Pong\" width=\"300\" height=\"168\" class=\"size-medium wp-image-854\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/12-300x168.jpg 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/12-1024x576.jpg 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/12-500x281.jpg 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/12.jpg 1386w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-854\" class=\"wp-caption-text\">Face arri\u00e8re du guidage pour le joueur<\/p><\/div><\/p>\n<p>Il faut brancher les fils sur les pointes (1) et (2).<br \/>\n <div id=\"attachment_855\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/21.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-855\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/21-300x168.jpg\" alt=\"Face Avant Guidage \" width=\"300\" height=\"168\" class=\"size-medium wp-image-855\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/21-300x168.jpg 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/21-1024x576.jpg 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/21-500x281.jpg 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/21.jpg 1386w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-855\" class=\"wp-caption-text\">Face Avant Guidage  Joueur<\/p><\/div><\/p>\n<p>Ainsi en soulevant le poids reli\u00e9 \u00e0 la corde, (1) et (2) ci-dessus se touchent et cr\u00e9ent le contact auquel r\u00e9agit le MakeyMakey et fait donc bouger la barre du joueur de Pong.<br \/>\n<div id=\"attachment_856\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/31.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-856\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/06\/31-300x168.jpg\" alt=\"Rendu Jeu + Guidage\" width=\"300\" height=\"168\" class=\"size-medium wp-image-856\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/31-300x168.jpg 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/31-1024x576.jpg 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/06\/31-500x281.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-856\" class=\"wp-caption-text\">Rendu Jeu + Guidage<\/p><\/div><\/p>\n<p>Il suffit donc de relier les poids aux 2 cordes puis jouer.<\/p>\n<p><strong>Conclusion<\/strong><br \/>\nCe projet nous a permis de mieux appr\u00e9hender le travail d\u2019\u00e9quipe, d\u2019apprendre \u00e0 se r\u00e9partir les t\u00e2ches, respecter un cahier des charges et des \u00e9ch\u00e9ances.<br \/>\nAu final nous avons pu r\u00e9aliser un prototype de jeu, auquel il est encore possible d\u2019apporter des am\u00e9liorations et d\u2019optimiser.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bonjour \u00e0 tous, nous sommes trois \u00e9tudiants d\u2019EI2 ayant pour projet la r\u00e9alisation d\u2019un jeu de Pong \u00e0 4 joueurs. Pr\u00e9sentation du Projet : Le but de ce projet est de r\u00e9aliser un jeu vid\u00e9o permettant \u00e0 un ensemble de &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2018\/06\/22\/projet-dumbell-pong\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":45120,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[147],"tags":[43,185,21,20,186,82,80,27],"class_list":["post-851","post","type-post","status-publish","format-standard","hentry","category-147","tag-arduino","tag-dumbell","tag-ei2","tag-istia","tag-makey-makey","tag-pong","tag-processing","tag-projet"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/851","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\/45120"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=851"}],"version-history":[{"count":0,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/851\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}