[{"data":1,"prerenderedAt":350},["ShallowReactive",2],{"{\"language\":\"pt\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/kinematics-toolkit-demo":3},{"data":4,"headers":327},{"story":5,"cv":308,"rels":309,"links":326},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":300,"full_slug":301,"sort_by_date":30,"position":302,"tag_list":303,"is_startpage":144,"parent_id":304,"meta_data":30,"group_id":305,"first_published_at":306,"release_id":30,"lang":260,"path":30,"alternates":307,"default_full_slug":30,"translated_slugs":30},"Kinematics Toolkit Demo","2026-03-31T09:43:05.400Z","2026-10-10T22:15:13.998Z","2026-10-10T22:15:14.084Z",160811357843863,"5ba787a2-d685-4b13-86fe-49902e985996",{"_uid":13,"body":14,"date":200,"fold":201,"intro":263,"title":6,"gallery":280,"category":281,"metadata":283,"component":287,"demo_link":288,"thumbnail":290,"github_link":296,"last_updated":297,"open_graph_image":298,"include_open_graph":57,"block_search_engines":144},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,191],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":190,"remove_padding":57},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,58,69,73,97,133,174],{"_uid":22,"body":23,"alignment":55,"component":56,"is_full_width":57},"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,44,53],{"text":43,"type":34},"As classes encontradas no ",{"text":45,"type":34,"marks":46},"Kinematics Toolkit",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":30,"anchor":30,"target":51,"linktype":52},"https://github.com/techsoft3d/KinematicsToolkit","_blank","url",{"text":54,"type":34}," facilitam a adição de animações baseadas em cinemática a modelos CAD. Em um modelo CAD típico, a estrutura do produto é frequentemente plana ou não relacionada com as relações de cinemática/juntas da montagem, por isso o Gerenciador de Cinemática permite que o usuário defina sua própria hierarquia de componentes, independente da hierarquia CAD. Com base neste gráfico de relações, é então simples animar um componente específico definindo um único valor.","align-left","copy",true,{"_uid":59,"body":60,"alignment":55,"component":56,"is_full_width":57},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":61},[62],{"type":27,"attrs":63,"content":64},{"level":29,"textAlign":30},[65],{"text":66,"type":34,"marks":67},"Guia de Demonstração",[68],{"type":37},{"_uid":70,"code":71,"component":72},"6d1ac756-634d-401a-bc7c-4bf015dd38b7","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/tFioR2YddAE?si=GvKZkP7WERQkRj5q\" 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":74,"body":75,"alignment":55,"component":56,"is_full_width":57},"da9fc8c4-ddde-4ed9-b18b-b4fe3185847c",{"type":24,"content":76},[77,82,87,92],{"type":39,"attrs":78,"content":79},{"textAlign":30},[80],{"text":81,"type":34},"Além desta funcionalidade básica, o Gerenciador de Cinemática também permite definir componentes indiretos impulsionados por outros componentes com base em suas relações matemáticas. Por exemplo, um componente mapeado se moverá ou rotacionará em resposta ao movimento ou rotação de outro componente. Outros componentes permitem a criação de dobradiças, pistões e outros sistemas mecânicos mais complexos. Também é possível definir seus próprios comportamentos de componentes. Além disso, o Kinematics Toolkit fornece um solucionador simples de Cinemática Inversa baseado no método de descida do gradiente.",{"type":39,"attrs":83,"content":84},{"textAlign":30},[85],{"text":86,"type":34},"Uma vez que uma Hierarquia de Cinemática é definida, ela pode ser facilmente exportada para um objeto JSON e seu modelo pode então ser aplicado a instâncias individuais de um modelo CAD que existam na cena, cada uma impulsionada por seu próprio estado de cinemática (por exemplo, vários dispositivos habilitados para IoT em um edifício).",{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"O Gerenciador de Cinemática também vem com seu próprio sistema de animação (impulsionado por anime.js), que facilita definir animações simples (como pressionar um botão ou iniciar um ventilador) e combiná-las em grupos de animação mais complexos.",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"Além das classes principais do Kinematics Toolkit, este repositório contém um Ambiente de Editor experimental para criar Hierarquias de Cinemática interativamente, configurar animações e exportá-las para JSON.",{"_uid":98,"body":99,"alignment":55,"component":56,"is_full_width":57},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":100},[101,108,121],{"type":27,"attrs":102,"content":103},{"level":29,"textAlign":30},[104],{"text":105,"type":34,"marks":106},"Dúvidas ou Feedback?",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,113,119],{"text":112,"type":34},"Estamos em busca de feedback e como este toolkit pode ser melhorado para atender às suas necessidades! Por favor, conecte-se em nosso ",{"text":114,"type":34,"marks":115},"fórum",[116],{"type":48,"attrs":117},{"href":118,"uuid":30,"anchor":30,"target":51,"linktype":52},"https://forum.techsoft3d.com/",{"text":120,"type":34},".",{"type":39,"attrs":122,"content":123},{"textAlign":30},[124,126],{"text":125,"type":34},"Você também pode se inscrever para um teste de 60 dias do ",{"text":127,"type":34,"marks":128},"HOOPS Visualize. ",[129],{"type":48,"attrs":130},{"href":131,"uuid":30,"anchor":30,"target":132,"linktype":52},"https://developer.techsoft3d.com/hoops/visualize","_self",{"_uid":134,"messages":135,"component":168,"background":169,"remove_padding":57,"is_verticalized":144},"2517b691-8590-46b2-b1a0-c989536a3b36",[136],{"_uid":137,"icon":16,"buttons":138,"content":149,"headline":156,"link_url":16,"metadata":163,"component":166,"icon_size":16,"link_label":16,"headline_heading":167},"1f7a4845-55d4-4520-b973-efe814118e45",[139],{"_uid":140,"href":16,"color":141,"label":142,"action":143,"new_tab":144,"outline":57,"alignment":16,"component":145,"text_link":144,"destination":146},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Inscrever-se","action-modal",false,"element-button",{"id":16,"url":147,"linktype":52,"fieldtype":148,"cached_url":147},"subscribe","multilink",{"type":24,"content":150},[151],{"type":39,"attrs":152,"content":153},{"textAlign":30},[154],{"text":155,"type":34},"Nós o notificaremos assim que novos projetos estiverem disponíveis.",{"type":24,"content":157},[158],{"type":39,"attrs":159,"content":160},{"textAlign":30},[161],{"text":162,"type":34},"Seja o primeiro a saber sobre novos projetos",{"_uid":164,"title":16,"plugin":165,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":170,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":171,"copyright":16,"fieldtype":172,"meta_data":173,"is_external_url":144},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":175,"body":176,"alignment":55,"component":56,"is_full_width":57},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":177},[178],{"type":39,"attrs":179,"content":180},{"textAlign":30},[181,183,189],{"text":182,"type":34},"Precisa entrar em contato conosco? Envie um e-mail para ",{"text":184,"type":34,"marks":185},"labs@techsoft3d.com",[186],{"type":48,"attrs":187},{"href":184,"uuid":30,"anchor":30,"target":132,"linktype":188},"email",{"text":120,"type":34},"columns",{"id":147,"_uid":192,"items":193,"component":199},"ca556064-0fa5-4110-8395-86e3f005ea32",[194],{"id":195,"_uid":196,"component":197,"business_unit":198},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2022-05-09 00:00",[202],{"_uid":203,"source":204,"component":262},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":205,"created_at":206,"published_at":207,"updated_at":208,"id":209,"uuid":210,"content":211,"slug":253,"full_slug":254,"sort_by_date":30,"position":255,"tag_list":256,"is_startpage":144,"parent_id":257,"meta_data":30,"group_id":258,"first_published_at":259,"release_id":30,"lang":260,"path":30,"alternates":261,"default_full_slug":30,"translated_slugs":30,"_stopResolving":57},"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":212,"items":213,"component":252},"8915070e-32eb-476d-b215-1c92ebdad15c",[214,234],{"_uid":215,"left_nav":16,"messages":216,"component":233,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[217,223,228],{"_uid":218,"icon":219,"link":220,"target":51,"message":221,"component":222},"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":224,"icon":225,"link":226,"target":51,"message":227,"component":222},"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":229,"icon":230,"link":231,"target":16,"message":232,"component":222},"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":235,"menu":236,"component":251,"has_notice":57},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[237,242,245,248],{"url":238,"_uid":239,"label":240,"new_tab":144,"component":241},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs para Desenvolvedores","top-menu-child",{"url":238,"_uid":243,"label":244,"new_tab":144,"component":241,"style_as_button":144},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicativos para Empresas",{"url":238,"_uid":246,"label":247,"new_tab":144,"component":241,"style_as_button":144},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Empresa",{"url":238,"_uid":249,"label":250,"new_tab":144,"component":241,"style_as_button":57},"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":264},[265],{"type":39,"attrs":266,"content":267},{"textAlign":30},[268,270,278],{"text":269,"type":34},"Este Kinematics Toolkit é construído com ",{"text":271,"type":34,"marks":272},"HOOPS Visualize",[273],{"type":48,"attrs":274},{"href":275,"uuid":276,"anchor":30,"target":132,"linktype":277},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","story",{"text":279,"type":34}," para Web e apresenta um conjunto de classes para adicionar animações baseadas em cinemática a modelos CAD.",[],[282],"hoopsVisualize",{"_uid":284,"title":285,"plugin":165,"description":286},"085df8f0-7161-4400-bcf1-4157670d5df1","Kit de Ferramentas de Cinemática | Laboratórios Tech Soft 3D","Um conjunto de classes para adicionar animações baseadas em cinemática aos modelos CAD","lab",{"id":16,"url":289,"linktype":52,"fieldtype":148,"cached_url":289},"https://3dsandbox.techsoft3d.com/?snippet=2m1NQ7i09KiyT4PB9wLjKbv3",{"id":291,"alt":292,"name":16,"focus":16,"title":293,"source":16,"filename":294,"copyright":16,"fieldtype":172,"meta_data":295,"is_external_url":144},160812805756789,"3D CAD model with kinematics-based animations","Kinematics 3D Model","https://a-us.storyblok.com/f/1023536/1920x1080/d2576d41b7/kinematics-toolkit-demo.jpg",{"alt":292,"title":293,"source":16,"copyright":16},{"id":16,"url":50,"linktype":52,"fieldtype":148,"cached_url":50},"Segunda-feira, 9 de maio de 2022",{"id":291,"alt":292,"name":16,"focus":16,"title":293,"source":16,"filename":294,"copyright":16,"fieldtype":172,"meta_data":299,"is_external_url":144},{"alt":292,"title":293,"source":16,"copyright":16},"kinematics-toolkit-demo","pt/developers/labs/kinematics-toolkit-demo",-80,[],99359039112762,"eee38a1e-8a34-4e5f-93bc-c1089e620283","2026-04-03T18:44:15.198Z",[],1791995899,[310],{"name":205,"created_at":206,"published_at":207,"updated_at":208,"id":209,"uuid":210,"content":311,"slug":253,"full_slug":254,"sort_by_date":30,"position":255,"tag_list":324,"is_startpage":144,"parent_id":257,"meta_data":30,"group_id":258,"first_published_at":259,"release_id":30,"lang":260,"path":30,"alternates":325,"default_full_slug":30,"translated_slugs":30},{"_uid":212,"items":312,"component":252},[313,318],{"_uid":215,"left_nav":16,"messages":314,"component":233,"right_nav":16},[315,316,317],{"_uid":218,"icon":219,"link":220,"target":51,"message":221,"component":222},{"_uid":224,"icon":225,"link":226,"target":51,"message":227,"component":222},{"_uid":229,"icon":230,"link":231,"target":16,"message":232,"component":222},{"_uid":235,"menu":319,"component":251,"has_notice":57},[320,321,322,323],{"url":238,"_uid":239,"label":240,"new_tab":144,"component":241},{"url":238,"_uid":243,"label":244,"new_tab":144,"component":241,"style_as_button":144},{"url":238,"_uid":246,"label":247,"new_tab":144,"component":241,"style_as_button":144},{"url":238,"_uid":249,"label":250,"new_tab":144,"component":241,"style_as_button":57},[],[],[],{"cache-control":328,"connection":329,"content-encoding":330,"content-type":331,"date":332,"etag":333,"referrer-policy":334,"sb-be-version":335,"server":336,"strict-transport-security":337,"transfer-encoding":338,"vary":339,"via":340,"x-amz-cf-id":341,"x-amz-cf-pop":342,"x-cache":343,"x-content-type-options":344,"x-frame-options":345,"x-permitted-cross-domain-policies":346,"x-request-id":347,"x-runtime":348,"x-xss-protection":349},"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:58 GMT","W/\"362cfd5c97478ebb7bfa3c9966dfd430\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 71fd64ca8017d30cdbfc030bfad84ca8.cloudfront.net (CloudFront)","Vjq-UPnpL-RmzFiS_UFKtwo3bYRLLQQVmK__EwJzOQWRXnyC80FAuQ==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","78a0c24f-3c00-42be-b853-53063e50f46e","0.024581","0",1791997378049]