{"id":1304,"date":"2019-06-25T11:52:22","date_gmt":"2019-06-25T10:52:22","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/?p=1304"},"modified":"2019-06-25T12:10:18","modified_gmt":"2019-06-25T11:10:18","slug":"projet-peip2-depollution","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2019\/06\/25\/projet-peip2-depollution\/","title":{"rendered":"Projet Peip2 : D\u00e9pollution, un serious game bas\u00e9 sur Unity3D"},"content":{"rendered":"<div id=\"attachment_954\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/Logo.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-954\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/Logo.png\" alt=\"Logo du jeu - D\u00e9pollution\" width=\"500\" height=\"237\" class=\"size-full wp-image-954\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/Logo.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/Logo-300x142.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-954\" class=\"wp-caption-text\">Logo du jeu &#8211; D\u00e9pollution<\/p><\/div>\n<ul>Bonjour chers lecteurs et lectrices,<\/ul>\n<p>Nous sommes trois \u00e9tudiants du second cycle pr\u00e9paratoire de Polytech Angers, Alexandre, Arthur et Veton. Durant notre quatri\u00e8me semestre, nous devions travailler sur un projet de conception pour un total de 80h. Nous avions choisi celui qui portait sur la mise en s\u00e9curit\u00e9 d&#8217;un site industriel pour l&#8217;int\u00e9r\u00eat qu&#8217;il offrait \u00e0 la fois sur les fili\u00e8res BEMS et SAGI par le biais des contr\u00f4les de s\u00e9curit\u00e9 sur un site industriel et sur l&#8217;utilisation d&#8217;un moteur graphique. <em>D\u00e9pollution<\/em> est un <em>serious game<\/em> bas\u00e9 sur Unity 3D.<\/p>\n<div id=\"attachment_1275\" style=\"width: 594px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/64861023_1184760455038025_2967543224366792704_n.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1275\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/64861023_1184760455038025_2967543224366792704_n-1024x509.jpg\" alt=\"Photo de groupe De gauche \u00e0 droite : Veton G., Arthur C. et Alexandre B.\" width=\"584\" height=\"290\" class=\"size-large wp-image-1275\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/64861023_1184760455038025_2967543224366792704_n-1024x509.jpg 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/64861023_1184760455038025_2967543224366792704_n-300x149.jpg 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/64861023_1184760455038025_2967543224366792704_n-500x248.jpg 500w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/a><p id=\"caption-attachment-1275\" class=\"wp-caption-text\">Photo de groupe<br \/>De gauche \u00e0 droite : Veton Gashi, Arthur Cochennec et Alexandre Bataille<\/p><\/div>\n<li><strong>Notre objectif<\/strong><\/li>\n<ul>\n<\/ul>\n<p>Le but de ce projet est d&#8217;apprendre \u00e0 reconna\u00eetre les diff\u00e9rents polluants et dangers que nous pourrions trouver sur un site industriel d\u00e9saffect\u00e9 et de pouvoir \u00e9valuer leur dangerosit\u00e9. Le joueur devra utiliser la solution ad\u00e9quate pour d\u00e9contaminer chaque composant sensible du site suivant les mesures qui lui seront annonc\u00e9s.<\/p>\n<p>Le jeu se veut \u00e0 la fois s\u00e9rieux et ludique, principe du <em>serious game<\/em> en anglais. Vous jouerez le r\u00f4le de l&#8217;ancien directeur dont son but consiste \u00e0 nettoyer toute la zone dans un temps imparti.<\/p>\n<p>Avec cette article nous voulons vous pr\u00e9senter comment nous en sommes arriv\u00e9 l\u00e0. D&#8217;une part, nous avons d\u00e9coup\u00e9 le travail en trois parties: la conception du terrain, le codage et la collecte de donn\u00e9es. Pour le dernier, nous n&#8217;en parlerons que bri\u00e8vement. Il ne s&#8217;agit que de recherches approfondies sur les diff\u00e9rents produits et mat\u00e9riaux toxiques que l&#8217;on peut retrouver dans une centrale.<\/p>\n<li><strong>Le <em>level design<\/em><\/strong><\/li>\n<ul>\n<\/ul>\n<p>Petite apart\u00e9, le level design consiste en la cr\u00e9ation des niveaux et l&#8217;environnement pr\u00e9sent(s) dans un jeux vid\u00e9os ainsi que ses \u00e9l\u00e9ments d\u00e9coratifs.<\/p>\n<p>Dans notre cas, nous avons d\u00e9cid\u00e9 de d\u00e9marrer sur une \u00eele pour sa simplicit\u00e9 aux niveaux des bordures (la carte \u00e9tant entour\u00e9e d&#8217;eau) et qui est plut\u00f4t grande afin de cr\u00e9er diff\u00e9rentes zones.<\/p>\n<p><div id=\"attachment_958\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/exterieur.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-958\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/exterieur.png\" alt=\"Capture d&#039;\u00e9cran de notre usine sur Unity 3D\" width=\"500\" height=\"254\" class=\"size-full wp-image-958\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/exterieur.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/exterieur-300x152.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-958\" class=\"wp-caption-text\">Capture d&#8217;\u00e9cran de notre usine sur Unity 3D<\/p><\/div><br \/>\nL&#8217;usine pr\u00e9sente un complexe industriel similaire aux centrales \u00e0 charbon d\u00e9j\u00e0 existantes. Nous avons choisi une usine \u00e0 charbon plut\u00f4t qu&#8217;une centrale nucl\u00e9aire par exemple, parce que celle-ci pr\u00e9sente davantage d&#8217;\u00e9l\u00e9ments polluants de risques diff\u00e9rents et plus ou moins dangereux pour l&#8217;homme et l&#8217;environnement.<\/p>\n<p><div id=\"attachment_957\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/carriere.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-957\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/carriere.png\" alt=\"Capture d&#039;\u00e9cran de la carri\u00e8re sur ledit logiciel\" width=\"500\" height=\"235\" class=\"size-full wp-image-957\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/carriere.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/carriere-300x141.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-957\" class=\"wp-caption-text\">Capture d&#8217;\u00e9cran de la carri\u00e8re sur ledit logiciel<\/p><\/div><br \/>\nNous souhaitions rajouter une carri\u00e8re afin d&#8217;ajouter un autre univers li\u00e9 \u00e0 l&#8217;exploitation des ressources naturelles, ici celle du charbon.<\/p>\n<p><div id=\"attachment_956\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/lac.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-956\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2019\/06\/lac.png\" alt=\"Capture d&#039;\u00e9cran du lac (Unity 3D)\" width=\"500\" height=\"234\" class=\"size-full wp-image-956\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/lac.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2019\/06\/lac-300x140.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-956\" class=\"wp-caption-text\">Capture d&#8217;\u00e9cran du lac (Unity 3D)<\/p><\/div><br \/>\nEnfin, nous avons cr\u00e9\u00e9 un lac pour le refroidissement de la centrale, lui-m\u00eame li\u00e9 \u00e0 la carri\u00e8re via l&#8217;\u00e9coulement des eaux.<\/p>\n<li><strong>Le <em>game design<\/em><\/strong><\/li>\n<ul>\n<\/ul>\n<p>Le <em>game design<\/em> quant \u00e0 lui d\u00e9crit tout ce qui se rapporte aux r\u00e8gles du jeu, \u00e0 l&#8217;\u00e9laboration des m\u00e9caniques de gameplay, \u00e0 la physique des \u00e9l\u00e9ments et bien plus.<\/p>\n<p>Celui-ci se r\u00e9sume au codage que nous avons fait avec le langage C#. Le codage est sans aucun doute la partie la plus fastidieuse et la plus complexe du projet.<\/p>\n<p>D&#8217;une part, nous avions choisi de commencer par l&#8217;\u00e9laboration d&#8217;un cycle jour\/nuit ainsi qu&#8217;un chronom\u00e8tre. Tr\u00e8s vite, nous avons remplac\u00e9 le second par une barre de vie qui diminue au fil du temps et qui d\u00e9c\u00e9l\u00e8re plus le joueur arrive \u00e0 d\u00e9polluer correctement. Nous avons ensuite ajout\u00e9 une fen\u00eatre de fin pour indiquer que le joueur a r\u00e9ussi sa mission et a contrario, un <em>game over<\/em>. Puis nous avons fini sur les \u00e9l\u00e9ments toxiques, avec des interactions pouvant ajouter une couleur en fonction du bon ou du mauvais choix qui a \u00e9t\u00e9 \u00e9mis.<\/p>\n<p>Voici une petite pr\u00e9sentation du jeu en vid\u00e9o :<br \/>\n<iframe loading=\"lazy\" title=\"Polytech Angers - Peip2, projet de conception : D\u00e9pollution\" width=\"584\" height=\"329\" src=\"https:\/\/www.youtube.com\/embed\/OTZBTkCPjzs?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<li><strong>Les probl\u00e8mes rencontr\u00e9s<\/strong><\/li>\n<ul>\n<\/ul>\n<p>Nous avions rencontr\u00e9 quelques probl\u00e8mes au cours de nos sessions de projet. Avant toute chose, nous devions nous approprier le logiciel Unity3D \u00e0 l\u2019aide du cours de M. Richard et le projet initial mis \u00e0 disposition par M. Capelle, nos deux professeurs r\u00e9f\u00e9rents. Malheureusement, nous n&#8217;avons pas re\u00e7u la partie xml du fichier sur laquelle nous devions nous reposer afin de g\u00e9n\u00e9rer un texte automatique.<br \/>\n\u00c0 cela s&#8217;ajoute la corruption de donn\u00e9es d\u00fb aux mises \u00e0 jour. Il \u00e9tait donc important de v\u00e9rifier que nous avions la bonne version de Unity, celle avec laquelle nous avions commenc\u00e9 la premi\u00e8re fois. D&#8217;autre part, le jeu est assez volumineux et pas bien optimis\u00e9 ce qui rajoute de la latence lorsque nous voulons ajouter de la flore sur la carte, comme des arbres par exemple ou bien de l&#8217;eau en mouvement. Ainsi, nous avons d\u00fb nous dispenser de ces id\u00e9es pour la conception du terrain.<\/p>\n<li><strong>Ce que nous retenons de ce projet<\/strong><\/li>\n<ul>\n<\/ul>\n<p>Le projet \u00e9tait en somme tr\u00e8s attrayant, nous avons pu d\u00e9couvrir les diff\u00e9rentes \u00e9tapes lors de la conception d&#8217;un jeu vid\u00e9o, mais aussi comprendre le fonctionnement d\u2019un moteur graphique. \u00c9galement, ce projet nous a permis d\u2019approfondir nos connaissances au niveau de la programmation avec des exemples concrets comme la cr\u00e9ation d\u2019un <em>game over<\/em>.<\/p>\n<p>La partie sur l&#8217;\u00e9laboration du terrain demandait assez de minutie et de patience mais le rendu final \u00e9tait au del\u00e0 de ce que nous nous imaginions. L&#8217;environnement est soign\u00e9, d\u00e9taill\u00e9 et les textures sont de plut\u00f4t bonne qualit\u00e9.<\/p>\n<p>D\u2019un point de vue global, ce projet nous a permis de progresser sur notre mani\u00e8re d\u2019appr\u00e9hender un travail de groupe, sur la diffusion des connaissances et sur notre organisation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bonjour chers lecteurs et lectrices, Nous sommes trois \u00e9tudiants du second cycle pr\u00e9paratoire de Polytech Angers, Alexandre, Arthur et Veton. Durant notre quatri\u00e8me semestre, nous devions travailler sur un projet de conception pour un total de 80h. Nous avions choisi &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2019\/06\/25\/projet-peip2-depollution\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":56012,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[187],"tags":[221,20,332,333,243,104,321,181,145],"class_list":["post-1304","post","type-post","status-publish","format-standard","hentry","category-187","tag-depollution","tag-istia","tag-jeu-interactif","tag-jeu-video","tag-polytech-angers","tag-projet-ei2","tag-projet-peip2","tag-serious-game","tag-unity-3d"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/1304","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\/56012"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=1304"}],"version-history":[{"count":1,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/1304\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/1304\/revisions\/1308"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=1304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=1304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=1304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}