[{"data":1,"prerenderedAt":483},["ShallowReactive",2],{"{\"language\":\"pt\",\"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},"Visão Geral","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"Esta demonstração mostra como ",{"text":45,"type":34,"marks":46},"HOOPS Visualize para 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}," (anteriormente HOOPS Communicator) pode ser usado para criar um fluxo de trabalho de visualização de configurador de produto. Nesta demonstração, você pode selecionar elementos de uma montagem automotiva e adicioná-los à sua cena por meio de carregamento dinâmico. Além disso, se estiverem disponíveis várias opções da peça que foi adicionada, você pode trocar a peça por outra diferente. Dentro desta demonstração, existem diferentes visões predefinidas, algumas com animações, para destacar diferentes aspectos da montagem.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"Para operar esta demonstração, basta passar o mouse sobre as visualizações, descer para mudar seu local de visualização e ver as animações integradas. Além disso, você pode passar o mouse sobre os menus suspensos do trailer, motor e volante para adicionar mais elementos à cena, ou trocar uma peça se ela já existir na cena.","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},"Como foi implementado:",[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},"Configurando os visualizadores",[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},"Carregar os modelos",[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},"Adicionando seleção de componentes",[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},"Incorporando relacionamentos de modelos",[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},"Adicionando animações",[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},"Explore HOOPS Visualize para Web",[145],{"type":37},{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,153,158],{"text":150,"type":34,"marks":151},"Esta demonstração foi criada usando ",[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}," (anteriormente 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},"Consulte a ",{"text":172,"type":34,"marks":173},"Documentação",[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},"do HOOPS Visualize para Web (anteriormente HOOPS Communicator).",{"type":79,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186,192],{"text":185,"type":34},"Inscreva-se para uma ",{"text":187,"type":34,"marks":188},"avaliação",[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},"gratuita.",{"type":79,"content":195},[196],{"type":39,"attrs":197,"content":198},{"textAlign":30},[199,201],{"text":200,"type":34},"Mergulhe diretamente na codificação com o ",{"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},"Junte-se ao nosso ",{"text":215,"type":34,"marks":216},"Fórum da Comunidade",[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},"Perguntas ou Feedback?",[230],{"type":37},{"type":39,"attrs":232,"content":233},{"textAlign":30},[234,236,242],{"text":235,"type":34},"Estamos procurando feedback e como este conjunto de ferramentas pode ser melhorado para atender às suas necessidades! Por favor, conecte-se em nosso ",{"text":237,"type":34,"marks":238},"fórum",[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},"Você também pode se inscrever para um teste de 60 dias da ",{"text":250,"type":34,"marks":251},"Plataforma Web HOOPS",[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","Inscrever-se","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},"Nós o notificaremos assim que novos projetos estiverem disponíveis.",{"type":24,"content":280},[281],{"type":39,"attrs":282,"content":283},{"textAlign":30},[284],{"text":285,"type":34},"Seja o primeiro a saber sobre novos projetos",{"_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},"Precisa entrar em contato conosco? Envie-nos um email para ",{"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","Nova Pesquisa: Como os Fabricantes Atendem à Crescente Demanda por Dados de Engenharia","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","Registre-se para o Nosso Próximo Webinar: Saiba como a VNTANA utilizou dados CAD através do HOOPS Exchange",{"_uid":352,"icon":353,"link":354,"target":16,"message":355,"component":345},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Tem perguntas sobre nossos SDKs ou aplicativos empresariais? Fale com um especialista da 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","SDKs para Desenvolvedores","top-menu-child",{"url":361,"_uid":366,"label":367,"new_tab":267,"component":364,"style_as_button":267},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicativos para Empresas",{"url":361,"_uid":369,"label":370,"new_tab":267,"component":364,"style_as_button":267},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Empresa",{"url":361,"_uid":372,"label":373,"new_tab":267,"component":364,"style_as_button":63},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Suporte","top","global","main-navigation","pt/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","pt",[],"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}," para Web (anteriormente HOOPS Communicator) pode ser usado para criar um fluxo de trabalho de visualização de configurador de produto. ","Demonstração do Configurador",[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},"59a24de0-5f8c-4912-927d-8f51b3f83878","Demonstração do Configurador | Tech Soft 3D Labs","Esta demonstração mostra como o HOOPS Visualize para Web (anteriormente HOOPS Communicator) pode ser usado para criar um fluxo de trabalho de visualização de configurador de produto. ","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/","Domingo, 25 de junho de 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","pt/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/\"67e3975d55ce1b0a6567895014c28154\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 79474acb663c3d44e0e59cf40b4b47c0.cloudfront.net (CloudFront)","oVp8-tzmxttEFEpayM_xtlBjnydwsl_zRkHu7_NPtj5c-gVa_QkCpg==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","5a45813e-cfd1-4336-80b8-0cecc21cbd35","0.035040","0",1791997371009]