[{"data":1,"prerenderedAt":495},["ShallowReactive",2],{"{\"language\":\"pt\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/product-configurator-demo":3},{"data":4,"headers":472},{"story":5,"cv":453,"rels":454,"links":471},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":445,"full_slug":446,"sort_by_date":33,"position":447,"tag_list":448,"is_startpage":283,"parent_id":449,"meta_data":33,"group_id":450,"first_published_at":451,"release_id":33,"lang":399,"path":33,"alternates":452,"default_full_slug":33,"translated_slugs":33},"Product Configurator Demo","2026-03-27T15:09:47.708Z","2026-10-10T22:15:39.852Z","2026-10-10T22:15:39.902Z",159476071304740,"cd9ac704-e4d7-481d-acff-57ec9ad12356",{"_uid":13,"body":14,"date":339,"fold":340,"intro":402,"title":415,"gallery":416,"category":429,"metadata":431,"component":435,"demo_link":436,"thumbnail":438,"github_link":440,"last_updated":442,"open_graph_image":443,"include_open_graph":69,"block_search_engines":283},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,330],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":329,"remove_padding":69},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,24,70,81,84,154,237,272,313],{"_uid":22,"code":16,"component":23},"5a7eb982-8a51-4f0e-be2e-7e1cd9804968","code",{"_uid":25,"body":26,"alignment":67,"component":68,"is_full_width":69},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":27,"content":28},"doc",[29,41,47,52],{"type":30,"attrs":31,"content":34},"heading",{"level":32,"textAlign":33},2,null,[35],{"text":36,"type":37,"marks":38},"Visão Geral","text",[39],{"type":40},"bold",{"type":42,"attrs":43,"content":44},"paragraph",{"textAlign":33},[45],{"text":46,"type":37},"Nesta demonstração, você pode selecionar diferentes elementos de uma montagem de bicicleta e adicioná-los à sua cena. Se múltiplas opções da peça adicionada estiverem disponíveis, você pode trocar a peça por uma diferente.",{"type":42,"attrs":48,"content":49},{"textAlign":33},[50],{"text":51,"type":37},"Há um visualizador web adicional nesta demonstração, permitindo que você veja uma pré-visualização do componente antes de adicioná-lo à montagem.",{"type":42,"attrs":53,"content":54},{"textAlign":33},[55,57,65],{"text":56,"type":37},"Esta demonstração vem com um ",{"text":58,"type":37,"marks":59},"tutorial passo a passo",[60],{"type":61,"attrs":62},"link",{"href":63,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://docs.techsoft3d.com/hoops/visualize-web/tutorials/product-configurator/intro.html?redirect=true","url",{"text":66,"type":37}," completo que mostrará como implementar este projeto você mesmo.","align-left","copy",true,{"_uid":71,"body":72,"alignment":67,"component":68,"is_full_width":69},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":27,"content":73},[74],{"type":30,"attrs":75,"content":76},{"level":32,"textAlign":33},[77],{"text":78,"type":37,"marks":79},"Vídeo do Passeio pela Demonstração",[80],{"type":40},{"_uid":82,"code":83,"component":23},"75d2d6cc-fb66-4a6b-9f27-2a11781e7ec8","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/7ELTBR7pG1U?si=JSvCtcquXPWxkK_4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>",{"_uid":85,"body":86,"alignment":67,"component":68,"is_full_width":69},"de567d9f-5e33-4bf8-a22f-7197ecac474f",{"type":27,"content":87},[88,95],{"type":30,"attrs":89,"content":90},{"level":32,"textAlign":33},[91],{"text":92,"type":37,"marks":93},"Como Foi Implementado",[94],{"type":40},{"type":96,"content":97},"bullet_list",[98,110,121,132,143],{"type":99,"content":100},"list_item",[101],{"type":42,"attrs":102,"content":103},{"textAlign":33},[104],{"text":105,"type":37,"marks":106},"Configurando os visualizadores",[107],{"type":61,"attrs":108},{"href":109,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/setting-up-the-viewers.html",{"type":99,"content":111},[112],{"type":42,"attrs":113,"content":114},{"textAlign":33},[115],{"text":116,"type":37,"marks":117},"Carregar os modelos",[118],{"type":61,"attrs":119},{"href":120,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/loading-models.html",{"type":99,"content":122},[123],{"type":42,"attrs":124,"content":125},{"textAlign":33},[126],{"text":127,"type":37,"marks":128},"Adicionando seleção de componentes",[129],{"type":61,"attrs":130},{"href":131,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/add-component-selection.html",{"type":99,"content":133},[134],{"type":42,"attrs":135,"content":136},{"textAlign":33},[137],{"text":138,"type":37,"marks":139},"Incorporando relações de modelo",[140],{"type":61,"attrs":141},{"href":142,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/incorporating-model-relationships.html",{"type":99,"content":144},[145],{"type":42,"attrs":146,"content":147},{"textAlign":33},[148],{"text":149,"type":37,"marks":150},"Limpando a construção",[151],{"type":61,"attrs":152},{"href":153,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/clearing-the-build.html",{"_uid":155,"body":156,"alignment":67,"component":68,"is_full_width":69},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":27,"content":157},[158,179],{"type":42,"attrs":159,"content":160},{"textAlign":33},[161,165,175],{"text":162,"type":37,"marks":163},"Esta demonstração foi criada usando ",[164],{"type":40},{"text":166,"type":37,"marks":167},"HOOPS Visualize for Web",[168,174],{"type":61,"attrs":169},{"href":170,"uuid":171,"anchor":33,"target":172,"linktype":173},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"type":40},{"text":176,"type":37,"marks":177}," (anteriormente HOOPS Communicator).",[178],{"type":40},{"type":96,"content":180},[181,196,211,224],{"type":99,"content":182},[183],{"type":42,"attrs":184,"content":185},{"textAlign":33},[186,188,194],{"text":187,"type":37},"Consulte a ",{"text":189,"type":37,"marks":190},"Documentação",[191],{"type":61,"attrs":192},{"href":193,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://docs.techsoft3d.com/communicator/latest/",{"text":195,"type":37},"do HOOPS Visualize for Web (anteriormente HOOPS Communicator).",{"type":99,"content":197},[198],{"type":42,"attrs":199,"content":200},{"textAlign":33},[201,203,209],{"text":202,"type":37},"Inscreva-se para uma ",{"text":204,"type":37,"marks":205},"avaliação",[206],{"type":61,"attrs":207},{"href":208,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://manage.techsoft3d.com/signup?product=communicator",{"text":210,"type":37},"gratuita.",{"type":99,"content":212},[213],{"type":42,"attrs":214,"content":215},{"textAlign":33},[216,218],{"text":217,"type":37},"Comece a codificar com o ",{"text":219,"type":37,"marks":220},"3D Sandbox",[221],{"type":61,"attrs":222},{"href":223,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://3dsandbox.techsoft3d.com/",{"type":99,"content":225},[226],{"type":42,"attrs":227,"content":228},{"textAlign":33},[229,231],{"text":230,"type":37},"Participe do nosso ",{"text":232,"type":37,"marks":233},"Fórum da Comunidade",[234],{"type":61,"attrs":235},{"href":236,"uuid":33,"anchor":33,"target":33,"linktype":64},"https://forum.techsoft3d.com/",{"_uid":238,"body":239,"alignment":67,"component":68,"is_full_width":69},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":27,"content":240},[241,248,261],{"type":30,"attrs":242,"content":243},{"level":32,"textAlign":33},[244],{"text":245,"type":37,"marks":246},"Dúvidas ou Comentários?",[247],{"type":40},{"type":42,"attrs":249,"content":250},{"textAlign":33},[251,253,259],{"text":252,"type":37},"Estamos buscando feedback e como este kit de ferramentas pode ser melhorado para atender suas necessidades! Por favor, participe do nosso ",{"text":254,"type":37,"marks":255},"fórum",[256],{"type":61,"attrs":257},{"href":236,"uuid":33,"anchor":33,"target":258,"linktype":64},"_blank",{"text":260,"type":37},".",{"type":42,"attrs":262,"content":263},{"textAlign":33},[264,266],{"text":265,"type":37},"Você também pode se inscrever para um teste de 60 dias do ",{"text":267,"type":37,"marks":268},"HOOPS Visualize. ",[269],{"type":61,"attrs":270},{"href":271,"uuid":33,"anchor":33,"target":172,"linktype":64},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":273,"messages":274,"component":307,"background":308,"remove_padding":69,"is_verticalized":283},"2517b691-8590-46b2-b1a0-c989536a3b36",[275],{"_uid":276,"icon":16,"buttons":277,"content":288,"headline":295,"link_url":16,"metadata":302,"component":305,"icon_size":16,"link_label":16,"headline_heading":306},"1f7a4845-55d4-4520-b973-efe814118e45",[278],{"_uid":279,"href":16,"color":280,"label":281,"action":282,"new_tab":283,"outline":69,"alignment":16,"component":284,"text_link":283,"destination":285},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Inscrever-se","action-modal",false,"element-button",{"id":16,"url":286,"linktype":64,"fieldtype":287,"cached_url":286},"subscribe","multilink",{"type":27,"content":289},[290],{"type":42,"attrs":291,"content":292},{"textAlign":33},[293],{"text":294,"type":37},"Vamos notificá-lo assim que novos projetos estiverem disponíveis.",{"type":27,"content":296},[297],{"type":42,"attrs":298,"content":299},{"textAlign":33},[300],{"text":301,"type":37},"Seja o primeiro a saber sobre novos projetos",{"_uid":303,"title":16,"plugin":304,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":309,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":310,"copyright":16,"fieldtype":311,"meta_data":312,"is_external_url":283},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":314,"body":315,"alignment":67,"component":68,"is_full_width":69},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":27,"content":316},[317],{"type":42,"attrs":318,"content":319},{"textAlign":33},[320,322,328],{"text":321,"type":37},"Precisa entrar em contato conosco? Envie um e-mail para ",{"text":323,"type":37,"marks":324},"labs@techsoft3d.com",[325],{"type":61,"attrs":326},{"href":323,"uuid":33,"anchor":33,"target":172,"linktype":327},"email",{"text":260,"type":37},"columns",{"id":286,"_uid":331,"items":332,"component":338},"ca556064-0fa5-4110-8395-86e3f005ea32",[333],{"id":334,"_uid":335,"component":336,"business_unit":337},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-27 00:00",[341],{"_uid":342,"source":343,"component":401},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":344,"created_at":345,"published_at":346,"updated_at":347,"id":348,"uuid":349,"content":350,"slug":392,"full_slug":393,"sort_by_date":33,"position":394,"tag_list":395,"is_startpage":283,"parent_id":396,"meta_data":33,"group_id":397,"first_published_at":398,"release_id":33,"lang":399,"path":33,"alternates":400,"default_full_slug":33,"translated_slugs":33,"_stopResolving":69},"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":351,"items":352,"component":391},"8915070e-32eb-476d-b215-1c92ebdad15c",[353,373],{"_uid":354,"left_nav":16,"messages":355,"component":372,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[356,362,367],{"_uid":357,"icon":358,"link":359,"target":258,"message":360,"component":361},"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":363,"icon":364,"link":365,"target":258,"message":366,"component":361},"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":368,"icon":369,"link":370,"target":16,"message":371,"component":361},"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":374,"menu":375,"component":390,"has_notice":69},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[376,381,384,387],{"url":377,"_uid":378,"label":379,"new_tab":283,"component":380},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs para Desenvolvedores","top-menu-child",{"url":377,"_uid":382,"label":383,"new_tab":283,"component":380,"style_as_button":283},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicativos para Empresas",{"url":377,"_uid":385,"label":386,"new_tab":283,"component":380,"style_as_button":283},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Empresa",{"url":377,"_uid":388,"label":389,"new_tab":283,"component":380,"style_as_button":69},"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":27,"content":403},[404],{"type":42,"attrs":405,"content":406},{"textAlign":33},[407,409,413],{"text":408,"type":37},"Esta demonstração mostra como ",{"text":166,"type":37,"marks":410},[411],{"type":61,"attrs":412},{"href":170,"uuid":171,"anchor":33,"target":172,"linktype":173},{"text":414,"type":37}," (anteriormente HOOPS Communicator) pode ser usado para criar uma solução de visualização de configurador de produto.","Demonstração do Configurador de Produto",[417,423],{"id":418,"alt":419,"name":16,"focus":16,"title":420,"source":16,"filename":421,"copyright":16,"fieldtype":311,"meta_data":422},159477173690123,"3D CAD model of bicycle frame in product configurator demo","3D bicycle frame","https://a-us.storyblok.com/f/1023536/1920x1080/1f9f4ce2bb/product-configurator-demo-2.jpg",{"alt":419,"title":420,"source":16,"copyright":16},{"id":424,"alt":425,"name":16,"focus":16,"title":426,"source":16,"filename":427,"copyright":16,"fieldtype":311,"meta_data":428},159477173677834,"3D CAD model of bicycle in product configurator demo","3D bicycle CAD product","https://a-us.storyblok.com/f/1023536/1920x1080/0e1ae391e0/product-configurator-demo-1.jpg",{"alt":425,"title":426,"source":16,"copyright":16},[430],"hoopsVisualize",{"_uid":432,"title":433,"plugin":304,"description":434},"fe0c29fb-8682-4de5-8475-7a755fb3f1a5","Demonstração do Configurador de Produto | Tech Soft 3D Labs","Esta demonstração mostra como o HOOPS Visualize para Web (anteriormente HOOPS Communicator) pode ser usado para criar uma solução de visualização de configurador de produtos.","lab",{"id":16,"url":437,"linktype":64,"fieldtype":287,"cached_url":437},"https://techsoft3d.github.io/product-configurator/",{"id":424,"alt":425,"name":16,"focus":16,"title":426,"source":16,"filename":427,"copyright":16,"fieldtype":311,"meta_data":439,"is_external_url":283},{"alt":425,"title":426,"source":16,"copyright":16},{"id":16,"url":441,"linktype":64,"fieldtype":287,"cached_url":441},"https://github.com/techsoft3d/product-configurator","Terça-feira, 27 de junho de 2023",{"id":424,"alt":425,"name":16,"focus":16,"title":426,"source":16,"filename":427,"copyright":16,"fieldtype":311,"meta_data":444,"is_external_url":283},{"alt":425,"title":426,"source":16,"copyright":16},"product-configurator-demo","pt/developers/labs/product-configurator-demo",-210,[],99359039112762,"1f085b7e-bbd6-46bd-bee2-00d9efa9898d","2026-04-03T18:44:11.947Z",[],1791995899,[455],{"name":344,"created_at":345,"published_at":346,"updated_at":347,"id":348,"uuid":349,"content":456,"slug":392,"full_slug":393,"sort_by_date":33,"position":394,"tag_list":469,"is_startpage":283,"parent_id":396,"meta_data":33,"group_id":397,"first_published_at":398,"release_id":33,"lang":399,"path":33,"alternates":470,"default_full_slug":33,"translated_slugs":33},{"_uid":351,"items":457,"component":391},[458,463],{"_uid":354,"left_nav":16,"messages":459,"component":372,"right_nav":16},[460,461,462],{"_uid":357,"icon":358,"link":359,"target":258,"message":360,"component":361},{"_uid":363,"icon":364,"link":365,"target":258,"message":366,"component":361},{"_uid":368,"icon":369,"link":370,"target":16,"message":371,"component":361},{"_uid":374,"menu":464,"component":390,"has_notice":69},[465,466,467,468],{"url":377,"_uid":378,"label":379,"new_tab":283,"component":380},{"url":377,"_uid":382,"label":383,"new_tab":283,"component":380,"style_as_button":283},{"url":377,"_uid":385,"label":386,"new_tab":283,"component":380,"style_as_button":283},{"url":377,"_uid":388,"label":389,"new_tab":283,"component":380,"style_as_button":69},[],[],[],{"cache-control":473,"connection":474,"content-encoding":475,"content-type":476,"date":477,"etag":478,"referrer-policy":479,"sb-be-version":480,"server":481,"strict-transport-security":482,"transfer-encoding":483,"vary":484,"via":485,"x-amz-cf-id":486,"x-amz-cf-pop":487,"x-cache":488,"x-content-type-options":489,"x-frame-options":490,"x-permitted-cross-domain-policies":491,"x-request-id":492,"x-runtime":493,"x-xss-protection":494},"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:47 GMT","W/\"9b4e590d9a56e1bbf2493ce5643b040e\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 28541d1c5ba94fa4ae7d6f7a2c07f4f8.cloudfront.net (CloudFront)","EPzdByxibHcn_n7k5Bhm8XxM5IS2VYhqIpUXrWJ4TjMO6THxbGXipA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","24616a59-136a-42d8-b337-4ef0f879bb67","0.034655","0",1791997367528]