[{"data":1,"prerenderedAt":352},["ShallowReactive",2],{"{\"language\":\"ko\",\"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},"의 60일 평가판에 등록할 수 있습니다. ",{"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가 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","ko/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","ko",[],"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},"e9a77aaf-ac64-492b-9bed-99e8037ad739","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","ko/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/\"84387a9d390f3cb3b03efe561d89a239\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 dfefeb7bf78c4bb787739d020c642c14.cloudfront.net (CloudFront)","zXbpWKQ7mU5koq8prIQZjY_EG5EzngMEYyakLbctciD63D_UZTeRJw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","51edc747-7b14-42ae-9def-1625cd3463c6","0.042523","0",1791997378134]