[{"data":1,"prerenderedAt":352},["ShallowReactive",2],{"{\"language\":\"ja\",\"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},"Kinematics Toolkit に含まれるクラスは、 ",{"text":45,"type":34,"marks":46},"運動学に基づくアニメーションをCADモデルに簡単に追加できます。通常のCADモデルでは、製品構造はしばしば平坦であるか、アセンブリの運動学／ジョイント関係とは無関係です。そのため、Kinematics Manager は、CAD 階層とは独立した独自のコンポーネント階層をユーザーが定義できるようにしています。この関係グラフに基づいて、単一の値を設定することで特定のコンポーネントをアニメートすることが簡単にできます。",[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}," make it easy to add kinematics-based animations to CAD Models. In a typical CAD model the product structure is often flat or unrelated to the kinematics/joint relationships of the assembly which is why the Kinematics Manager allows the user to define its own component hierachy independent of the CAD hierachy. Based on this relationship graph it is then straightforward to animate a specific component by setting a single value.","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},"この基本機能に加えて、Kinematics Manager は、他のコンポーネントとの数学的関係に基づいて動作する間接コンポーネントを定義することもできます。例えば、マッピングされたコンポーネントは、別のコンポーネントの動きや回転に応じて動いたり回転したりします。他のコンポーネントでは、ヒンジ、ピストン、その他のより複雑な機械システムを作成できます。独自のコンポーネント動作を定義することも可能です。さらに、Kinematics Toolkit は、勾配降下法に基づいた単純な逆運動学ソルバーを提供します。",{"type":39,"attrs":83,"content":84},{"textAlign":30},[85],{"text":86,"type":34},"Kinematics Hierachy が定義されると、JSON オブジェクトに簡単にエクスポートでき、そのテンプレートをシーン内に存在するCADモデルの個々のインスタンスに適用できます（例: 建物内の複数のIoT対応デバイス）。",{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"Kinematics Manager には、独自のアニメーションシステム（anime.jsによって動力を供給）の機能もあり、簡単なアニメーション（ボタンを押す、ファンを起動するなど）を定義し、それらをより複雑なアニメーショングループに組み合わせることができます。",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"コアKinematics Toolkitクラスに加えて、このリポジトリには、Kinematics Hierarchiesをインタラクティブに作成し、アニメーションを設定し、それらを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. の60日間の無料試用にサインアップすることもできます。 ",[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がCADデータをHOOPS Exchangeを通じて活用した方法を学ぶ",{"_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","ja/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","ja",[],"reference",{"type":24,"content":265},[266],{"type":39,"attrs":267,"content":268},{"textAlign":30},[269,271,279],{"text":270,"type":34},"このKinematics Toolkitは ",{"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モデルに運動学に基づくアニメーションを追加するための一連のクラスを特徴としています。","Kinematics Toolkit デモ",[],[284],"hoopsVisualize",{"_uid":286,"title":287,"plugin":165,"description":288},"74874966-93e1-4a0f-94ce-44415bc02d08","Kinematics Toolkit | Tech Soft 3D Labs","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","ja/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/\"195d0713cfad83a1cbdf9156b5bb6b05\"","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)","L4YiHlglNTLh_LMtwR8J9-mkFDhQXcPH5DRWJyZJRVdfgj9Cvx4PpQ==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","257cf936-bad0-4f4a-a27b-e221a72e2fa5","0.037719","0",1791997378090]