[{"data":1,"prerenderedAt":351},["ShallowReactive",2],{"{\"language\":\"es\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/kinematics-toolkit-demo":3},{"data":4,"headers":328},{"story":5,"cv":309,"rels":310,"links":327},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":301,"full_slug":302,"sort_by_date":30,"position":303,"tag_list":304,"is_startpage":144,"parent_id":305,"meta_data":30,"group_id":306,"first_published_at":307,"release_id":30,"lang":260,"path":30,"alternates":308,"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":280,"gallery":281,"category":282,"metadata":284,"component":288,"demo_link":289,"thumbnail":291,"github_link":297,"last_updated":298,"open_graph_image":299,"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},"Visión general","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,53],{"text":43,"type":34},"Las clases que se encuentran en el ",{"text":45,"type":34,"marks":46},"Kit de herramientas de Cinemática",[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}," facilitan la adición de animaciones basadas en cinemática a modelos CAD. En un modelo CAD típico, la estructura del producto a menudo es plana o no está relacionada con las relaciones cinemáticas/de articulación del ensamblaje, por lo que el Gestor de Cinemática permite al usuario definir su propia jerarquía de componentes independiente de la jerarquía CAD. Basado en este gráfico de relaciones, es sencillo animar un componente específico configurando un solo 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},"Guía de la Demo",[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},"Además de esta funcionalidad básica, el Gestor de Cinemática también permite definir componentes indirectos impulsados por otros componentes basados en sus relaciones matemáticas. Por ejemplo, un componente mapeado se moverá o rotará en respuesta al movimiento o rotación de otro componente. Otros componentes permiten la creación de bisagras, pistones y otros sistemas mecánicos más complejos. También es posible definir sus propios comportamientos de componentes. Además, el Kit de herramientas de Cinemática proporciona un solucionador de Cinemática Inversa simple basado en el método de descenso del gradiente.",{"type":39,"attrs":83,"content":84},{"textAlign":30},[85],{"text":86,"type":34},"Una vez que se define una Jerarquía de Cinemática, se puede exportar fácilmente a un objeto JSON y su plantilla se puede aplicar a instancias individuales de un modelo CAD que existan en la escena, cada una impulsada por su propio estado cinemático (por ejemplo, varios dispositivos habilitados para IoT en un edificio).",{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"El Gestor de Cinemática también viene con su propio sistema de animación (impulsado por anime.js), lo que facilita definir animaciones simples (como presionar un botón o encender un ventilador) y combinarlas en grupos de animación más complejos.",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"Además de las clases básicas del Kit de herramientas de Cinemática, este repositorio contiene un Entorno Editor experimental para crear interactivamente Jerarquías de Cinemática, configurar animaciones y exportarlas a 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},"¿Preguntas o Comentarios?",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,113,119],{"text":112,"type":34},"¡Estamos buscando comentarios sobre cómo este kit de herramientas puede mejorarse para satisfacer sus necesidades! Por favor, conéctese en nuestro ",{"text":114,"type":34,"marks":115},"foro",[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},"También puede inscribirse para una prueba de 60 días de ",{"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","Suscribirse","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},"Te notificaremos tan pronto como estén disponibles nuevos proyectos.",{"type":24,"content":157},[158],{"type":39,"attrs":159,"content":160},{"textAlign":30},[161],{"text":162,"type":34},"Sea el primero en conocer nuevos proyectos",{"_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},"¿Necesita contactarnos? Envíenos un correo electrónico a ",{"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","Nueva Investigación: Cómo los Fabricantes Satisfacen la Creciente Demanda de Datos de Ingeniería","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","Regístrese para nuestro próximo seminario web: Aprenda cómo VNTANA aprovechó los datos CAD a través de HOOPS Exchange",{"_uid":229,"icon":230,"link":231,"target":16,"message":232,"component":222},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","¿Tiene preguntas sobre nuestros SDK o aplicaciones empresariales? Hable con un experto de 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","SDK para desarrolladores","top-menu-child",{"url":238,"_uid":243,"label":244,"new_tab":144,"component":241,"style_as_button":144},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicaciones para empresas",{"url":238,"_uid":246,"label":247,"new_tab":144,"component":241,"style_as_button":144},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Compañía",{"url":238,"_uid":249,"label":250,"new_tab":144,"component":241,"style_as_button":57},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Soporte","top","global","main-navigation","es/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","es",[],"reference",{"type":24,"content":264},[265],{"type":39,"attrs":266,"content":267},{"textAlign":30},[268,270,278],{"text":269,"type":34},"Este Kit de herramientas de Cinemática está construido con ",{"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 y cuenta con un conjunto de clases para agregar animaciones basadas en cinemática a modelos CAD.","Demostración del Kit de herramientas de Cinemática",[],[283],"hoopsVisualize",{"_uid":285,"title":286,"plugin":165,"description":287},"c461949f-20fb-4d5a-b27e-7d206443e42e","Kinematics Toolkit | Tech Soft 3D Labs","Un conjunto de clases para añadir animaciones basadas en cinemática a modelos CAD","lab",{"id":16,"url":290,"linktype":52,"fieldtype":148,"cached_url":290},"https://3dsandbox.techsoft3d.com/?snippet=2m1NQ7i09KiyT4PB9wLjKbv3",{"id":292,"alt":293,"name":16,"focus":16,"title":294,"source":16,"filename":295,"copyright":16,"fieldtype":172,"meta_data":296,"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":293,"title":294,"source":16,"copyright":16},{"id":16,"url":50,"linktype":52,"fieldtype":148,"cached_url":50},"lunes, 9 de mayo de 2022",{"id":292,"alt":293,"name":16,"focus":16,"title":294,"source":16,"filename":295,"copyright":16,"fieldtype":172,"meta_data":300,"is_external_url":144},{"alt":293,"title":294,"source":16,"copyright":16},"kinematics-toolkit-demo","es/developers/labs/kinematics-toolkit-demo",-80,[],99359039112762,"eee38a1e-8a34-4e5f-93bc-c1089e620283","2026-04-03T18:44:15.198Z",[],1791995899,[311],{"name":205,"created_at":206,"published_at":207,"updated_at":208,"id":209,"uuid":210,"content":312,"slug":253,"full_slug":254,"sort_by_date":30,"position":255,"tag_list":325,"is_startpage":144,"parent_id":257,"meta_data":30,"group_id":258,"first_published_at":259,"release_id":30,"lang":260,"path":30,"alternates":326,"default_full_slug":30,"translated_slugs":30},{"_uid":212,"items":313,"component":252},[314,319],{"_uid":215,"left_nav":16,"messages":315,"component":233,"right_nav":16},[316,317,318],{"_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":320,"component":251,"has_notice":57},[321,322,323,324],{"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":329,"connection":330,"content-encoding":331,"content-type":332,"date":333,"etag":334,"referrer-policy":335,"sb-be-version":336,"server":337,"strict-transport-security":338,"transfer-encoding":339,"vary":340,"via":341,"x-amz-cf-id":342,"x-amz-cf-pop":343,"x-cache":344,"x-content-type-options":345,"x-frame-options":346,"x-permitted-cross-domain-policies":347,"x-request-id":348,"x-runtime":349,"x-xss-protection":350},"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/\"42a360723c39d9a82591fed8d6d69c24\"","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)","pFlgmPUtVNmvjYRsKCKu2_8JyPi0-sDf8wAm00L2apF7RAuFZ-B48w==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","f12874db-192c-4898-9eaa-e70e6f66cfae","0.029284","0",1791997378043]