{"id":2429,"date":"2021-06-17T23:41:27","date_gmt":"2021-06-17T22:41:27","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/?p=2429"},"modified":"2021-06-18T11:18:24","modified_gmt":"2021-06-18T10:18:24","slug":"unity-polytech","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2021\/06\/17\/unity-polytech\/","title":{"rendered":"Unity Polytech"},"content":{"rendered":"<p><em> Si vous aimez l\u2019univers du jeu vid\u00e9o, ainsi que l\u2019univers 3D et que vous souhaitez d\u00e9couvrir Polytech Angers, alors vous \u00eates tomb\u00e9 au bon endroit !  <\/em><\/p>\n<li><strong>Introduction<\/strong> <\/li>\n<p>Nous sommes trois \u00e9tudiants en deuxi\u00e8me ann\u00e9e de cycle pr\u00e9paratoire \u00e0 Polytech Angers (FERRON Yves, PIERRE Enzo, DOYEN Maxime). Nous allons vous partager notre fabuleuse exp\u00e9rience notre projet de conception en seconde ann\u00e9e ! Notre projet est in\u00e9dit cette ann\u00e9e, nous n&#8217;avions donc aucune trame de d\u00e9part. Il consiste \u00e0 r\u00e9aliser une visite virtuelle de Polytech Angers afin que le joueur puisse se d\u00e9placer dans l\u2019\u00e9cole \u00e0 distance. Evidemment pour mener \u00e0 bien ce projet, nous avons eu recours \u00e0 des logiciels sp\u00e9cifiques : d\u2019une part Unity et d\u2019autre part Visual Studio.<\/p>\n<p><em><strong>Quels sont ces logiciels ?<\/strong><\/em><\/p>\n<p>Unity est un logiciel de conception 3D, on y trouve des centaines d\u2019outils permettant de cr\u00e9er de multiples univers 2D ou 3D. C\u2019est d\u2019ailleurs avec ce logiciel que bon nombre de jeux vid\u00e9o sont r\u00e9alis\u00e9s. Quant \u00e0 Visual Studio est un logiciel de programmation, dans notre cas il permet la cr\u00e9ation de script servant \u00e0 effectuer des actions\/mouvements li\u00e9s \u00e0 Unity (Par exemple l\u2019ouverture d\u2019une porte ou encore le passage d\u2019un \u00e9tage \u00e0 l\u2019autre). Avec l\u2019utilisation de ces deux logiciels, nous avons pu cr\u00e9er Polytech Angers virtuellement.<\/p>\n<li><strong>D\u00e9roulement du projet<\/strong> <\/li>\n<p><em><strong><br \/>La mod\u00e9lisation 3D<\/strong><\/em><\/p>\n<p>Dans un premier temps, il nous a fallu reconstruire la structure principale du b\u00e2timent, pour ce faire nous avons repris les plans de Polytech Angers afin de copier au mieux l&#8217;\u00e9cole. Cela a commenc\u00e9 par les murs, puis les fen\u00eatres et enfin les textures. Une fois fait, il nous a fallu remplir l&#8217;int\u00e9rieur de ces murs par de la d\u00e9coration. Les tables, chaises, claviers et \u00e9crans que nous avons cr\u00e9\u00e9, ont form\u00e9 des bureaux. Nous avons plac\u00e9 ces derniers pour faire nos salles. Enfin, ne voulant pas rester enferm\u00e9, nous avons con\u00e7u un terrain repr\u00e9sentant la rue adjacente.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/EvolutionBatiment.png\" alt=\"EvolutionBatiment\" width=\"684\" height=\"932\" \/><\/p>\n<p><em><strong><br \/>Animation et Interaction<\/strong><\/em><\/p>\n<p>Apr\u00e8s avoir bien avanc\u00e9 la mod\u00e9lisation, nous sommes pass\u00e9s \u00e0 l&#8217;animation du joueur et \u00e0 l&#8217;interaction. Afin de d\u00e9placer le joueur nous avons utilis\u00e9 Visual Studio avec du C# (langage de programmation), pour faciliter l&#8217;impl\u00e9mentation du joueur dans la sc\u00e8ne nous utilisons le &#8220;character controller&#8221; qui est un composant pr\u00e9configur\u00e9 sur Unity, ce qui facilite grandement les r\u00e9actions qu&#8217;\u00e0 le joueur face \u00e0 des marches notamment. Voulant que la visite soit interactive, nous avons ajout\u00e9 une animation sur les portes; pour ce faire nous utilisons des animations en plus d&#8217;un programme, toujours en C#, qui vont nous permettre d&#8217;avoir un mouvement fluide sur l&#8217;ouverture et la fermeture des portes.<\/p>\n<div style=\"width: 584px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-2429-1\" width=\"584\" height=\"316\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Video-Demo.mp4?_=1\" \/><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Video-Demo.mp4\">https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Video-Demo.mp4<\/a><\/video><\/div>\n<p><em><strong><br \/>Menu<\/strong><\/em><\/p>\n<p>Enfin, pour un rendu g\u00e9n\u00e9ral plus propre nous avons pens\u00e9 \u00e0 cr\u00e9er un menu. Celui-ci permettra au joueur de comprendre comment se d\u00e9placer et interagir durant la visite, ainsi que de param\u00e9trer les sensibilit\u00e9s de vitesses de rotation et de d\u00e9placement. En jeu, cela permet aussi de mettre la visite en pause; avant la cr\u00e9ation de ce menu le curseur continuait d&#8217;\u00eatre traqu\u00e9 par le programme de rotation de la cam\u00e9ra du joueur m\u00eame lorsque celui-ci ne le voulait pas, ce qui avait pour cons\u00e9quence placer l&#8217;utilisateur dans une position assez peu confortable (cam\u00e9ra visant le sol ou le ciel par exemple).<\/p>\n<div style=\"width: 584px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-2429-2\" width=\"584\" height=\"304\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Video-Menu.mp4?_=2\" \/><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Video-Menu.mp4\">https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Video-Menu.mp4<\/a><\/video><\/div>\n<li><strong>Difficult\u00e9s \u00e9prouv\u00e9es<\/strong> <\/li>\n<p>L&#8217;un des aspects les plus compliqu\u00e9s a \u00e9t\u00e9 le changement d&#8217;\u00e9tage dans le b\u00e2timent. Pour des soucis d&#8217;optimisation nous avons opt\u00e9 pour que chaque \u00e9tage constitue une sc\u00e8ne diff\u00e9rente (une sc\u00e8ne peut \u00eatre consid\u00e9r\u00e9e comme un niveau dans un jeu vid\u00e9o), l&#8217;\u00e9cole ayant plusieurs escaliers il est possible d&#8217;appara\u00eetre \u00e0 plusieurs endroits diff\u00e9rents. Cependant lorsque Unity charge une nouvelle sc\u00e8ne (le prochain \u00e9tage en l&#8217;occurrence), il supprime toutes donn\u00e9es de l&#8217;\u00e9tage pr\u00e9c\u00e9dent, ce qui a pour cons\u00e9quence que l&#8217;on ne sait plus quel escalier a pris le joueur.<br \/>\nLe second souci, plus handicapant, est le nombre d&#8217;images par seconde (processus agissant sur la fluidit\u00e9 de l&#8217;image). En effet pour chaque \u00e9tage nous avons mod\u00e9lis\u00e9 toutes les salles qui le composent ce qui a eu pour cons\u00e9quences de rajouter de nombreux objets. Tous ces objets demandent beaucoup de ressources \u00e0 l&#8217;ordinateur, ce qui a cr\u00e9\u00e9 des moments o\u00f9 l&#8217;ordinateur ne supportait pas le nombre trop important d&#8217;objets \u00e0 afficher.<\/p>\n<li><strong>Conclusion<\/strong> <\/li>\n<p>Nous avons pris un r\u00e9el plaisir \u00e0 mener \u00e0 bien ce projet, malgr\u00e9 le nombre cons\u00e9quent d&#8217;heures de travail que nous avons d\u00fb fournir pour cela. Nous n\u2019avons \u00e9prouv\u00e9 aucune marque de lassitude bien au contraire, en voyant le projet se dessiner au fil des jours, nous avons \u00e9t\u00e9 de plus en plus motiv\u00e9s \u00e0 le mener \u00e0 terme. Gr\u00e2ce \u00e0 ce projet, nous avons donc appris \u00e0 manipuler deux nouveaux logiciels, appris \u00e0 travailler en \u00e9quipe \u00e0 se partager la charge de travail. Enfin, ce projet a \u00e9t\u00e9 fructueux a constitu\u00e9 une source de d\u00e9veloppement personnel pour chacun d&#8217;entre nous.<\/p>\n<p>comparaison de notre travail avec le b\u00e2timent r\u00e9el :<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Comparaison-Reel_Unity.png\" alt=\"Comparaison Reel_Unity\" width=\"669\" height=\"698\" \/><\/p>\n<p><em>Merci d\u2019avoir pris le temps de lire notre article. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si vous aimez l\u2019univers du jeu vid\u00e9o, ainsi que l\u2019univers 3D et que vous souhaitez d\u00e9couvrir Polytech Angers, alors vous \u00eates tomb\u00e9 au bon endroit ! Introduction Nous sommes trois \u00e9tudiants en deuxi\u00e8me ann\u00e9e de cycle pr\u00e9paratoire \u00e0 Polytech Angers &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2021\/06\/17\/unity-polytech\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":75756,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[344],"tags":[146,243,321,111,16],"class_list":["post-2429","post","type-post","status-publish","format-standard","hentry","category-344","tag-animation","tag-polytech-angers","tag-projet-peip2","tag-realite-virtuelle","tag-unity3d"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/2429","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\/75756"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=2429"}],"version-history":[{"count":1,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/2429\/revisions"}],"predecessor-version":[{"id":2433,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/2429\/revisions\/2433"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=2429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=2429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=2429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}