[{"data":1,"prerenderedAt":352},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/kinematics-toolkit-demo":3},{"data":4,"headers":329},{"story":5,"cv":310,"rels":311,"links":328},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":302,"full_slug":303,"sort_by_date":30,"position":304,"tag_list":305,"is_startpage":144,"parent_id":306,"meta_data":30,"group_id":307,"first_published_at":308,"release_id":30,"lang":261,"path":30,"alternates":309,"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":201,"fold":202,"intro":264,"title":281,"gallery":282,"category":283,"metadata":285,"component":289,"demo_link":290,"thumbnail":292,"github_link":298,"last_updated":299,"open_graph_image":300,"include_open_graph":57,"block_search_engines":144},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,192],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":191,"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},"概述","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,53],{"text":43,"type":34},"在 ",{"text":45,"type":34,"marks":46},"运动学工具包",[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}," 中找到的类使得向 CAD 模型添加基于运动学的动画变得容易。在典型的 CAD 模型中，产品结构通常是扁平的或与装配体的运动学/关节关系无关，这就是为什么运动学管理器允许用户定义独立于 CAD 层次结构的组件层次结构。基于这种关系图，可以通过设置单个值来轻松地动画化特定组件。","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},"演示指南",[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},"除了这一基本功能，运动学管理器还允许定义根据其数学关系由其他组件驱动的间接组件。例如，映射组件将响应另一个组件的移动或旋转而移动或旋转。其他组件允许创建铰链、活塞和其他更复杂的机械系统。也可以定义自己的组件行为。此外，运动学工具包还提供了一个基于梯度下降法的简单逆运动学求解器。",{"type":39,"attrs":83,"content":84},{"textAlign":30},[85],{"text":86,"type":34},"一旦定义了运动学层次结构，它可以很容易地导出到 JSON 对象，然后可以将其模板应用于场景中存在的 CAD 模型的各个实例，每个实例由其自身的运动学状态驱动（例如，建筑物中的多个 IoT 启用设备）。",{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"运动学管理器还配有自己的动画系统（由 anime.js 提供支持），这使得定义简单的动画（如按下按钮或启动风扇）并将它们组合成更复杂的动画组变得容易。",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"除了核心运动学工具包类外，此仓库还包含一个实验性编辑环境，用于交互式创建运动学层次结构、设置动画并将其导出到 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},"有问题或反馈？",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,113,119],{"text":112,"type":34},"我们正在寻找反馈，看看如何改进这个工具包以满足您的需求！请在我们的 ",{"text":114,"type":34,"marks":115},"论坛",[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},"您还可以注册 ",{"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","订阅","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},"一旦有新项目可用，我们会立即通知您。",{"type":24,"content":157},[158],{"type":39,"attrs":159,"content":160},{"textAlign":30},[161],{"text":162,"type":34},"成为首批了解新项目的人",{"_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},"需要联系我们？请通过邮件发送至 ",{"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":190,"type":34},"联系我们。","columns",{"id":147,"_uid":193,"items":194,"component":200},"ca556064-0fa5-4110-8395-86e3f005ea32",[195],{"id":196,"_uid":197,"component":198,"business_unit":199},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2022-05-09 00:00",[203],{"_uid":204,"source":205,"component":263},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":206,"created_at":207,"published_at":208,"updated_at":209,"id":210,"uuid":211,"content":212,"slug":254,"full_slug":255,"sort_by_date":30,"position":256,"tag_list":257,"is_startpage":144,"parent_id":258,"meta_data":30,"group_id":259,"first_published_at":260,"release_id":30,"lang":261,"path":30,"alternates":262,"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":213,"items":214,"component":253},"8915070e-32eb-476d-b215-1c92ebdad15c",[215,235],{"_uid":216,"left_nav":16,"messages":217,"component":234,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[218,224,229],{"_uid":219,"icon":220,"link":221,"target":51,"message":222,"component":223},"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","最新研究：制造商如何满足对工程数据日益增长的需求","element-notice-child",{"_uid":225,"icon":226,"link":227,"target":51,"message":228,"component":223},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","注册参加我们即将举行的网络研讨会：了解 VNTANA 如何通过 HOOPS Exchange 利用 CAD 数据",{"_uid":230,"icon":231,"link":232,"target":16,"message":233,"component":223},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":236,"menu":237,"component":252,"has_notice":57},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[238,243,246,249],{"url":239,"_uid":240,"label":241,"new_tab":144,"component":242},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":239,"_uid":244,"label":245,"new_tab":144,"component":242,"style_as_button":144},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":239,"_uid":247,"label":248,"new_tab":144,"component":242,"style_as_button":144},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":239,"_uid":250,"label":251,"new_tab":144,"component":242,"style_as_button":57},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","支持","top","global","main-navigation","zh/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","zh",[],"reference",{"type":24,"content":265},[266],{"type":39,"attrs":267,"content":268},{"textAlign":30},[269,271,279],{"text":270,"type":34},"这个运动学工具包是用 ",{"text":272,"type":34,"marks":273},"HOOPS Visualize",[274],{"type":48,"attrs":275},{"href":276,"uuid":277,"anchor":30,"target":132,"linktype":278},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","story",{"text":280,"type":34}," for Web 构建的，提供了一组类来为 CAD 模型添加基于运动学的动画。","运动学工具包演示",[],[284],"hoopsVisualize",{"_uid":286,"title":287,"plugin":165,"description":288},"26426b15-0979-4dc9-bb03-164d3b9d6187","运动学工具包 | Tech Soft 3D 实验室","一组用于向CAD模型添加基于运动学动画的类","lab",{"id":16,"url":291,"linktype":52,"fieldtype":148,"cached_url":291},"https://3dsandbox.techsoft3d.com/?snippet=2m1NQ7i09KiyT4PB9wLjKbv3",{"id":293,"alt":294,"name":16,"focus":16,"title":295,"source":16,"filename":296,"copyright":16,"fieldtype":172,"meta_data":297,"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":294,"title":295,"source":16,"copyright":16},{"id":16,"url":50,"linktype":52,"fieldtype":148,"cached_url":50},"2022年5月9日，星期一",{"id":293,"alt":294,"name":16,"focus":16,"title":295,"source":16,"filename":296,"copyright":16,"fieldtype":172,"meta_data":301,"is_external_url":144},{"alt":294,"title":295,"source":16,"copyright":16},"kinematics-toolkit-demo","zh/developers/labs/kinematics-toolkit-demo",-80,[],99359039112762,"eee38a1e-8a34-4e5f-93bc-c1089e620283","2026-04-03T18:44:15.198Z",[],1791995899,[312],{"name":206,"created_at":207,"published_at":208,"updated_at":209,"id":210,"uuid":211,"content":313,"slug":254,"full_slug":255,"sort_by_date":30,"position":256,"tag_list":326,"is_startpage":144,"parent_id":258,"meta_data":30,"group_id":259,"first_published_at":260,"release_id":30,"lang":261,"path":30,"alternates":327,"default_full_slug":30,"translated_slugs":30},{"_uid":213,"items":314,"component":253},[315,320],{"_uid":216,"left_nav":16,"messages":316,"component":234,"right_nav":16},[317,318,319],{"_uid":219,"icon":220,"link":221,"target":51,"message":222,"component":223},{"_uid":225,"icon":226,"link":227,"target":51,"message":228,"component":223},{"_uid":230,"icon":231,"link":232,"target":16,"message":233,"component":223},{"_uid":236,"menu":321,"component":252,"has_notice":57},[322,323,324,325],{"url":239,"_uid":240,"label":241,"new_tab":144,"component":242},{"url":239,"_uid":244,"label":245,"new_tab":144,"component":242,"style_as_button":144},{"url":239,"_uid":247,"label":248,"new_tab":144,"component":242,"style_as_button":144},{"url":239,"_uid":250,"label":251,"new_tab":144,"component":242,"style_as_button":57},[],[],[],{"cache-control":330,"connection":331,"content-encoding":332,"content-type":333,"date":334,"etag":335,"referrer-policy":336,"sb-be-version":337,"server":338,"strict-transport-security":339,"transfer-encoding":340,"vary":341,"via":342,"x-amz-cf-id":343,"x-amz-cf-pop":344,"x-cache":345,"x-content-type-options":346,"x-frame-options":347,"x-permitted-cross-domain-policies":348,"x-request-id":349,"x-runtime":350,"x-xss-protection":351},"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/\"1280d0fba75290d800a492e7d3fea36e\"","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)","JoC15n3QP3hmgtE_FM_Pn9tMYIW8Ky0XgsHb9OWCKzzzlD9_A4Lzzg==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","ff6c3372-8785-40d8-8be4-d0a27bf20a48","0.044201","0",1791997378121]