[{"data":1,"prerenderedAt":396},["ShallowReactive",2],{"{\"language\":\"pt\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/minimal-web-viewer":3},{"data":4,"headers":373},{"story":5,"cv":354,"rels":355,"links":372},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":346,"full_slug":347,"sort_by_date":30,"position":348,"tag_list":349,"is_startpage":157,"parent_id":350,"meta_data":30,"group_id":351,"first_published_at":352,"release_id":30,"lang":309,"path":30,"alternates":353,"default_full_slug":30,"translated_slugs":30},"Minimal Web Viewer","2026-03-27T16:47:31.453Z","2026-10-10T22:15:18.970Z","2026-10-10T22:15:19.013Z",159500089204480,"56bbad4b-8a2f-4d13-bbce-a3656a977a7a",{"_uid":13,"body":14,"date":249,"fold":250,"intro":312,"title":325,"gallery":326,"category":327,"metadata":330,"component":334,"demo_link":335,"thumbnail":336,"github_link":342,"last_updated":343,"open_graph_image":344,"include_open_graph":51,"block_search_engines":157},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,240],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":239,"remove_padding":51},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,52,56,110,146,187,223],{"_uid":22,"body":23,"alignment":49,"component":50,"is_full_width":51},"152b4bc8-9953-4de6-97d6-3ca41c22cb62",{"type":24,"content":25},"doc",[26,38,44],{"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],{"text":43,"type":34},"Com apenas algumas linhas de HTML, um desenvolvedor pode adicionar conteúdo 3D a qualquer site.",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"Aqui está uma implementação mínima de dados 3D sendo carregados no Visualizador Web HOOPS e uma explicação de como isso é feito.","align-left","copy",true,{"_uid":53,"code":54,"component":55},"5a7eb982-8a51-4f0e-be2e-7e1cd9804968","\u003Cdiv style=\"height: 0; margin: 20px 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;\">\n\u003Ciframe style=\"height: 100%;left: 0; position: absolute; top: 0; width: 100%;\" src=\"https://innovation-lab-downloads.s3-us-west-2.amazonaws.com/minimal.html\">\u003C/iframe>\n\u003C/div>","code",{"_uid":57,"body":58,"alignment":49,"component":50,"is_full_width":51},"f2adecbd-ef0e-41ef-83ba-15419b51ba2f",{"type":24,"content":59},[60,67,84],{"type":27,"attrs":61,"content":62},{"level":29,"textAlign":30},[63],{"text":64,"type":34,"marks":65},"Como Foi Implementado",[66],{"type":37},{"type":39,"attrs":68,"content":69},{"textAlign":30},[70,72,82],{"text":71,"type":34},"O ",{"text":73,"type":34,"marks":74},"Visualizador Web HOOPS",[75],{"type":76,"attrs":77},"link",{"href":78,"uuid":79,"anchor":30,"target":80,"linktype":81},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"text":83,"type":34}," é importado em uma tag de script. O Visualizador Web é criado com dois argumentos. O endpointUri mostra de onde carregar os dados 3D. O containerId é um id de elemento HTML onde o Visualizador Web deve renderizar. O Visualizador Web é iniciado, e é só isso.",{"type":39,"attrs":85,"content":86},{"textAlign":30},[87,91,92,100,102,108],{"text":88,"type":34,"marks":89},"De onde vieram os dados? ",[90],{"type":37},{"text":71,"type":34},{"text":93,"type":34,"marks":94},"Conversor CAD",[95],{"type":76,"attrs":96},{"href":97,"uuid":30,"anchor":30,"target":98,"linktype":99},"https://docs.techsoft3d.com/hoops/visualize-web/prog_guide/data_import/cad_conversion/converter_app/converter-application-overview.html","_blank","url",{"text":101,"type":34},"do HOOPS Visualize, que se baseia no ",{"text":103,"type":34,"marks":104},"HOOPS Exchange",[105],{"type":76,"attrs":106},{"href":107,"uuid":30,"anchor":30,"target":80,"linktype":99},"https://www.techsoft3d.com/developers/products/hoops-exchange/",{"text":109,"type":34}," para ler rapidamente arquivos CAD, converteu uma montagem CAD CATIA V5 em um arquivo SCS leve e transmitível. O arquivo SCS é salvo em um bucket público AWS S3 para fácil acesso.",{"_uid":111,"body":112,"alignment":49,"component":50,"is_full_width":51},"67c4014c-c9ee-42e5-8407-c5c49ed9eed8",{"type":24,"content":113},[114,121,134],{"type":27,"attrs":115,"content":116},{"level":29,"textAlign":30},[117],{"text":118,"type":34,"marks":119},"Experimente Você Mesmo",[120],{"type":37},{"type":39,"attrs":122,"content":123},{"textAlign":30},[124,126,132],{"text":125,"type":34},"Para uma visão mais aprofundada desta implementação e como estendê-la, veja o ",{"text":127,"type":34,"marks":128},"guia de construção de uma aplicação básica",[129],{"type":76,"attrs":130},{"href":131,"uuid":30,"anchor":30,"target":98,"linktype":99},"https://docs.techsoft3d.com/hoops/visualize-web/tutorials/basic-app/introduction.html",{"text":133,"type":34}," para HOOPS Visualize para Web.",{"type":39,"attrs":135,"content":136},{"textAlign":30},[137,139,144],{"text":138,"type":34},"Ele introduz os conceitos básicos de desenvolvimento de uma aplicação web com ",{"text":140,"type":34,"marks":141},"HOOPS Visualize",[142],{"type":76,"attrs":143},{"href":78,"uuid":79,"anchor":30,"target":98,"linktype":81},{"text":145,"type":34},". Até o final, você terá uma base sólida para começar a integrá-lo em seus próprios projetos.",{"_uid":147,"messages":148,"component":181,"background":182,"remove_padding":51,"is_verticalized":157},"f964a1a0-8c11-4253-9374-60fac4cd3a0a",[149],{"_uid":150,"icon":16,"buttons":151,"content":162,"headline":169,"link_url":16,"metadata":176,"component":179,"icon_size":16,"link_label":16,"headline_heading":180},"8db5e947-ff83-4bde-b44c-c230d43ec62e",[152],{"_uid":153,"href":16,"color":154,"label":155,"action":156,"new_tab":157,"outline":51,"alignment":16,"component":158,"text_link":157,"destination":159},"ff9677fc-f285-40b3-ab6f-3fa2e32c697e","light","Assinar","action-modal",false,"element-button",{"id":16,"url":160,"linktype":99,"fieldtype":161,"cached_url":160},"subscribe","multilink",{"type":24,"content":163},[164],{"type":39,"attrs":165,"content":166},{"textAlign":30},[167],{"text":168,"type":34},"Nós o notificaremos assim que novos projetos estiverem disponíveis.",{"type":24,"content":170},[171],{"type":39,"attrs":172,"content":173},{"textAlign":30},[174],{"text":175,"type":34},"Seja o primeiro a saber sobre novos projetos",{"_uid":177,"title":16,"plugin":178,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":183,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":184,"copyright":16,"fieldtype":185,"meta_data":186,"is_external_url":157},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":188,"body":189,"alignment":49,"component":50,"is_full_width":51},"8fdf56ab-b62c-48bf-a5d3-bd005e411480",{"type":24,"content":190},[191,198,211],{"type":27,"attrs":192,"content":193},{"level":29,"textAlign":30},[194],{"text":195,"type":34,"marks":196},"Dúvidas ou Feedback?",[197],{"type":37},{"type":39,"attrs":199,"content":200},{"textAlign":30},[201,203,209],{"text":202,"type":34},"Estamos em busca de feedback e de como esse kit de ferramentas pode ser melhorado para atender às suas necessidades! Por favor, conecte-se em nosso ",{"text":204,"type":34,"marks":205},"fórum",[206],{"type":76,"attrs":207},{"href":208,"uuid":30,"anchor":30,"target":98,"linktype":99},"https://forum.techsoft3d.com/",{"text":210,"type":34},".",{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216,222],{"text":215,"type":34},"Você também pode se inscrever para uma avaliação de 60 dias da ",{"text":217,"type":34,"marks":218},"Plataforma Web HOOPS",[219],{"type":76,"attrs":220},{"href":221,"uuid":30,"anchor":30,"target":98,"linktype":99},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":210,"type":34},{"_uid":224,"body":225,"alignment":49,"component":50,"is_full_width":51},"99152d4a-552b-453a-90c0-b4b9796888c1",{"type":24,"content":226},[227],{"type":39,"attrs":228,"content":229},{"textAlign":30},[230,232,238],{"text":231,"type":34},"Precisa nos contatar? Envie um e-mail para ",{"text":233,"type":34,"marks":234},"labs@techsoft3d.com",[235],{"type":76,"attrs":236},{"href":233,"uuid":30,"anchor":30,"target":80,"linktype":237},"email",{"text":210,"type":34},"columns",{"id":160,"_uid":241,"items":242,"component":248},"ca556064-0fa5-4110-8395-86e3f005ea32",[243],{"id":244,"_uid":245,"component":246,"business_unit":247},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2020-03-02 00:00",[251],{"_uid":252,"source":253,"component":311},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":254,"created_at":255,"published_at":256,"updated_at":257,"id":258,"uuid":259,"content":260,"slug":302,"full_slug":303,"sort_by_date":30,"position":304,"tag_list":305,"is_startpage":157,"parent_id":306,"meta_data":30,"group_id":307,"first_published_at":308,"release_id":30,"lang":309,"path":30,"alternates":310,"default_full_slug":30,"translated_slugs":30,"_stopResolving":51},"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":261,"items":262,"component":301},"8915070e-32eb-476d-b215-1c92ebdad15c",[263,283],{"_uid":264,"left_nav":16,"messages":265,"component":282,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[266,272,277],{"_uid":267,"icon":268,"link":269,"target":98,"message":270,"component":271},"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":273,"icon":274,"link":275,"target":98,"message":276,"component":271},"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":278,"icon":279,"link":280,"target":16,"message":281,"component":271},"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":284,"menu":285,"component":300,"has_notice":51},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[286,291,294,297],{"url":287,"_uid":288,"label":289,"new_tab":157,"component":290},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs para Desenvolvedores","top-menu-child",{"url":287,"_uid":292,"label":293,"new_tab":157,"component":290,"style_as_button":157},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicativos para Empresas",{"url":287,"_uid":295,"label":296,"new_tab":157,"component":290,"style_as_button":157},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Empresa",{"url":287,"_uid":298,"label":299,"new_tab":157,"component":290,"style_as_button":51},"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":313},[314],{"type":39,"attrs":315,"content":316},{"textAlign":30},[317,319,323],{"text":318,"type":34},"A Plataforma Web HOOPS usa HOOPS Exchange para acesso a dados CAD e ",{"text":140,"type":34,"marks":320},[321],{"type":76,"attrs":322},{"href":78,"uuid":79,"anchor":30,"target":80,"linktype":81},{"text":324,"type":34}," para Web (anteriormente HOOPS Communicator) para visualização 3D na web.","Visualizador Web Minimalista",[],[328,329],"hoopsExchange","hoopsVisualize",{"_uid":331,"title":332,"plugin":178,"description":333},"9d1862c7-05fb-48fd-9e05-6a0d896e0ccd","Visualizador Web Mínimo | Tech Soft 3D Labs","A HOOPS Web Platform usa o HOOPS Exchange para acesso a dados CAD e o HOOPS Visualize para Web (anteriormente HOOPS Communicator) para visualização 3D na web.","lab",{"id":16,"url":16,"linktype":99,"fieldtype":161,"cached_url":16},{"id":337,"alt":338,"name":16,"focus":16,"title":339,"source":16,"filename":340,"copyright":16,"fieldtype":185,"meta_data":341,"is_external_url":157},160806696871751,"A 3D model in a minimal CAD viewer built with HOOPS Visualize.","Minimal CAD Viewer","https://a-us.storyblok.com/f/1023536/1920x1080/e1c17dea97/minimal-cad-viewer.jpg",{"alt":338,"title":339,"source":16,"copyright":16},{"id":16,"url":16,"linktype":99,"fieldtype":161,"cached_url":16},"Segunda-feira, 2 de março de 2020",{"id":337,"alt":338,"name":16,"focus":16,"title":339,"source":16,"filename":340,"copyright":16,"fieldtype":185,"meta_data":345,"is_external_url":157},{"alt":338,"title":339,"source":16,"copyright":16},"minimal-web-viewer","pt/developers/labs/minimal-web-viewer",-200,[],99359039112762,"4a2fa999-84cf-4106-a297-f63b5b104b6f","2026-04-03T18:44:12.259Z",[],1791995899,[356],{"name":254,"created_at":255,"published_at":256,"updated_at":257,"id":258,"uuid":259,"content":357,"slug":302,"full_slug":303,"sort_by_date":30,"position":304,"tag_list":370,"is_startpage":157,"parent_id":306,"meta_data":30,"group_id":307,"first_published_at":308,"release_id":30,"lang":309,"path":30,"alternates":371,"default_full_slug":30,"translated_slugs":30},{"_uid":261,"items":358,"component":301},[359,364],{"_uid":264,"left_nav":16,"messages":360,"component":282,"right_nav":16},[361,362,363],{"_uid":267,"icon":268,"link":269,"target":98,"message":270,"component":271},{"_uid":273,"icon":274,"link":275,"target":98,"message":276,"component":271},{"_uid":278,"icon":279,"link":280,"target":16,"message":281,"component":271},{"_uid":284,"menu":365,"component":300,"has_notice":51},[366,367,368,369],{"url":287,"_uid":288,"label":289,"new_tab":157,"component":290},{"url":287,"_uid":292,"label":293,"new_tab":157,"component":290,"style_as_button":157},{"url":287,"_uid":295,"label":296,"new_tab":157,"component":290,"style_as_button":157},{"url":287,"_uid":298,"label":299,"new_tab":157,"component":290,"style_as_button":51},[],[],[],{"cache-control":374,"connection":375,"content-encoding":376,"content-type":377,"date":378,"etag":379,"referrer-policy":380,"sb-be-version":381,"server":382,"strict-transport-security":383,"transfer-encoding":384,"vary":385,"via":386,"x-amz-cf-id":387,"x-amz-cf-pop":388,"x-cache":389,"x-content-type-options":390,"x-frame-options":391,"x-permitted-cross-domain-policies":392,"x-request-id":393,"x-runtime":394,"x-xss-protection":395},"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/\"ae8134544acb5689bdf92cb0cb8b40b0\"","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)","l8des1BSCEQYfYidzT0GIXbytov5OLkX-mduB3LI89B0_0o0jhrgJQ==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","8988fb02-8aeb-427d-b525-d48a045ed0cc","0.052904","0",1791997367888]