[{"data":1,"prerenderedAt":454},["ShallowReactive",2],{"{\"language\":\"pt\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/work-procedure":3},{"data":4,"headers":431},{"story":5,"cv":412,"rels":413,"links":430},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":404,"full_slug":405,"sort_by_date":30,"position":406,"tag_list":407,"is_startpage":248,"parent_id":408,"meta_data":30,"group_id":409,"first_published_at":410,"release_id":30,"lang":364,"path":30,"alternates":411,"default_full_slug":30,"translated_slugs":30},"Work Procedure","2026-03-24T14:38:25.775Z","2026-10-10T22:15:41.487Z","2026-10-10T22:15:41.567Z",158406679769518,"36a2e89e-41e0-44d0-802a-7b50d73125f5",{"_uid":13,"body":14,"date":304,"fold":305,"intro":367,"title":381,"gallery":382,"category":383,"metadata":386,"component":390,"demo_link":391,"thumbnail":393,"github_link":399,"last_updated":401,"open_graph_image":402,"include_open_graph":78,"block_search_engines":248},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,295],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":294,"remove_padding":78},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,79,83,97,202,237,278],{"_uid":22,"body":23,"alignment":76,"component":77,"is_full_width":78},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38],{"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,49,59,64,71],{"text":43,"type":34,"marks":44},"Este aplicativo web de demonstração apresenta HOOPS Visualize e HOOPS Exchange. ",[45],{"type":46,"attrs":47},"textStyle",{"color":48},"#5C5C5C",{"text":50,"type":34,"marks":51},"HOOPS Exchange",[52],{"type":53,"attrs":54},"link",{"href":55,"uuid":56,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":60,"type":34,"marks":61}," foi usado para ler e converter uma porta de automóvel, painel interior, apoio de braço e interruptor de janela em uma forma de transmissão leve. ",[62],{"type":46,"attrs":63},{"color":48},{"text":65,"type":34,"marks":66},"HOOPS Visualize for Web",[67],{"type":53,"attrs":68},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":72,"type":34,"marks":73}," (anteriormente HOOPS Communicator) exibe os dados CAD em um visualizador 3D como parte de um aplicativo cliente leve. A biblioteca de componentes de front-end fornece um estilo único para o aplicativo.",[74],{"type":46,"attrs":75},{"color":48},"align-left","copy",true,{"_uid":80,"code":81,"component":82},"cc2f7021-299c-42a2-9acc-ce51fb5788eb","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/pLyDNLDJDtM?si=ye8yGQIIcbFMU1To\" 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>","code",{"_uid":84,"body":85,"alignment":76,"component":77,"is_full_width":78},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":86},[87,92],{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"O realce automático dentro do visualizador 3D principal força a exibição de partes individuais em uma segunda vista 3D para inspeção. Metadata sobre essa parte, possivelmente do modelo CAD ou de um banco de dados externo, como preço, pode ser vinculado a um ID único e exibido.",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"Devido à poderosa API JavaScript do HOOPS Visualize for Web (anteriormente HOOPS Communicator), podemos criar programaticamente uma animação que mostra a desmontagem e remontagem da porta, incluindo vistas detalhadas ampliadas. Podemos mudar a vista, adicionar marcações de linha vermelha e alterar a visibilidade e opacidade dos objetos.",{"_uid":98,"body":99,"alignment":76,"component":77,"is_full_width":78},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":100},[101,108,124,144],{"type":27,"attrs":102,"content":103},{"level":29,"textAlign":30},[104],{"text":105,"type":34,"marks":106},"Explore HOOPS Visualize for Web",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,115,120],{"text":112,"type":34,"marks":113},"Esta demonstração foi criada usando ",[114],{"type":37},{"text":65,"type":34,"marks":116},[117,119],{"type":53,"attrs":118},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"type":37},{"text":121,"type":34,"marks":122}," (anteriormente HOOPS Communicator).",[123],{"type":37},{"type":125,"content":126},"bullet_list",[127],{"type":128,"content":129},"list_item",[130],{"type":39,"attrs":131,"content":132},{"textAlign":30},[133,135,142],{"text":134,"type":34},"Experimente este ",{"text":136,"type":34,"marks":137},"Tutorial de Construção de Aplicativo Básico",[138],{"type":53,"attrs":139},{"href":140,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://docs.techsoft3d.com/communicator/latest/tutorials/basic-app/introduction.html","url",{"text":143,"type":34}," . Os mesmos conceitos foram usados para construir esta demonstração.",{"type":125,"content":145},[146,161,176,189],{"type":128,"content":147},[148],{"type":39,"attrs":149,"content":150},{"textAlign":30},[151,153,159],{"text":152,"type":34},"Consulte a ",{"text":154,"type":34,"marks":155},"Documentação",[156],{"type":53,"attrs":157},{"href":158,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://docs.techsoft3d.com/communicator/latest/",{"text":160,"type":34},"do HOOPS Visualize for Web (anteriormente HOOPS Communicator).",{"type":128,"content":162},[163],{"type":39,"attrs":164,"content":165},{"textAlign":30},[166,168,174],{"text":167,"type":34},"Inscreva-se para uma ",{"text":169,"type":34,"marks":170},"avaliação gratuita",[171],{"type":53,"attrs":172},{"href":173,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://manage.techsoft3d.com/signup?product=communicator",{"text":175,"type":34},".",{"type":128,"content":177},[178],{"type":39,"attrs":179,"content":180},{"textAlign":30},[181,183],{"text":182,"type":34},"Comece a codificar diretamente com o ",{"text":184,"type":34,"marks":185},"3D Sandbox",[186],{"type":53,"attrs":187},{"href":188,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://3dsandbox.techsoft3d.com/",{"type":128,"content":190},[191],{"type":39,"attrs":192,"content":193},{"textAlign":30},[194,196],{"text":195,"type":34},"Participe do nosso ",{"text":197,"type":34,"marks":198},"Fórum da Comunidade",[199],{"type":53,"attrs":200},{"href":201,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://forum.techsoft3d.com/",{"_uid":203,"body":204,"alignment":76,"component":77,"is_full_width":78},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":205},[206,213,225],{"type":27,"attrs":207,"content":208},{"level":29,"textAlign":30},[209],{"text":210,"type":34,"marks":211},"Perguntas ou Feedback?",[212],{"type":37},{"type":39,"attrs":214,"content":215},{"textAlign":30},[216,218,224],{"text":217,"type":34},"Estamos em busca de feedback e de como este kit de ferramentas pode ser melhorado para atender às suas necessidades! Por favor, conecte-se no nosso ",{"text":219,"type":34,"marks":220},"fórum",[221],{"type":53,"attrs":222},{"href":201,"uuid":30,"anchor":30,"target":223,"linktype":141},"_blank",{"text":175,"type":34},{"type":39,"attrs":226,"content":227},{"textAlign":30},[228,230,236],{"text":229,"type":34},"Você também pode inscrever-se para uma avaliação de 60 dias da ",{"text":231,"type":34,"marks":232},"HOOPS Web Platform",[233],{"type":53,"attrs":234},{"href":235,"uuid":30,"anchor":30,"target":223,"linktype":141},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":175,"type":34},{"_uid":238,"messages":239,"component":272,"background":273,"remove_padding":78,"is_verticalized":248},"2517b691-8590-46b2-b1a0-c989536a3b36",[240],{"_uid":241,"icon":16,"buttons":242,"content":253,"headline":260,"link_url":16,"metadata":267,"component":270,"icon_size":16,"link_label":16,"headline_heading":271},"1f7a4845-55d4-4520-b973-efe814118e45",[243],{"_uid":244,"href":16,"color":245,"label":246,"action":247,"new_tab":248,"outline":78,"alignment":16,"component":249,"text_link":248,"destination":250},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Assine","action-modal",false,"element-button",{"id":16,"url":251,"linktype":141,"fieldtype":252,"cached_url":251},"subscribe","multilink",{"type":24,"content":254},[255],{"type":39,"attrs":256,"content":257},{"textAlign":30},[258],{"text":259,"type":34},"Nós o notificaremos assim que novos projetos estiverem disponíveis.",{"type":24,"content":261},[262],{"type":39,"attrs":263,"content":264},{"textAlign":30},[265],{"text":266,"type":34},"Seja o primeiro a saber sobre novos projetos",{"_uid":268,"title":16,"plugin":269,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":274,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":275,"copyright":16,"fieldtype":276,"meta_data":277,"is_external_url":248},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":279,"body":280,"alignment":76,"component":77,"is_full_width":78},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":281},[282],{"type":39,"attrs":283,"content":284},{"textAlign":30},[285,287,293],{"text":286,"type":34},"Precisa nos contatar? Envie-nos um e-mail para ",{"text":288,"type":34,"marks":289},"labs@techsoft3d.com",[290],{"type":53,"attrs":291},{"href":288,"uuid":30,"anchor":30,"target":57,"linktype":292},"email",{"text":175,"type":34},"columns",{"id":251,"_uid":296,"items":297,"component":303},"ca556064-0fa5-4110-8395-86e3f005ea32",[298],{"id":299,"_uid":300,"component":301,"business_unit":302},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-03-31 00:00",[306],{"_uid":307,"source":308,"component":366},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":309,"created_at":310,"published_at":311,"updated_at":312,"id":313,"uuid":314,"content":315,"slug":357,"full_slug":358,"sort_by_date":30,"position":359,"tag_list":360,"is_startpage":248,"parent_id":361,"meta_data":30,"group_id":362,"first_published_at":363,"release_id":30,"lang":364,"path":30,"alternates":365,"default_full_slug":30,"translated_slugs":30,"_stopResolving":78},"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":316,"items":317,"component":356},"8915070e-32eb-476d-b215-1c92ebdad15c",[318,338],{"_uid":319,"left_nav":16,"messages":320,"component":337,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[321,327,332],{"_uid":322,"icon":323,"link":324,"target":223,"message":325,"component":326},"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":328,"icon":329,"link":330,"target":223,"message":331,"component":326},"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":333,"icon":334,"link":335,"target":16,"message":336,"component":326},"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":339,"menu":340,"component":355,"has_notice":78},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[341,346,349,352],{"url":342,"_uid":343,"label":344,"new_tab":248,"component":345},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs para Desenvolvedores","top-menu-child",{"url":342,"_uid":347,"label":348,"new_tab":248,"component":345,"style_as_button":248},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicativos para Empresas",{"url":342,"_uid":350,"label":351,"new_tab":248,"component":345,"style_as_button":248},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Empresa",{"url":342,"_uid":353,"label":354,"new_tab":248,"component":345,"style_as_button":78},"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":368},[369],{"type":39,"attrs":370,"content":371},{"textAlign":30},[372,374,379],{"text":373,"type":34},"Esta demonstração apresenta ",{"text":375,"type":34,"marks":376},"HOOPS Visualize",[377],{"type":53,"attrs":378},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"text":380,"type":34}," para Web (anteriormente HOOPS Communicator) e sua poderosa API JavaScript, criando programaticamente uma animação. ","Procedimento de Trabalho",[],[384,385],"hoopsExchange","hoopsVisualize",{"_uid":387,"title":388,"plugin":269,"description":389},"fbe73af2-656a-4411-bbaf-7b9a1c0fe5b9","Procedimento de Trabalho | Tech Soft 3D Labs","Esta demonstração apresenta o poderoso API JavaScript do HOOPS Visualize para Web, criando uma animação programaticamente.","lab",{"id":16,"url":392,"linktype":141,"fieldtype":252,"cached_url":392},"https://techsoft3d.github.io/work-procedure/?_gl=1*hjeini*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQzNjA5MzkkbzIxNyRnMSR0MTc3NDM2MzM2NSRqNjAkbDAkaDE1Mjk0NzA1NzM.",{"id":394,"alt":395,"name":16,"focus":16,"title":396,"source":16,"filename":397,"copyright":16,"fieldtype":276,"meta_data":398,"is_external_url":248},160841456215977,"A 3D model of a car door with individual animated parts","Work Procedure Demo","https://a-us.storyblok.com/f/1023536/1920x1080/953bc01dab/work-procedure-demo.jpg",{"alt":395,"title":396,"source":16,"copyright":16},{"id":16,"url":400,"linktype":141,"fieldtype":252,"cached_url":400},"https://github.com/techsoft3d/work-procedure","31 de março de 2026",{"id":394,"alt":395,"name":16,"focus":16,"title":396,"source":16,"filename":397,"copyright":16,"fieldtype":276,"meta_data":403,"is_external_url":248},{"alt":395,"title":396,"source":16,"copyright":16},"work-procedure","pt/developers/labs/work-procedure",-130,[],99359039112762,"38f6dd5b-cf79-4be7-ad70-98c73058e302","2026-04-03T18:44:13.941Z",[],1791995899,[414],{"name":309,"created_at":310,"published_at":311,"updated_at":312,"id":313,"uuid":314,"content":415,"slug":357,"full_slug":358,"sort_by_date":30,"position":359,"tag_list":428,"is_startpage":248,"parent_id":361,"meta_data":30,"group_id":362,"first_published_at":363,"release_id":30,"lang":364,"path":30,"alternates":429,"default_full_slug":30,"translated_slugs":30},{"_uid":316,"items":416,"component":356},[417,422],{"_uid":319,"left_nav":16,"messages":418,"component":337,"right_nav":16},[419,420,421],{"_uid":322,"icon":323,"link":324,"target":223,"message":325,"component":326},{"_uid":328,"icon":329,"link":330,"target":223,"message":331,"component":326},{"_uid":333,"icon":334,"link":335,"target":16,"message":336,"component":326},{"_uid":339,"menu":423,"component":355,"has_notice":78},[424,425,426,427],{"url":342,"_uid":343,"label":344,"new_tab":248,"component":345},{"url":342,"_uid":347,"label":348,"new_tab":248,"component":345,"style_as_button":248},{"url":342,"_uid":350,"label":351,"new_tab":248,"component":345,"style_as_button":248},{"url":342,"_uid":353,"label":354,"new_tab":248,"component":345,"style_as_button":78},[],[],[],{"cache-control":432,"connection":433,"content-encoding":434,"content-type":435,"date":436,"etag":437,"referrer-policy":438,"sb-be-version":439,"server":440,"strict-transport-security":441,"transfer-encoding":442,"vary":443,"via":444,"x-amz-cf-id":445,"x-amz-cf-pop":446,"x-cache":447,"x-content-type-options":448,"x-frame-options":449,"x-permitted-cross-domain-policies":450,"x-request-id":451,"x-runtime":452,"x-xss-protection":453},"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:52 GMT","W/\"f1af4f638c18b9a16bb36e7da791b4a2\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 73d950088eb80144c19eb610e296d014.cloudfront.net (CloudFront)","DPHCG9XCrUvRLjrr99M5BzUQpEFETq6AB9p6dV_rGimLt5bjgfQH7A==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","08abca4e-06ac-4bb1-b13d-8232b85379a0","0.033246","0",1791997371967]