[{"data":1,"prerenderedAt":483},["ShallowReactive",2],{"{\"language\":\"fr\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/configurator-demo":3},{"data":4,"headers":460},{"story":5,"cv":441,"rels":442,"links":459},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":433,"full_slug":434,"sort_by_date":30,"position":435,"tag_list":436,"is_startpage":267,"parent_id":437,"meta_data":30,"group_id":438,"first_published_at":439,"release_id":30,"lang":383,"path":30,"alternates":440,"default_full_slug":30,"translated_slugs":30},"Configurator Demo","2026-03-24T20:33:36.512Z","2026-10-10T22:14:56.982Z","2026-10-10T22:14:57.028Z",158493968474293,"5a44ce41-1aab-4759-8902-bce8663d5df8",{"_uid":13,"body":14,"date":323,"fold":324,"intro":386,"title":399,"gallery":400,"category":417,"metadata":419,"component":423,"demo_link":424,"thumbnail":426,"github_link":428,"last_updated":430,"open_graph_image":431,"include_open_graph":63,"block_search_engines":267},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,314],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":313,"remove_padding":63},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,64,135,220,256,297],{"_uid":22,"body":23,"alignment":61,"component":62,"is_full_width":63},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,56],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"Aperçu","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"Cette démonstration montre comment ",{"text":45,"type":34,"marks":46},"HOOPS Visualize pour le Web",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"text":55,"type":34}," (anciennement HOOPS Communicator) peut être utilisé pour créer un flux de travail de visualisation de configurateur de produit. Dans cette démonstration, vous pouvez sélectionner des éléments d’un assemblage automobile et les ajouter à votre scène grâce à un chargement dynamique. De plus, si plusieurs options de la pièce ajoutée sont disponibles, vous pouvez échanger la pièce contre une autre. Dans cette démonstration, il existe différentes vues prédéfinies, certaines avec des animations, pour mettre en avant différents aspects de l'assemblage.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"Pour utiliser cette démonstration, survolez simplement les vues, déroulez pour changer votre emplacement de visualisation et voir les animations intégrées. De plus, vous pouvez survoler les déroulants pour la remorque, le moteur et le volant pour ajouter plus d'éléments à la scène, ou échanger une pièce si elle existe déjà dans la scène.","align-left","copy",true,{"_uid":65,"body":66,"alignment":61,"component":62,"is_full_width":63},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":67},[68,75],{"type":27,"attrs":69,"content":70},{"level":29,"textAlign":30},[71],{"text":72,"type":34,"marks":73},"Comment il a été implémenté :",[74],{"type":37},{"type":76,"content":77},"bullet_list",[78,91,102,113,124],{"type":79,"content":80},"list_item",[81],{"type":39,"attrs":82,"content":83},{"textAlign":30},[84],{"text":85,"type":34,"marks":86},"Configuration des visionneuses",[87],{"type":48,"attrs":88},{"href":89,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/setting-up-the-viewers.html","url",{"type":79,"content":92},[93],{"type":39,"attrs":94,"content":95},{"textAlign":30},[96],{"text":97,"type":34,"marks":98},"Charger les modèles",[99],{"type":48,"attrs":100},{"href":101,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/loading-models.html",{"type":79,"content":103},[104],{"type":39,"attrs":105,"content":106},{"textAlign":30},[107],{"text":108,"type":34,"marks":109},"Ajouter la sélection de composants",[110],{"type":48,"attrs":111},{"href":112,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/add-component-selection.html",{"type":79,"content":114},[115],{"type":39,"attrs":116,"content":117},{"textAlign":30},[118],{"text":119,"type":34,"marks":120},"Intégration des relations de modèle",[121],{"type":48,"attrs":122},{"href":123,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/incorporating-model-relationships.html",{"type":79,"content":125},[126],{"type":39,"attrs":127,"content":128},{"textAlign":30},[129],{"text":130,"type":34,"marks":131},"Ajout d'animations",[132],{"type":48,"attrs":133},{"href":134,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/prog_guide/viewing/animation.html?highlight=animation",{"_uid":136,"body":137,"alignment":61,"component":62,"is_full_width":63},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":138},[139,146,162],{"type":27,"attrs":140,"content":141},{"level":29,"textAlign":30},[142],{"text":143,"type":34,"marks":144},"Explorez HOOPS Visualize pour le Web",[145],{"type":37},{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,153,158],{"text":150,"type":34,"marks":151},"Cette démonstration a été créée en utilisant ",[152],{"type":37},{"text":45,"type":34,"marks":154},[155,157],{"type":48,"attrs":156},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"type":37},{"text":159,"type":34,"marks":160}," (anciennement HOOPS Communicator).",[161],{"type":37},{"type":76,"content":163},[164,179,194,207],{"type":79,"content":165},[166],{"type":39,"attrs":167,"content":168},{"textAlign":30},[169,171,177],{"text":170,"type":34},"Consultez la ",{"text":172,"type":34,"marks":173},"documentation",[174],{"type":48,"attrs":175},{"href":176,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/",{"text":178,"type":34},"de HOOPS Visualize pour le Web (anciennement HOOPS Communicator).",{"type":79,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186,192],{"text":185,"type":34},"Inscrivez-vous pour une ",{"text":187,"type":34,"marks":188},"évaluation",[189],{"type":48,"attrs":190},{"href":191,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://manage.techsoft3d.com/signup?product=communicator",{"text":193,"type":34},"gratuite.",{"type":79,"content":195},[196],{"type":39,"attrs":197,"content":198},{"textAlign":30},[199,201],{"text":200,"type":34},"Commencez à coder directement avec le ",{"text":202,"type":34,"marks":203},"3D Sandbox",[204],{"type":48,"attrs":205},{"href":206,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://3dsandbox.techsoft3d.com/",{"type":79,"content":208},[209],{"type":39,"attrs":210,"content":211},{"textAlign":30},[212,214],{"text":213,"type":34},"Rejoignez notre ",{"text":215,"type":34,"marks":216},"Forum Communautaire",[217],{"type":48,"attrs":218},{"href":219,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://forum.techsoft3d.com/",{"_uid":221,"body":222,"alignment":61,"component":62,"is_full_width":63},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":223},[224,231,244],{"type":27,"attrs":225,"content":226},{"level":29,"textAlign":30},[227],{"text":228,"type":34,"marks":229},"Des questions ou des commentaires ?",[230],{"type":37},{"type":39,"attrs":232,"content":233},{"textAlign":30},[234,236,242],{"text":235,"type":34},"Nous recherchons des retours et comment cet ensemble d'outils peut être amélioré pour répondre à vos besoins ! Veuillez vous connecter à notre ",{"text":237,"type":34,"marks":238},"forum",[239],{"type":48,"attrs":240},{"href":219,"uuid":30,"anchor":30,"target":241,"linktype":90},"_blank",{"text":243,"type":34},".",{"type":39,"attrs":245,"content":246},{"textAlign":30},[247,249,255],{"text":248,"type":34},"Vous pouvez également vous inscrire pour un essai de 60 jours de la ",{"text":250,"type":34,"marks":251},"HOOPS Web Platform",[252],{"type":48,"attrs":253},{"href":254,"uuid":30,"anchor":30,"target":241,"linktype":90},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":243,"type":34},{"_uid":257,"messages":258,"component":291,"background":292,"remove_padding":63,"is_verticalized":267},"2517b691-8590-46b2-b1a0-c989536a3b36",[259],{"_uid":260,"icon":16,"buttons":261,"content":272,"headline":279,"link_url":16,"metadata":286,"component":289,"icon_size":16,"link_label":16,"headline_heading":290},"1f7a4845-55d4-4520-b973-efe814118e45",[262],{"_uid":263,"href":16,"color":264,"label":265,"action":266,"new_tab":267,"outline":63,"alignment":16,"component":268,"text_link":267,"destination":269},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","S'abonner","action-modal",false,"element-button",{"id":16,"url":270,"linktype":90,"fieldtype":271,"cached_url":270},"subscribe","multilink",{"type":24,"content":273},[274],{"type":39,"attrs":275,"content":276},{"textAlign":30},[277],{"text":278,"type":34},"Nous vous informerons dès que de nouveaux projets seront disponibles.",{"type":24,"content":280},[281],{"type":39,"attrs":282,"content":283},{"textAlign":30},[284],{"text":285,"type":34},"Soyez le premier informé des nouveaux projets",{"_uid":287,"title":16,"plugin":288,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":293,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":294,"copyright":16,"fieldtype":295,"meta_data":296,"is_external_url":267},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":298,"body":299,"alignment":61,"component":62,"is_full_width":63},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":300},[301],{"type":39,"attrs":302,"content":303},{"textAlign":30},[304,306,312],{"text":305,"type":34},"Besoin de nous contacter ? Envoyez-nous un e-mail à ",{"text":307,"type":34,"marks":308},"labs@techsoft3d.com",[309],{"type":48,"attrs":310},{"href":307,"uuid":30,"anchor":30,"target":52,"linktype":311},"email",{"text":243,"type":34},"columns",{"id":270,"_uid":315,"items":316,"component":322},"ca556064-0fa5-4110-8395-86e3f005ea32",[317],{"id":318,"_uid":319,"component":320,"business_unit":321},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-25 00:00",[325],{"_uid":326,"source":327,"component":385},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":328,"created_at":329,"published_at":330,"updated_at":331,"id":332,"uuid":333,"content":334,"slug":376,"full_slug":377,"sort_by_date":30,"position":378,"tag_list":379,"is_startpage":267,"parent_id":380,"meta_data":30,"group_id":381,"first_published_at":382,"release_id":30,"lang":383,"path":30,"alternates":384,"default_full_slug":30,"translated_slugs":30,"_stopResolving":63},"Main Navigation","2025-04-09T14:04:01.876Z","2026-10-10T22:18:15.264Z","2026-10-10T22:18:15.279Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":335,"items":336,"component":375},"8915070e-32eb-476d-b215-1c92ebdad15c",[337,357],{"_uid":338,"left_nav":16,"messages":339,"component":356,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[340,346,351],{"_uid":341,"icon":342,"link":343,"target":241,"message":344,"component":345},"1773ad80-3b42-4f4a-97eb-c9cd1258a7ed","cil:magnifying-glass","https://pages.techsoft3d.com/engineering-data-insights?utm_campaign=48796445-2026%20Build%20or%20Buy%20Research&utm_source=Website&utm_medium=Main%20Banner","Nouvelle recherche : comment les fabricants répondent à la demande croissante de données d'ingénierie","element-notice-child",{"_uid":347,"icon":348,"link":349,"target":241,"message":350,"component":345},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","Inscrivez-vous à notre prochain webinaire : Découvrez comment VNTANA a exploité les données CAD grâce à HOOPS Exchange",{"_uid":352,"icon":353,"link":354,"target":16,"message":355,"component":345},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Vous avez des questions sur nos SDK ou applications d'entreprise ? Parlez à un expert de Tech Soft 3D","element-notice",{"_uid":358,"menu":359,"component":374,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[360,365,368,371],{"url":361,"_uid":362,"label":363,"new_tab":267,"component":364},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDK pour développeurs","top-menu-child",{"url":361,"_uid":366,"label":367,"new_tab":267,"component":364,"style_as_button":267},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Applications pour entreprises",{"url":361,"_uid":369,"label":370,"new_tab":267,"component":364,"style_as_button":267},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Entreprise",{"url":361,"_uid":372,"label":373,"new_tab":267,"component":364,"style_as_button":63},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","fr/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","fr",[],"reference",{"type":24,"content":387},[388],{"type":39,"attrs":389,"content":390},{"textAlign":30},[391,392,397],{"text":43,"type":34},{"text":393,"type":34,"marks":394},"HOOPS Visualize",[395],{"type":48,"attrs":396},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":398,"type":34}," pour le Web (anciennement HOOPS Communicator) peut être utilisé pour créer un flux de travail de visualisation de configurateur de produit. ","Démo Configurateur",[401,407,413],{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":406},158749818666057,"3D model of vehicle for configurator demo","Configurator Model","https://a-us.storyblok.com/f/1023536/4500x3000/a2b8ba9027/configurator-demo-model.jpg",{"alt":403,"title":404,"source":16,"copyright":16},{"id":408,"alt":409,"name":16,"focus":16,"title":410,"source":16,"filename":411,"copyright":16,"fieldtype":295,"meta_data":412},158750117702730,"Close up of a 3D trailer model for configurator demo","Configurator Model Close Up","https://a-us.storyblok.com/f/1023536/4500x3000/15fa29cfa4/configurator-demo-close-up.jpg",{"alt":409,"title":410,"source":16,"copyright":16},{"id":414,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":415,"copyright":16,"fieldtype":295,"meta_data":416},158750527593548,"https://a-us.storyblok.com/f/1023536/4500x3000/a67872034b/configurator-demo-model-front.jpg",{},[418],"hoopsVisualize",{"_uid":420,"title":421,"plugin":288,"description":422},"1c8c9544-c26c-4538-9dab-74bf055bad78","Démo du configurateur | Tech Soft 3D Labs","Cette démo montre comment HOOPS Visualize for Web (anciennement HOOPS Communicator) peut être utilisé pour créer un flux de travail de visualisation de configurateur de produit. ","lab",{"id":16,"url":425,"linktype":90,"fieldtype":271,"cached_url":425},"https://configurator-docker.techsoft3d.com/",{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":427,"is_external_url":267},{"alt":403,"title":404,"source":16,"copyright":16},{"id":16,"url":429,"linktype":90,"fieldtype":271,"cached_url":429},"https://github.com/techsoft3d/configurator-docker/","Dimanche, 25 juin 2023",{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":432,"is_external_url":267},{"alt":403,"title":404,"source":16,"copyright":16},"configurator-demo","fr/developers/labs/configurator-demo",-140,[],99359039112762,"994da7ba-6801-4c31-bd3d-95d5270d377d","2026-04-03T18:44:13.707Z",[],1791995899,[443],{"name":328,"created_at":329,"published_at":330,"updated_at":331,"id":332,"uuid":333,"content":444,"slug":376,"full_slug":377,"sort_by_date":30,"position":378,"tag_list":457,"is_startpage":267,"parent_id":380,"meta_data":30,"group_id":381,"first_published_at":382,"release_id":30,"lang":383,"path":30,"alternates":458,"default_full_slug":30,"translated_slugs":30},{"_uid":335,"items":445,"component":375},[446,451],{"_uid":338,"left_nav":16,"messages":447,"component":356,"right_nav":16},[448,449,450],{"_uid":341,"icon":342,"link":343,"target":241,"message":344,"component":345},{"_uid":347,"icon":348,"link":349,"target":241,"message":350,"component":345},{"_uid":352,"icon":353,"link":354,"target":16,"message":355,"component":345},{"_uid":358,"menu":452,"component":374,"has_notice":63},[453,454,455,456],{"url":361,"_uid":362,"label":363,"new_tab":267,"component":364},{"url":361,"_uid":366,"label":367,"new_tab":267,"component":364,"style_as_button":267},{"url":361,"_uid":369,"label":370,"new_tab":267,"component":364,"style_as_button":267},{"url":361,"_uid":372,"label":373,"new_tab":267,"component":364,"style_as_button":63},[],[],[],{"cache-control":461,"connection":462,"content-encoding":463,"content-type":464,"date":465,"etag":466,"referrer-policy":467,"sb-be-version":468,"server":469,"strict-transport-security":470,"transfer-encoding":471,"vary":472,"via":473,"x-amz-cf-id":474,"x-amz-cf-pop":475,"x-cache":476,"x-content-type-options":477,"x-frame-options":478,"x-permitted-cross-domain-policies":479,"x-request-id":480,"x-runtime":481,"x-xss-protection":482},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:02:51 GMT","W/\"a46b1b80755055c4fdf9b8ac334d8e93\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 bbc57e4c259e16f712316786b8f9a84a.cloudfront.net (CloudFront)","DExiVLJb7uyowD85Yyiig_Mc8QkKMSwjY-oFo_67KQjmoZqhK5wCkg==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","354769a8-1cc1-44be-927c-3d29d2ac917b","0.047491","0",1791997370962]