[{"data":1,"prerenderedAt":351},["ShallowReactive",2],{"{\"language\":\"fr\",\"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},"Aperçu","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,53],{"text":43,"type":34},"Les classes trouvées dans le ",{"text":45,"type":34,"marks":46},"Kit d'Outils de Cinématique",[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}," facilitent l'ajout d'animations basées sur la cinématique aux modèles CAO. Dans un modèle CAO typique, la structure du produit est souvent plate ou sans rapport avec les relations cinématiques/articulations de l'assemblage, c'est pourquoi le Gestionnaire de Cinématique permet à l'utilisateur de définir sa propre hiérarchie de composants indépendamment de la hiérarchie CAO. Basé sur ce graphe de relations, il est alors facile d'animer un composant spécifique en définissant une seule valeur.","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},"Déroulé de la Démo",[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},"En plus de cette fonctionnalité de base, le Gestionnaire de Cinématique permet également de définir des composants indirects entraînés par d'autres composants en fonction de leurs relations mathématiques. Par exemple, un composant mappé se déplacera ou tournera en réponse au mouvement ou à la rotation d'un autre composant. D'autres composants permettent la création de charnières, de pistons et d'autres systèmes mécaniques plus complexes. Il est aussi possible de définir vos propres comportements de composants. De plus, le Kit d'Outils de Cinématique fournit un simple solveur de cinématique inverse basé sur la méthode de la descente de gradient.",{"type":39,"attrs":83,"content":84},{"textAlign":30},[85],{"text":86,"type":34},"Une fois qu'une Hiérarchie de Cinématique est définie, elle peut facilement être exportée vers un objet JSON et son modèle peut être appliqué à des instances individuelles d'un modèle CAO présent dans la scène, chacune étant dirigée par son propre état cinématique (par exemple, un certain nombre d'appareils IoT dans un bâtiment).",{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"Le Gestionnaire de Cinématique est également doté de son propre système d'animation (alimenté par anime.js), qui facilite la définition d'animations simples (comme appuyer sur un bouton ou démarrer un ventilateur) et leur combinaison dans des groupes d'animations plus complexes.",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"En plus des classes principales du Kit d'Outils de Cinématique, ce dépôt contient un Environnement Éditeur expérimental permettant de créer de manière interactive des Hiérarchies de Cinématique, de configurer des animations et de les exporter vers 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},"Des Questions ou des Commentaires?",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,113,119],{"text":112,"type":34},"Nous cherchons des retours sur la façon dont ce kit d'outils peut être amélioré pour répondre à vos besoins ! Veuillez vous connecter à notre ",{"text":114,"type":34,"marks":115},"forum",[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},"Vous pouvez également vous inscrire pour un essai gratuit de 60 jours 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","S'abonner","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},"Nous vous informerons dès que de nouveaux projets seront disponibles.",{"type":24,"content":157},[158],{"type":39,"attrs":159,"content":160},{"textAlign":30},[161],{"text":162,"type":34},"Soyez le premier à connaître les nouveaux projets",{"_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},"Besoin de nous contacter ? Envoyez-nous un e-mail à ",{"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","Nouvelle recherche : comment les fabricants répondent à la demande croissante de données d'ingénierie","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","Inscrivez-vous à notre prochain webinaire : Découvrez comment VNTANA a exploité les données CAD grâce à HOOPS Exchange",{"_uid":229,"icon":230,"link":231,"target":16,"message":232,"component":222},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Vous avez des questions sur nos SDK ou applications d'entreprise ? Parlez à un expert 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 pour développeurs","top-menu-child",{"url":238,"_uid":243,"label":244,"new_tab":144,"component":241,"style_as_button":144},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Applications pour entreprises",{"url":238,"_uid":246,"label":247,"new_tab":144,"component":241,"style_as_button":144},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Entreprise",{"url":238,"_uid":249,"label":250,"new_tab":144,"component":241,"style_as_button":57},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","fr/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","fr",[],"reference",{"type":24,"content":264},[265],{"type":39,"attrs":266,"content":267},{"textAlign":30},[268,270,278],{"text":269,"type":34},"Ce Kit d'Outils de Cinématique est construit avec ",{"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}," pour le Web et propose un ensemble de classes pour ajouter des animations basées sur la cinématique aux modèles CAO.","Démonstration du Kit d'Outils de Cinématique",[],[283],"hoopsVisualize",{"_uid":285,"title":286,"plugin":165,"description":287},"75e3c658-cc08-4c17-8742-7b3ae01815db","Boîte à outils cinématique | Tech Soft 3D Labs","Un ensemble de classes pour ajouter des animations basées sur la cinématique aux modèles CAO","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},"Lundi, 9 mai 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","fr/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/\"b6f5225c665f11c9fb24d108cba1da00\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 0f798c5dc07bf9546ee3d4bc341d91a4.cloudfront.net (CloudFront)","uh03-t7z6RFx4PVDz___wS5dggiynkkyg5Ocq9H_w6p5wD8EvnbsLw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","33e2cbea-7d81-4763-88c9-3117d3c2a25f","0.041475","0",1791997378016]