{"id":7914,"date":"2026-05-11T21:18:38","date_gmt":"2026-05-11T20:18:38","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/polytech_2A\/?p=7914"},"modified":"2026-05-13T17:59:45","modified_gmt":"2026-05-13T16:59:45","slug":"projet-virtual-design","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2026\/05\/11\/projet-virtual-design\/","title":{"rendered":"Projet &#8220;VIRTUAL DESIGN&#8221;"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Bienvenue sur notre blog de style !<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cr\u00e9\u00e9 en 2026 par les PEIP2 Alix, Alban, Cl\u00e9ment et Lucas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aad9ff\"><strong>Introduction<\/strong><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/Logo_Lycee_de_la_Mode.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"691\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/Logo_Lycee_de_la_Mode.jpg\" alt=\"\" class=\"wp-image-8124\" style=\"aspect-ratio:0.48840274726545335;width:187px;height:auto\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/Logo_Lycee_de_la_Mode.jpg 330w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/Logo_Lycee_de_la_Mode-143x300.jpg 143w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Notre projet est en <strong>collaboration avec le lyc\u00e9e de la mode \u00e0 Cholet<\/strong>. Ils ont une machine qui co\u00fbte plusieurs centaines de milliers d&#8217;euros et qui permet d&#8217;imprimer des cr\u00e9ations en 3D, avec du tissu et de l&#8217;encre. Malheureusement, 90% de ce qui est con\u00e7u est jet\u00e9 apr\u00e8s la premi\u00e8re utilisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Notre t\u00e2che consiste donc \u00e0 cr\u00e9er un logiciel qui permet de visualiser les motifs imagin\u00e9s sur le mobilier souhait\u00e9 (canap\u00e9, chaise, lit, coussins&#8230;). Tout cela en 3 dimensions, et de mani\u00e8re interactive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au-del\u00e0 de l&#8217;aspect technique, notre mission est de proposer une solution de <strong>prototypage virtuel<\/strong>. En visualisant le rendu final avant m\u00eame de lancer l&#8217;impression, on \u00e9limine les essais inutiles et on r\u00e9duit consid\u00e9rablement l&#8217;empreinte environnementale de la cr\u00e9ation textile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aad9ff\"><strong>D\u00e9veloppement<\/strong><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large is-resized\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/fe37b3da-498a-4611-a21b-0517a2d997d5.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/fe37b3da-498a-4611-a21b-0517a2d997d5-768x1024.jpg\" alt=\"\" class=\"wp-image-8418\" style=\"aspect-ratio:0.7542997542997543;width:287px;height:auto\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/fe37b3da-498a-4611-a21b-0517a2d997d5-768x1024.jpg 768w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/fe37b3da-498a-4611-a21b-0517a2d997d5-225x300.jpg 225w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/fe37b3da-498a-4611-a21b-0517a2d997d5-1152x1536.jpg 1152w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/fe37b3da-498a-4611-a21b-0517a2d997d5.jpg 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><figcaption class=\"wp-element-caption\">Tenues cr\u00e9\u00e9es par des \u00e9tudiantes<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Il nous a \u00e9t\u00e9 demand\u00e9 de r\u00e9aliser notre projet sur Unity 3D. Ne connaissant pas du tout ce logiciel, nous l&#8217;avons d&#8217;abord pris en main. Ensuite notre professeur nous a fourni des scripts. Nous les avons test\u00e9s et utilis\u00e9s pour la plupart, et nous avons utilis\u00e9 l&#8217;intelligence artificielle parfois pour nous aider \u00e0 adapter ces scripts \u00e0 ce que nous voulions faire. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le choix d&#8217;Unity 3D s&#8217;est impos\u00e9 par sa gestion avanc\u00e9e de la <strong>physique de la lumi\u00e8re<\/strong>. Pour un designer de mode, le rendu des couleurs sous un \u00e9clairage sp\u00e9cifique (spot de d\u00e9fil\u00e9 vs lumi\u00e8re naturelle) est crucial pour valider un motif.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour cela nous avons \u00e9labor\u00e9 :<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<ul class=\"wp-block-list\">\n<li>un shader (rotationner\/pivoter les textures)<\/li>\n\n\n\n<li>un Canvas (qui g\u00e8re la partie User Interface)<\/li>\n\n\n\n<li>un syst\u00e8me de gestion de lumi\u00e8re (spotlight ou direct light)<\/li>\n\n\n\n<li>une sc\u00e8ne de maison et des assets (application des textures)<\/li>\n\n\n\n<li>un menu d&#8217;accueil, un menu d&#8217;aide et un bouton &#8220;Textures&#8221; pour rendre le logiciel plus intuitif<\/li>\n<\/ul>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tous les scripts ont \u00e9t\u00e9 r\u00e9alis\u00e9s en langage C#, ce qui a n\u00e9cessit\u00e9 de nombreuses heures de codage sur Unity 3D. Mais nous sommes absolument passionn\u00e9s par la programmation, donc cela n&#8217;a pas pos\u00e9 probl\u00e8me.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/code_projet.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"775\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/code_projet-1024x775.png\" alt=\"\" class=\"wp-image-8127\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/code_projet-1024x775.png 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/code_projet-300x227.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/code_projet-768x581.png 768w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/code_projet-396x300.png 396w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/code_projet.png 1180w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Quelques lignes de code \ud83d\ude0b&#8230;<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aad9ff\"><strong>R\u00e9alisation<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">Les demandes du lyc\u00e9e \u00e9taient les suivantes : <\/p>\n<\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/4a67c581-e9d3-4242-8354-c8a595871b57.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/4a67c581-e9d3-4242-8354-c8a595871b57-768x1024.jpg\" alt=\"\" class=\"wp-image-8420\" style=\"aspect-ratio:0.7542997542997543;width:321px;height:auto\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/4a67c581-e9d3-4242-8354-c8a595871b57-768x1024.jpg 768w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/4a67c581-e9d3-4242-8354-c8a595871b57-225x300.jpg 225w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/4a67c581-e9d3-4242-8354-c8a595871b57-1152x1536.jpg 1152w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/4a67c581-e9d3-4242-8354-c8a595871b57.jpg 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><figcaption class=\"wp-element-caption\">Fauteuil l\u00e9gendaire du lyc\u00e9e de la mode<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Cr\u00e9er des pi\u00e8ces par d\u00e9faut<\/strong> (salon et chambre) avec du mobilier dedans (canap\u00e9s, fauteuils, lits, oreillers&#8230;) qui puissent \u00eatre <strong>modifi\u00e9s par l&#8217;\u00e9tudiant<\/strong>, afin que celui-ci puisse ajouter les textures qu&#8217;il souhaite, pour les visualiser avant d&#8217;imprimer ses motifs. Il fallait donc que la texture soit en 3D, et que l&#8217;objet visualis\u00e9 soit le plus r\u00e9aliste possible, tout en restant d\u00e9pendant de la luminosit\u00e9 de l&#8217;environnement. Nous devions aussi faire en sorte que l&#8217;\u00e9tudiant puisse importer le motif qu&#8217;il cr\u00e9e, et l&#8217;ajouter dans le logiciel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&#8217;utilisateur peut tourner autour du meuble, zoomer pour observer la d\u00e9finition de l&#8217;encre sur la fibre et ajuster l&#8217;\u00e9chelle du motif en temps r\u00e9el. C&#8217;est cette <strong>interactivit\u00e9<\/strong> qui transforme un simple dessin en un objet tangible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/image-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"704\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/image-6-1024x704.png\" alt=\"\" class=\"wp-image-7916\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/image-6-1024x704.png 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/image-6-300x206.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/image-6-768x528.png 768w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/image-6-437x300.png 437w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/image-6.png 1384w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">premi\u00e8re \u00e9bauche de la chambre sur Unity<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Voici l&#8217;interface principale qui s&#8217;ouvre lorsqu&#8217;on lance notre logiciel :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/accueil_projet.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/accueil_projet-1024x572.png\" alt=\"\" class=\"wp-image-8126\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/accueil_projet-1024x572.png 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/accueil_projet-300x168.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/accueil_projet-768x429.png 768w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/accueil_projet-500x279.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/04\/accueil_projet.png 1173w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Interface d&#8217;accueil de notre logiciel<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Si on clique sur &#8220;Chambre&#8221;, on va arriver dans la chambre cr\u00e9\u00e9e, compos\u00e9e d&#8217;un lit avec des coussins, des luminaires et des meubles (comme des tables de chevet). Chacun des \u00e9l\u00e9ments de cette pi\u00e8ce peut se voir attribuer une texture, qui peut elle-m\u00eame \u00eatre zoom\u00e9e, d\u00e9cal\u00e9e ou pivot\u00e9e. Le but est de se d\u00e9placer dans la pi\u00e8ce afin de se projeter pour voir le rendu de la texture choisie. Cela aide l&#8217;\u00e9tudiant \u00e0 avoir une id\u00e9e plus r\u00e9aliste de sa production, et sans consommer de d&#8217;encre ni de tissu.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/Chambre.mp4\"><\/video><figcaption class=\"wp-element-caption\">Notre chambre<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Si on clique sur &#8220;Salon&#8221;, on va arriver dans notre salon, et chacun des \u00e9l\u00e9ments poss\u00e9dera les m\u00eames propri\u00e9t\u00e9s cit\u00e9es pr\u00e9c\u00e9demment.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/Salon.mp4\"><\/video><figcaption class=\"wp-element-caption\">Notre salon<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Le bouton &#8220;Texture&#8221; nous am\u00e8ne dans un dossier qui stocke toutes les textures d\u00e9j\u00e0 import\u00e9es dans le logiciel. C&#8217;est avec ce bouton que l&#8217;\u00e9tudiant importera ses cr\u00e9ations. Pour cela il suffit d&#8217;importer un fichier image classique jpeg. Ce dossier a pour but d&#8217;\u00eatre ordonn\u00e9 car il va abriter des centaines de textures si l&#8217;\u00e9cole utilise le logiciel pendant plusieurs ann\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enfin, le bouton &#8220;Quitter&#8221; ferme la fen\u00eatre.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aad9ff\"><strong>Conclusion<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Nous avons pris conscience que ce projet n&#8217;\u00e9tait pas seulement la cr\u00e9ation d&#8217;un logiciel qui serait joli, mais un v\u00e9ritable outil du quotidien pour un lyc\u00e9e, et donc des centaines d&#8217;\u00e9tudiants. Nous avons fait de notre mieux pour d\u00e9velopper une alternative 3D et ergonomique qui remplacerait ce que peuvent faire Photoshop ou d&#8217;autres logiciels.<\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">\u00c0 terme, nous pourrions envisager l&#8217;ajout de nouvelles pi\u00e8ces de mobilier, ou plusieurs styles de salons par exemple (industriels, modernes, minimalistes, contemporains&#8230;). Et m\u00eame l&#8217;int\u00e9gration de simulateurs pour les v\u00eatements, afin de couvrir l&#8217;ensemble des besoins du Lyc\u00e9e de la Mode.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Merci d&#8217;avoir lu !<\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/B110B352-76E3-448B-9C4F-B45C677C5575.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/B110B352-76E3-448B-9C4F-B45C677C5575-1024x768.jpg\" alt=\"\" class=\"wp-image-8417\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/B110B352-76E3-448B-9C4F-B45C677C5575-1024x768.jpg 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/B110B352-76E3-448B-9C4F-B45C677C5575-300x225.jpg 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/B110B352-76E3-448B-9C4F-B45C677C5575-768x576.jpg 768w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/B110B352-76E3-448B-9C4F-B45C677C5575-1536x1152.jpg 1536w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/B110B352-76E3-448B-9C4F-B45C677C5575-400x300.jpg 400w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2026\/05\/B110B352-76E3-448B-9C4F-B45C677C5575.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Tenues cr\u00e9\u00e9es par des \u00e9tudiants, et qui pourraient potentiellement \u00eatre mod\u00e9lis\u00e9es en 3D<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bienvenue sur notre blog de style ! Cr\u00e9\u00e9 en 2026 par les PEIP2 Alix, Alban, Cl\u00e9ment et Lucas. Introduction Notre projet est en collaboration avec le lyc\u00e9e de la mode \u00e0 Cholet. Ils ont une machine qui co\u00fbte plusieurs centaines &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2026\/05\/11\/projet-virtual-design\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":109187,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[641],"tags":[],"class_list":["post-7914","post","type-post","status-publish","format-standard","hentry","category-641"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/7914","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\/109187"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=7914"}],"version-history":[{"count":36,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/7914\/revisions"}],"predecessor-version":[{"id":8961,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/7914\/revisions\/8961"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=7914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=7914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=7914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}