[{"data":1,"prerenderedAt":450},["ShallowReactive",2],{"{\"language\":\"pt\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/digital-whiteboard":3},{"data":4,"headers":427},{"story":5,"cv":408,"rels":409,"links":426},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":400,"full_slug":401,"sort_by_date":30,"position":402,"tag_list":403,"is_startpage":244,"parent_id":404,"meta_data":30,"group_id":405,"first_published_at":406,"release_id":30,"lang":360,"path":30,"alternates":407,"default_full_slug":30,"translated_slugs":30},"Digital Whiteboard","2026-03-25T17:57:04.735Z","2026-10-10T22:15:00.266Z","2026-10-10T22:15:00.316Z",158809394160810,"ab59c286-edfd-4be5-b7ea-d6fb1984a166",{"_uid":13,"body":14,"date":300,"fold":301,"intro":363,"title":370,"gallery":371,"category":384,"metadata":387,"component":391,"demo_link":392,"thumbnail":394,"github_link":396,"last_updated":397,"open_graph_image":398,"include_open_graph":46,"block_search_engines":244},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,291],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":290,"remove_padding":46},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,47,51,93,125,199,233,274],{"_uid":22,"body":23,"alignment":44,"component":45,"is_full_width":46},"eaf1cee4-00f1-47d0-b05c-869d32df7dcc",{"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],{"text":43,"type":34},"Quadros Brancos Digitais são usados cada vez mais em muitas empresas para esboçar ideias e auxiliar na colaboração, especialmente para equipes dispersas em diferentes locais. Eles se tornaram ainda mais relevantes à medida que a pandemia global forçou muitos funcionários a trabalharem remotamente. Este demonstrativo combina o conceito de um Quadro Branco Digital 2D com 3D, permitindo que o usuário posicione dados CAD mecânicos ou arquitetônicos reais ao lado de texto, imagens, PDFs, e outros elementos.","align-left","copy",true,{"_uid":48,"code":49,"component":50},"341b0037-f278-4683-a306-78c4c3c5d412","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/gn3hmigfOSE?si=b9jX09me2wh6mG7u\" 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":52,"body":53,"alignment":44,"component":45,"is_full_width":46},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":54},[55,62,88],{"type":27,"attrs":56,"content":57},{"level":29,"textAlign":30},[58],{"text":59,"type":34,"marks":60},"Detalhes Técnicos",[61],{"type":37},{"type":39,"attrs":63,"content":64},{"textAlign":30},[65,67,77,79,86],{"text":66,"type":34},"O demonstrativo usa o ",{"text":68,"type":34,"marks":69},"HOOPS Exchange",[70],{"type":71,"attrs":72},"link",{"href":73,"uuid":74,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":78,"type":34}," e ",{"text":80,"type":34,"marks":81},"HOOPS Visualize",[82],{"type":71,"attrs":83},{"href":84,"uuid":85,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":87,"type":34}," para importar e renderizar modelos 3D complexos e um elemento de canvas HTML para exibir o próprio Quadro Branco. Quando um modelo específico é desativado, ele é transformado em uma imagem de canvas. Isso conserva recursos, pois apenas um Visualizador 3D Web está ativo de cada vez. Cada Modelo 3D é armazenado em cache no cliente, garantindo que, uma vez carregado, ele reativa rapidamente.",{"type":39,"attrs":89,"content":90},{"textAlign":30},[91],{"text":92,"type":34},"Para simplificar, este demonstrativo não possui backend. Todos os elementos, incluindo os modelos 3D, são carregados via solicitações HTML. Um backend poderia ser facilmente implementado para permitir interação multiusuário e salvamento e carregamento de configurações de quadro branco.",{"_uid":94,"body":95,"alignment":44,"component":45,"is_full_width":46},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":96},[97,103,112,117],{"type":27,"attrs":98,"content":100},{"level":99,"textAlign":30},3,[101],{"text":102,"type":34},"Aplicação ao vivo:",{"type":39,"attrs":104,"content":105},{"textAlign":30},[106],{"text":107,"type":34,"marks":108},"https://techsoft3d.github.io/HC_WhiteboardDemo/",[109],{"type":71,"attrs":110},{"href":107,"uuid":30,"anchor":30,"target":30,"linktype":111},"url",{"type":27,"attrs":113,"content":114},{"level":99,"textAlign":30},[115],{"text":116,"type":34},"Repositório GitHub:",{"type":39,"attrs":118,"content":119},{"textAlign":30},[120],{"text":121,"type":34,"marks":122},"https://github.com/techsoft3d/HC_WhiteboardDemo",[123],{"type":71,"attrs":124},{"href":121,"uuid":30,"anchor":30,"target":30,"linktype":111},{"_uid":126,"body":127,"alignment":44,"component":45,"is_full_width":46},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":128},[129,140],{"type":27,"attrs":130,"content":131},{"level":29,"textAlign":30},[132,134],{"text":133,"type":34},"Saiba mais sobre ",{"text":135,"type":34,"marks":136},"HOOPS Visualize for Web (antigo HOOPS Communicator)",[137],{"type":71,"attrs":138},{"href":139,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://www.techsoft3d.com/products/hoops/communicator",{"type":141,"content":142},"bullet_list",[143,159,173,186],{"type":144,"content":145},"list_item",[146],{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,151,157],{"text":150,"type":34},"Consulte a documentação do HOOPS Visualize for Web (antigo HOOPS Communicator) ",{"text":152,"type":34,"marks":153},"Documentação",[154],{"type":71,"attrs":155},{"href":156,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://docs.techsoft3d.com/communicator/latest/",{"text":158,"type":34},".",{"type":144,"content":160},[161],{"type":39,"attrs":162,"content":163},{"textAlign":30},[164,166,172],{"text":165,"type":34},"Inscreva-se para uma ",{"text":167,"type":34,"marks":168},"avaliação gratuita",[169],{"type":71,"attrs":170},{"href":171,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://manage.techsoft3d.com/signup?product=communicator",{"text":158,"type":34},{"type":144,"content":174},[175],{"type":39,"attrs":176,"content":177},{"textAlign":30},[178,180],{"text":179,"type":34},"Comece a codificar imediatamente com o ",{"text":181,"type":34,"marks":182},"3D Sandbox",[183],{"type":71,"attrs":184},{"href":185,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://3dsandbox.techsoft3d.com/",{"type":144,"content":187},[188],{"type":39,"attrs":189,"content":190},{"textAlign":30},[191,193],{"text":192,"type":34},"Junte-se ao nosso ",{"text":194,"type":34,"marks":195},"Fórum da Comunidade",[196],{"type":71,"attrs":197},{"href":198,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://forum.techsoft3d.com/",{"_uid":200,"body":201,"alignment":44,"component":45,"is_full_width":46},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":202},[203,210,222],{"type":27,"attrs":204,"content":205},{"level":29,"textAlign":30},[206],{"text":207,"type":34,"marks":208},"Dúvidas ou Feedback?",[209],{"type":37},{"type":39,"attrs":211,"content":212},{"textAlign":30},[213,215,221],{"text":214,"type":34},"Estamos em busca de feedback e de como este conjunto de ferramentas pode ser melhorado para atender às suas necessidades! Por favor, conecte-se no nosso ",{"text":216,"type":34,"marks":217},"fórum",[218],{"type":71,"attrs":219},{"href":198,"uuid":30,"anchor":30,"target":220,"linktype":111},"_blank",{"text":158,"type":34},{"type":39,"attrs":223,"content":224},{"textAlign":30},[225,227],{"text":226,"type":34},"Você também pode se inscrever para um teste gratuito de 60 dias do ",{"text":228,"type":34,"marks":229},"HOOPS Visualize. ",[230],{"type":71,"attrs":231},{"href":232,"uuid":30,"anchor":30,"target":75,"linktype":111},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":234,"messages":235,"component":268,"background":269,"remove_padding":46,"is_verticalized":244},"2517b691-8590-46b2-b1a0-c989536a3b36",[236],{"_uid":237,"icon":16,"buttons":238,"content":249,"headline":256,"link_url":16,"metadata":263,"component":266,"icon_size":16,"link_label":16,"headline_heading":267},"1f7a4845-55d4-4520-b973-efe814118e45",[239],{"_uid":240,"href":16,"color":241,"label":242,"action":243,"new_tab":244,"outline":46,"alignment":16,"component":245,"text_link":244,"destination":246},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Inscrever-se","action-modal",false,"element-button",{"id":16,"url":247,"linktype":111,"fieldtype":248,"cached_url":247},"subscribe","multilink",{"type":24,"content":250},[251],{"type":39,"attrs":252,"content":253},{"textAlign":30},[254],{"text":255,"type":34},"Nós o notificaremos assim que novos projetos estiverem disponíveis.",{"type":24,"content":257},[258],{"type":39,"attrs":259,"content":260},{"textAlign":30},[261],{"text":262,"type":34},"Seja o primeiro a saber sobre novos projetos",{"_uid":264,"title":16,"plugin":265,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":270,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":271,"copyright":16,"fieldtype":272,"meta_data":273,"is_external_url":244},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":275,"body":276,"alignment":44,"component":45,"is_full_width":46},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":277},[278],{"type":39,"attrs":279,"content":280},{"textAlign":30},[281,283,289],{"text":282,"type":34},"Precisa de contato? Envie um e-mail para ",{"text":284,"type":34,"marks":285},"labs@techsoft3d.com",[286],{"type":71,"attrs":287},{"href":284,"uuid":30,"anchor":30,"target":75,"linktype":288},"email",{"text":158,"type":34},"columns",{"id":247,"_uid":292,"items":293,"component":299},"ca556064-0fa5-4110-8395-86e3f005ea32",[294],{"id":295,"_uid":296,"component":297,"business_unit":298},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2021-04-25 00:00",[302],{"_uid":303,"source":304,"component":362},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":305,"created_at":306,"published_at":307,"updated_at":308,"id":309,"uuid":310,"content":311,"slug":353,"full_slug":354,"sort_by_date":30,"position":355,"tag_list":356,"is_startpage":244,"parent_id":357,"meta_data":30,"group_id":358,"first_published_at":359,"release_id":30,"lang":360,"path":30,"alternates":361,"default_full_slug":30,"translated_slugs":30,"_stopResolving":46},"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":312,"items":313,"component":352},"8915070e-32eb-476d-b215-1c92ebdad15c",[314,334],{"_uid":315,"left_nav":16,"messages":316,"component":333,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[317,323,328],{"_uid":318,"icon":319,"link":320,"target":220,"message":321,"component":322},"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":324,"icon":325,"link":326,"target":220,"message":327,"component":322},"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":329,"icon":330,"link":331,"target":16,"message":332,"component":322},"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":335,"menu":336,"component":351,"has_notice":46},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[337,342,345,348],{"url":338,"_uid":339,"label":340,"new_tab":244,"component":341},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs para Desenvolvedores","top-menu-child",{"url":338,"_uid":343,"label":344,"new_tab":244,"component":341,"style_as_button":244},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicativos para Empresas",{"url":338,"_uid":346,"label":347,"new_tab":244,"component":341,"style_as_button":244},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Empresa",{"url":338,"_uid":349,"label":350,"new_tab":244,"component":341,"style_as_button":46},"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":364},[365],{"type":39,"attrs":366,"content":367},{"textAlign":30},[368],{"text":369,"type":34},"Este demonstrativo combina o conceito de um Quadro Branco Digital 2D com 3D, permitindo que o usuário posicione dados CAD mecânicos ou arquitetônicos reais ao lado de texto, imagens, PDFs, e outros elementos. ","Demo de Quadro Branco Digital",[372,378],{"id":373,"alt":374,"name":16,"focus":16,"title":375,"source":16,"filename":376,"copyright":16,"fieldtype":272,"meta_data":377},158822717636279,"A 3D model overlayed on a 2D background","Digital Whiteboard Overlay","https://a-us.storyblok.com/f/1023536/1917x966/e63476b948/digital-whiteboard-overlay.jpg",{"alt":374,"title":375,"source":16,"copyright":16},{"id":379,"alt":380,"name":16,"focus":16,"title":381,"source":16,"filename":382,"copyright":16,"fieldtype":272,"meta_data":383},158823561313993,"Collection of different 3D scene views for the digital whiteboard demo","Digital Whiteboard Multi-View","https://a-us.storyblok.com/f/1023536/1919x1040/42e30d59a7/digital-whiteboard-multi-view.jpg",{"alt":380,"title":381,"source":16,"copyright":16},[385,386],"hoopsExchange","hoopsVisualize",{"_uid":388,"title":389,"plugin":265,"description":390},"70eb6e84-707f-4477-96af-5e650a2130c5","Quadro Branco Digital | Tech Soft 3D Labs","Esta demonstração combina o conceito de um Quadro Branco Digital 2D com 3D, permitindo que o usuário coloque dados CAD mecânicos ou arquitetônicos reais ao lado de texto, imagens, PDFs e outros elementos. ","lab",{"id":16,"url":393,"linktype":111,"fieldtype":248,"cached_url":393},"https://techsoft3d.github.io/HC_WhiteboardDemo/?_gl=1*i9rpaz*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ0NjA3MTIkbzIyMyRnMSR0MTc3NDQ2MTg4NCRqNDIkbDAkaDQ0NDYyNzExNw..",{"id":373,"alt":374,"name":16,"focus":16,"title":375,"source":16,"filename":376,"copyright":16,"fieldtype":272,"meta_data":395,"is_external_url":244},{"alt":374,"title":375,"source":16,"copyright":16},{"id":16,"url":121,"linktype":111,"fieldtype":248,"cached_url":121},"Domingo, 25 de abril de 2021",{"id":373,"alt":374,"name":16,"focus":16,"title":375,"source":16,"filename":376,"copyright":16,"fieldtype":272,"meta_data":399,"is_external_url":244},{"alt":374,"title":375,"source":16,"copyright":16},"digital-whiteboard","pt/developers/labs/digital-whiteboard",-150,[],99359039112762,"ba56cb9a-6249-413c-8e9d-36e06166ce7a","2026-04-03T18:44:13.443Z",[],1791995899,[410],{"name":305,"created_at":306,"published_at":307,"updated_at":308,"id":309,"uuid":310,"content":411,"slug":353,"full_slug":354,"sort_by_date":30,"position":355,"tag_list":424,"is_startpage":244,"parent_id":357,"meta_data":30,"group_id":358,"first_published_at":359,"release_id":30,"lang":360,"path":30,"alternates":425,"default_full_slug":30,"translated_slugs":30},{"_uid":312,"items":412,"component":352},[413,418],{"_uid":315,"left_nav":16,"messages":414,"component":333,"right_nav":16},[415,416,417],{"_uid":318,"icon":319,"link":320,"target":220,"message":321,"component":322},{"_uid":324,"icon":325,"link":326,"target":220,"message":327,"component":322},{"_uid":329,"icon":330,"link":331,"target":16,"message":332,"component":322},{"_uid":335,"menu":419,"component":351,"has_notice":46},[420,421,422,423],{"url":338,"_uid":339,"label":340,"new_tab":244,"component":341},{"url":338,"_uid":343,"label":344,"new_tab":244,"component":341,"style_as_button":244},{"url":338,"_uid":346,"label":347,"new_tab":244,"component":341,"style_as_button":244},{"url":338,"_uid":349,"label":350,"new_tab":244,"component":341,"style_as_button":46},[],[],[],{"cache-control":428,"connection":429,"content-encoding":430,"content-type":431,"date":432,"etag":433,"referrer-policy":434,"sb-be-version":435,"server":436,"strict-transport-security":437,"transfer-encoding":438,"vary":439,"via":440,"x-amz-cf-id":441,"x-amz-cf-pop":442,"x-cache":443,"x-content-type-options":444,"x-frame-options":445,"x-permitted-cross-domain-policies":446,"x-request-id":447,"x-runtime":448,"x-xss-protection":449},"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:50 GMT","W/\"53fda7d1606b0571ac6291b10aa05773\"","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)","B2D2E6bBZiMUBpP_bFtiMrGgn3EijnxwvV5KahfI6lpPltbL-sZKrA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","d7e260d7-35cd-4090-b9bd-720d7218cc0f","0.043223","0",1791997370465]