{"id":1378,"date":"2021-06-17T15:57:27","date_gmt":"2021-06-17T14:57:27","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/?p=1378"},"modified":"2021-06-17T15:57:27","modified_gmt":"2021-06-17T14:57:27","slug":"projet-peip2-velo-rv","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2021\/06\/17\/projet-peip2-velo-rv\/","title":{"rendered":"Projet Peip2 V\u00e9lo RV"},"content":{"rendered":"<p>Bonjour \u00e0 tous !<\/p>\n<p>Notre groupe d&#8217;\u00e9tudiants en seconde ann\u00e9e de classe pr\u00e9paratoire \u00e0 Polytech Angers est compos\u00e9 de Victor DEBUIRE, Amaury MENAGE, Victor LODA et Titouan ROUSSEAU. Nous avons ensemble r\u00e9alis\u00e9 un parcours anim\u00e9 pour v\u00e9lo en r\u00e9alit\u00e9 virtuelle.<\/p>\n<p><strong>Contexte :<\/strong> L&#8217;utilisation de la r\u00e9alit\u00e9 virtuelle (VR en anglais) s&#8217;\u00e9tant de plus en plus et touche de nombreux domaines (m\u00e9dical, industriel, tourisme, d\u00e9fense, g\u00e9nie civil, jeux vid\u00e9o, etc.). Dans ce projet, nous nous sommes pench\u00e9s sur le r\u00f4le qu&#8217;elle peut jouer dans l&#8217;exp\u00e9rience de consommation. En effet, en pr\u00e9sentant un lieu \u00e0 visiter \u00e0 travers un casque VR, on peut \u00e9tudier les r\u00e9actions d&#8217;un consommateur et en d\u00e9duire par exemple son attractivit\u00e9.<\/p>\n<p><strong>Objectif :<\/strong> L&#8217;objectif initial \u00e9tait donc de cr\u00e9er num\u00e9riquement un circuit \u00e0 parcourir \u00e0 v\u00e9lo, constitu\u00e9 d&#8217;une s\u00e9rie d&#8217;\u00e9v\u00e9nements (passants, circulation, animaux, sons), puis de le faire tester \u00e0 des clients potentiels, et d&#8217;\u00e9tudier comment sont initi\u00e9es leurs r\u00e9actions comportementales et quelles sont les influences sur leurs sensations (surprise, joie, peur) pour pouvoir appr\u00e9hender les \u00e9motions ressenties et les changements d&#8217;attitude.<\/p>\n<p><strong>Outils :<\/strong> Pour construire l&#8217;environnement virtuel, nous avons utilis\u00e9 Unity3D, un casque Oculus Quest 2 et nos animations ont \u00e9t\u00e9 cod\u00e9es avec Visual Studio.<\/p>\n<p><strong>D\u00e9roul\u00e9 du projet :<\/strong> Tout d&#8217;abord, il a fallu que nous r\u00e9partitions nos heures entre les diff\u00e9rentes \u00e9tapes du projet ;<\/p>\n<ul>\n<li>Prise en main du logiciel Unity<\/li>\n<li>Choix des animations \u00e0 mettre dans notre parcours<\/li>\n<li>Evolution en VR<\/li>\n<li>Perfectionnement pour rendu final<\/li>\n<li>Visualisation du contenu par les clients<\/li>\n<li>Recueil des r\u00e9sultats<\/li>\n<\/ul>\n<p>Nous avons donc commenc\u00e9 par apprendre les bases d&#8217;Unity3D gr\u00e2ce \u00e0 de la documentation et des TD fournis par M.RICHARD, notre encadrant de projet. D&#8217;abord l&#8217;aspect graphique, puis la physique des objets et enfin le codage.<\/p>\n<p><div id=\"attachment_1397\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Prise-en-main-Physique.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1397\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Prise-en-main-Physique-300x109.png\" alt=\"Test de la physique des mat\u00e9riaux sous Unity3D\" width=\"300\" height=\"109\" class=\"size-medium wp-image-1397\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Prise-en-main-Physique-300x109.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Prise-en-main-Physique-500x181.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Prise-en-main-Physique.png 842w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1397\" class=\"wp-caption-text\">Test de la physique des mat\u00e9riaux sous Unity3D<\/p><\/div><br \/>\n<div id=\"attachment_1398\" style=\"width: 304px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Prise-en-main-Codage.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1398\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Prise-en-main-Codage-294x300.png\" alt=\"Exemple de code pour d\u00e9placer un objet avec la souris\" width=\"294\" height=\"300\" class=\"size-medium wp-image-1398\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Prise-en-main-Codage-294x300.png 294w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Prise-en-main-Codage.png 446w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><p id=\"caption-attachment-1398\" class=\"wp-caption-text\">Exemple de code pour d\u00e9placer un objet avec la souris<\/p><\/div><\/p>\n<p>Ensuite, nous avons ensemble choisi l\u2019animation que chacun allait faire. Titouan s\u2019est occup\u00e9 d\u2019un groupe qui joue de la musique et de ses sons, Victor L du v\u00e9lo et du parcours, Amaury des passants et des voitures, Victor D du parc et des oiseaux. Voici quelques exemples du r\u00e9sultat :<\/p>\n<p>Voici une des esp\u00e8ces d&#8217;oiseaux pr\u00e9sente dans le parc de notre ville. En approchant \u00e0 v\u00e9lo, on peut entendre de plus en plus clairement leurs chants, et en voir quelques-uns voltiger pr\u00e8s de nous. Pour cela, Victor D a utilis\u00e9 des assets (des packs de contenu) contenant des oiseaux et des chants pr\u00e9sents sur le site d&#8217;Unity, et a d\u00e9sign\u00e9 certains espaces comme box colliders (espace d\u00e9fini comme infranchissable, durs, r\u00e9els) dans la ville, pour que les oiseaux puissent s&#8217;y poser. Les mouvements effectu\u00e9s par les oiseaux suivent un algorithme.<\/p>\n<div id=\"attachment_1380\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Animation-Oiseau.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1380\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Animation-Oiseau-300x147.png\" alt=\"Oiseau qui chante et bat des ailes dans le parc\" width=\"300\" height=\"147\" class=\"size-medium wp-image-1380\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Animation-Oiseau-300x147.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Animation-Oiseau-500x246.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Animation-Oiseau.png 629w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1380\" class=\"wp-caption-text\">Oiseau qui chante et bat des ailes dans le parc<\/p><\/div>\n<p>Pour ce qui est de l\u2019animation des passants dans la ville, cela s\u2019est fait en deux \u00e9tapes. Tout d\u2019abord, nous avons utilis\u00e9 le site Mixamo, un site contenant une multitude d\u2019animation possibles pour des projets unity ainsi que de nombreuses textures de personnages diff\u00e9rentes. Amaury a donc t\u00e9l\u00e9charg\u00e9 depuis ce site des animations de personnages qui marchent afin de rendre la ville vivante. La deuxi\u00e8me \u00e9tape \u00e9tait de d\u00e9finir le trajet de ces passants. Pour cela, nous avons utilis\u00e9 le NavMesh : une fonctionnalit\u00e9 du logiciel Unity qui permet gr\u00e2ce \u00e0 un algorithme de d\u00e9finir automatiquement les zones o\u00f9 les personnages choisis (appel\u00e9s NavMesh agents) peuvent se d\u00e9placer librement et les zones qui repr\u00e9sentent un obstacle physique (mur, trou, &#8230;). Pour cette \u00e9tape, il y a eu d\u2019abord une phase de test sur un projet Unity \u00e0 part pour \u00eatre \u00e0 l\u2019aise avec le NavMesh, puis la retranscription sur la ville finale. <\/p>\n<div id=\"attachment_1402\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Animations-Passants.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1402\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Animations-Passants-300x190.png\" alt=\"Test de mouvements de passants\" width=\"300\" height=\"190\" class=\"size-medium wp-image-1402\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Animations-Passants-300x190.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Animations-Passants.png 423w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1402\" class=\"wp-caption-text\">Test de mouvements de passants<\/p><\/div>\n<p>Lors du brainstorming concernant les stimuli que nous souhaitions int\u00e9grer TiTouan a eu l\u2019id\u00e9e d\u2019ajouter un groupe de musique. L\u2019id\u00e9e \u00e9tant de jouer sur le volume et le panning du son afin de cr\u00e9er une sensation de son en 3 dimensions : plus l\u2019utilisateur se rapproche du groupe de musique plus le volume est fort, et selon la position de celui-ci le son est orient\u00e9 plus \u00e0 droite ou \u00e0 gauche.<\/p>\n<p>Afin d\u2019accentuer le r\u00e9alisme, le son de la guitare \u00e9lectrique \u00e9mane directement de l\u2019amplificateur et le son de la batterie directement d\u2019elle-m\u00eame. Titouan a cr\u00e9\u00e9 des audios sources qu&#8217;il a param\u00e9tr\u00e9es de telle sorte \u00e0 ce que selon la position de la cam\u00e9ra l\u2019audio soit r\u00e9aliste : l\u2019effet doppler entre en jeu et les sons paraissent plus aigus \u00e0 distance ; de plus au fur et \u00e0 mesure que la cam\u00e9ra approche le volume des sons augmente progressivement.<\/p>\n<p>Les personnages et animations qui ont \u00e9t\u00e9 utilis\u00e9s proviennent du site Mixamo d\u2019Adobe, et les objets eux sont libres de droits et proviennent du site Sketchfab. Les personnages jouent en boucle leurs animations d\u00e8s que la simulation est lanc\u00e9e, pour cela un animator a \u00e9t\u00e9 cr\u00e9\u00e9 pour chaque personnage ; Titouan a assign\u00e9 \u00e0 chacun l\u2019animation correspondante et coch\u00e9e la case loop. Il en est de m\u00eame pour la musique, la case loop est coch\u00e9e dans les param\u00e8tres des audios sources : elles jouent d\u00e8s que la simulation est lanc\u00e9e et sont donc synchronis\u00e9es ensembles. <\/p>\n<div id=\"attachment_1402-2\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-Titouan.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1402-2\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-Titouan-300x218.png\" alt=\"Explications - Titouan\" width=\"300\" height=\"218\" class=\"alignnone size-medium wp-image-2206\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan-300x218.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan-412x300.png 412w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan.png 555w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1402-2\" class=\"wp-caption-text\">Repr\u00e9sentation 3D de la zone du son<\/p><\/div>\n<div id=\"attachment_1402-3\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-Titouan_2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1402-3\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-Titouan_2-300x192.png\" alt=\"Explications - Titouan_2\" width=\"300\" height=\"192\" class=\"alignnone size-medium wp-image-2207\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_2-300x192.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_2-467x300.png 467w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_2.png 713w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1402-3\" class=\"wp-caption-text\">Algorithme dirigeant le son<\/p><\/div>\n<p>Afin de reconstituer une balade \u00e0 v\u00e9lo dans notre ville virtuel, Victor L a recherch\u00e9 dans le store Unity une mod\u00e9lisation 3D d\u2019un v\u00e9lo. Une fois le v\u00e9lo impl\u00e9ment\u00e9 dans la ville, la cam\u00e9ra a \u00e9t\u00e9 modifi\u00e9e pour lier la vue de l\u2019utilisateur au v\u00e9lo. De plus, la cam\u00e9ra a \u00e9t\u00e9 rendue orientable \u00e0 360 degr\u00e9s, pour suivre les mouvements de t\u00eate de l\u2019utilisateur \u00e0 l&#8217;aide du casque VR.<\/p>\n<div id=\"attachment_1402-4\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-VictorL.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1402-4\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-VictorL-300x153.png\" alt=\"Explications - VictorL\" width=\"300\" height=\"153\" class=\"alignnone size-medium wp-image-2210\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-VictorL-300x153.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-VictorL-1024x524.png 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-VictorL-500x255.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-VictorL.png 1141w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1402-4\" class=\"wp-caption-text\">Vue du v\u00e9lo<\/p><\/div>\n<p>Puis est venu le moment de tester la VR. Comme pour Unity, il fallait avant tout comprendre son fonctionnement, pour ensuite incorporer le casque et l&#8217;environnement VR \u00e0 notre parcours. Nous avons donc essay\u00e9 certains tutoriels de d\u00e9placement et de visuel, malheureusement nos ordinateurs n&#8217;\u00e9taient pas assez puissants pour supporter notre projet et il existait des probl\u00e8mes de compatibilit\u00e9 entre Windows et le casque mis \u00e0 notre disposition. Par manque de mat\u00e9riel adapt\u00e9, il nous a fallu oublier cet aspect du projet.<\/p>\n<p>Finalement, nous avons pris la d\u00e9cision de nous concentrer sur l&#8217;aspect propre du projet pour rendre quelque chose de visuellement attractif et qu&#8217;il soit possible d&#8217;explorer en VR \u00e9ventuellement plus tard si possible. Nous avons donc chang\u00e9 de ville pour une beaucoup plus grande, et chacun \u00e0 perfectionn\u00e9 ce qu\u2019il avait d\u00e9j\u00e0 r\u00e9alis\u00e9.<\/p>\n<p>Voici quelques images du rendu final du projet :<\/p>\n<div id=\"attachment_1382\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Point-de-vue-Ville.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1382\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Point-de-vue-Ville-300x149.png\" alt=\"Ville \u00e0 visiter \u00e0 travers notre parcours\" width=\"300\" height=\"149\" class=\"size-medium wp-image-1382\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Point-de-vue-Ville-300x149.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Point-de-vue-Ville-500x248.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Point-de-vue-Ville.png 629w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1382\" class=\"wp-caption-text\">Ville \u00e0 visiter \u00e0 travers notre parcours<\/p><\/div>\n<p>\u00c0 l&#8217;aide de plusieurs mod\u00e8les de villes, de route et d&#8217;objets, Victor D a recr\u00e9er enti\u00e8rement une partie de quartier, o\u00f9 il a notamment plac\u00e9 le parc. Pour cela, il a repris des parties d\u00e9j\u00e0 existantes et les a replac\u00e9s \u00e0  un endroit avec peu d&#8217;activit\u00e9 dans la ville. Le parc a \u00e9t\u00e9 implant\u00e9 au milieu de ce nouveau quartier et Victor D a raccourci les trottoirs pour que l&#8217;on voie mieux la terre, ce qui rend le tout plus vivant et plus r\u00e9aliste.<\/p>\n<div id=\"attachment_1381\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Point-de-vue-Parc.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1381\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Point-de-vue-Parc-300x146.png\" alt=\"Partie du quartier ajout\u00e9 \u00e0 la ville d&#039;origine\" width=\"300\" height=\"146\" class=\"size-medium wp-image-1381\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Point-de-vue-Parc-300x146.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Point-de-vue-Parc-500x243.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Point-de-vue-Parc.png 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1381\" class=\"wp-caption-text\">Partie du quartier ajout\u00e9 \u00e0 la ville d&#8217;origine<\/p><\/div>\n<p>Une fois le parc plac\u00e9 et la ville finalis\u00e9e, nous avons pu placer les personnages. Pour cela, nous avons choisi diff\u00e9rentes animations et diff\u00e9rents personnages sur le site Mixamo. Une partie des pi\u00e9tons sont fixes et r\u00e9p\u00e8tent leur animation en boucle (les personnages faisant du sport dans le parc), les autres en revanche sont mobiles et \u00e9taient donc plus compliqu\u00e9s \u00e0 placer. En effet, Amaury a d\u00fb suivre un tutoriel pour cr\u00e9er le script permettant de faire marcher les personnages dans la rue. Nous avons donc fait en sorte que les personnages avancent tout droit en continu et que lorsqu\u2019ils rencontrent un obstacle, ils fassent demi-tour.<br \/>\nPour que les personnages (maintenant d\u00e9finis comme navmesh agent) puissent d\u00e9tecter les zones autoris\u00e9es et les obstacles, nous avons utilis\u00e9 le navmesh. Toute la route et les trottoirs sont des zones autoris\u00e9es, le reste des \u00e9l\u00e9ments de la ville sont des obstacles.<\/p>\n<div id=\"attachment_1401\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Animation-Pi\u00e9tons.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1401\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/05\/Animation-Pi\u00e9tons-300x130.png\" alt=\"D\u00e9finition de l&#039;espace o\u00f9 les personnages peuvent se d\u00e9placer\" width=\"300\" height=\"130\" class=\"size-medium wp-image-1401\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Animation-Pi\u00e9tons-300x130.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Animation-Pi\u00e9tons-500x217.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/05\/Animation-Pi\u00e9tons.png 783w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1401\" class=\"wp-caption-text\">D\u00e9finition de l&#8217;espace o\u00f9 les personnages peuvent se d\u00e9placer<\/p><\/div>\n<p>Dans un souci d\u2019am\u00e9lioration des d\u00e9tails et afin d\u2019accentuer le r\u00e9alisme Titouan a tenu a diff\u00e9renci\u00e9 les param\u00e8tres des audios sources de la guitare et de la batterie : la port\u00e9e du son \u00e9manant de la batterie a \u00e9t\u00e9 augment\u00e9e, car ce sont des sons secs et graves qui se propagent \u00e0 360\u00b0 l\u00e0 o\u00f9 le son de la guitare est seulement propag\u00e9 depuis l\u2019amplificateur. <\/p>\n<p>De plus, Titouan a d\u00e9cid\u00e9 de composer lui-m\u00eame la musique jou\u00e9e par le groupe. Cela a permis d\u2019ajuster la reverb afin de rendre le rendu encore plus r\u00e9aliste \u00e9tant donn\u00e9 que le groupe joue dans une rue encercl\u00e9e d\u2019immeuble o\u00f9 la r\u00e9verb\u00e9ration des sons doit \u00eatre importante.<\/p>\n<div id=\"attachment_1401-2\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-Titouan_3.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1401-2\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-Titouan_3-300x228.png\" alt=\"Explications - Titouan_3\" width=\"300\" height=\"228\" class=\"alignnone size-medium wp-image-2208\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_3-300x228.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_3-394x300.png 394w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_3.png 727w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1401-2\" class=\"wp-caption-text\">Vue de la zone son dans le quartier<\/p><\/div>\n<div id=\"attachment_1401-3\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-Titouan_4.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1401-3\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-Titouan_4-300x203.png\" alt=\"Explications - Titouan_4\" width=\"300\" height=\"203\" class=\"alignnone size-medium wp-image-2209\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_4-300x203.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_4-441x300.png 441w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-Titouan_4.png 512w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1401-3\" class=\"wp-caption-text\">Orchestre<\/p><\/div>\n<p>Pour cr\u00e9er l&#8217;itin\u00e9raire du v\u00e9lo \u00e0 travers la ville, nous avions plusieurs options : utiliser les box colliders, cr\u00e9er un itin\u00e9raire scripter avec des coordonn\u00e9es, ou utiliser un nouvel asset appel\u00e9 &#8220;Path Creator&#8221;, un cr\u00e9ateur d&#8217;itin\u00e9raire pour les objets. Apr\u00e8s avoir \u00e9tudi\u00e9 et test\u00e9 les trois options, Victor L a choisi le Path Creator. L&#8217;outil Path Creator nous permet de cr\u00e9er une ligne en 2 ou 3 dimensions dans Unity. Une fois cette ligne cr\u00e9\u00e9e, nous pouvons utiliser un script pour d\u00e9placer des objets le long de cette ligne. Victor L a donc li\u00e9 le v\u00e9lo au chemin et a cod\u00e9 un script pour d\u00e9placer le v\u00e9lo dessus. En gardant \u00e0 l&#8217;esprit que le script devra plus tard \u00eatre adapt\u00e9 \u00e0 la p\u00e9dale d&#8217;un v\u00e9lo.<\/p>\n<div id=\"attachment_1401-4\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-VictorL_2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1401-4\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Explications-VictorL_2-300x163.png\" alt=\"Explications - VictorL_2\" width=\"300\" height=\"163\" class=\"alignnone size-medium wp-image-2211\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-VictorL_2-300x163.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-VictorL_2-500x272.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Explications-VictorL_2.png 653w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1401-4\" class=\"wp-caption-text\">Vue d&#8217;ensemble du parcours v\u00e9lo<\/p><\/div>\n<p><strong>Conclusion :<\/strong> Dans l&#8217;ensemble, nous sommes tr\u00e8s contents de ce que nous avons r\u00e9ussi \u00e0 r\u00e9aliser sous Unity3D. Nos connaissances dans le domaine de la programmation et de la R\u00e9alit\u00e9 Virtuelle se sont grandement \u00e9largies, et tant l&#8217;aspect cr\u00e9atif que scientifique ou technique ont beaucoup plus \u00e0 chacun de nous. Certes, les complications li\u00e9es au COVID et au travail \u00e0 distance ne nous ont pas permis de concr\u00e9tiser nos objectifs jusqu&#8217;au bout, mais cela ne nous a pas emp\u00each\u00e9s de r\u00e9aliser beaucoup de choses. Notre groupe tient finalement \u00e0 remercier M.RICHARD et M.LEVEAU pour leur participation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bonjour \u00e0 tous ! Notre groupe d&#8217;\u00e9tudiants en seconde ann\u00e9e de classe pr\u00e9paratoire \u00e0 Polytech Angers est compos\u00e9 de Victor DEBUIRE, Amaury MENAGE, Victor LODA et Titouan ROUSSEAU. Nous avons ensemble r\u00e9alis\u00e9 un parcours anim\u00e9 pour v\u00e9lo en r\u00e9alit\u00e9 virtuelle. &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2021\/06\/17\/projet-peip2-velo-rv\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":77913,"featured_media":1379,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[344],"tags":[193,192,243,321,111,145,184],"class_list":["post-1378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-344","tag-angers","tag-polytech","tag-polytech-angers","tag-projet-peip2","tag-realite-virtuelle","tag-unity-3d","tag-velo"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/1378","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\/77913"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=1378"}],"version-history":[{"count":0,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/1378\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media\/1379"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=1378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=1378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=1378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}