[{"data":1,"prerenderedAt":415},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/animation-creator-demo":3},{"data":4,"headers":392},{"story":5,"cv":373,"rels":374,"links":391},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":365,"full_slug":366,"sort_by_date":30,"position":367,"tag_list":368,"is_startpage":201,"parent_id":369,"meta_data":30,"group_id":370,"first_published_at":371,"release_id":30,"lang":317,"path":30,"alternates":372,"default_full_slug":30,"translated_slugs":30},"Animation Creator Demo","2026-03-27T13:33:17.723Z","2026-10-10T22:14:44.609Z","2026-10-10T22:14:44.635Z",159452355559469,"1b85f314-f24a-4272-8d78-6fe34ed79987",{"_uid":13,"body":14,"date":257,"fold":258,"intro":320,"title":333,"gallery":334,"category":346,"metadata":348,"component":352,"demo_link":353,"thumbnail":355,"github_link":357,"last_updated":359,"open_graph_image":360,"include_open_graph":46,"block_search_engines":201},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,248],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":247,"remove_padding":46},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,47,58,62,155,190,231],{"_uid":22,"body":23,"alignment":44,"component":45,"is_full_width":46},"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],{"text":43,"type":34},"为了操作此演示，我们添加了额外的 UI 元素来显示和编辑动画时间轴。您可以删除关键帧、更改动画的持续时间，还可以更改节点移动或旋转的距离和角度。您还可以在动画时间轴中添加项目，包括相机移动、节点平移、节点旋转和节点可见性。","align-left","copy",true,{"_uid":48,"body":49,"alignment":44,"component":45,"is_full_width":46},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":50},[51],{"type":27,"attrs":52,"content":53},{"level":29,"textAlign":30},[54],{"text":55,"type":34,"marks":56},"演示视频指南",[57],{"type":37},{"_uid":59,"code":60,"component":61},"75d2d6cc-fb66-4a6b-9f27-2a11781e7ec8","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/D19tZJvZBlQ?si=WfEndJGfUmGsKBVq\" 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":63,"body":64,"alignment":44,"component":45,"is_full_width":46},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":65},[66,73,95],{"type":27,"attrs":67,"content":68},{"level":29,"textAlign":30},[69],{"text":70,"type":34,"marks":71},"探索 HOOPS Visualize for Web",[72],{"type":37},{"type":39,"attrs":74,"content":75},{"textAlign":30},[76,80,91],{"text":77,"type":34,"marks":78},"此演示是使用 ",[79],{"type":37},{"text":81,"type":34,"marks":82},"HOOPS Visualize for Web",[83,90],{"type":84,"attrs":85},"link",{"href":86,"uuid":87,"anchor":30,"target":88,"linktype":89},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"type":37},{"text":92,"type":34,"marks":93}," （前身为 HOOPS Communicator）创建的。",[94],{"type":37},{"type":96,"content":97},"bullet_list",[98,115,129,142],{"type":99,"content":100},"list_item",[101],{"type":39,"attrs":102,"content":103},{"textAlign":30},[104,106,113],{"text":105,"type":34},"请参考 HOOPS Visualize for Web（前身为 HOOPS Communicator） ",{"text":107,"type":34,"marks":108},"文档",[109],{"type":84,"attrs":110},{"href":111,"uuid":30,"anchor":30,"target":30,"linktype":112},"https://docs.techsoft3d.com/communicator/latest/","url",{"text":114,"type":34},"。",{"type":99,"content":116},[117],{"type":39,"attrs":118,"content":119},{"textAlign":30},[120,122,128],{"text":121,"type":34},"注册一个免费的 ",{"text":123,"type":34,"marks":124},"评估版",[125],{"type":84,"attrs":126},{"href":127,"uuid":30,"anchor":30,"target":30,"linktype":112},"https://manage.techsoft3d.com/signup?product=communicator",{"text":114,"type":34},{"type":99,"content":130},[131],{"type":39,"attrs":132,"content":133},{"textAlign":30},[134,136],{"text":135,"type":34},"直接在 ",{"text":137,"type":34,"marks":138},"3D Sandbox",[139],{"type":84,"attrs":140},{"href":141,"uuid":30,"anchor":30,"target":30,"linktype":112},"https://3dsandbox.techsoft3d.com/",{"type":99,"content":143},[144],{"type":39,"attrs":145,"content":146},{"textAlign":30},[147,149],{"text":148,"type":34},"开始编码 ",{"text":150,"type":34,"marks":151},"加入我们的",[152],{"type":84,"attrs":153},{"href":154,"uuid":30,"anchor":30,"target":30,"linktype":112},"https://forum.techsoft3d.com/",{"_uid":156,"body":157,"alignment":44,"component":45,"is_full_width":46},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":158},[159,166,179],{"type":27,"attrs":160,"content":161},{"level":29,"textAlign":30},[162],{"text":163,"type":34,"marks":164},"有问题或反馈？",[165],{"type":37},{"type":39,"attrs":167,"content":168},{"textAlign":30},[169,171,177],{"text":170,"type":34},"我们正在寻找反馈意见，以改进这个工具包，以满足您的需求！请在我们的 ",{"text":172,"type":34,"marks":173},"论坛",[174],{"type":84,"attrs":175},{"href":154,"uuid":30,"anchor":30,"target":176,"linktype":112},"_blank",{"text":178,"type":34},"中联系。",{"type":39,"attrs":180,"content":181},{"textAlign":30},[182,184],{"text":183,"type":34},"您还可以注册 ",{"text":185,"type":34,"marks":186},"HOOPS Visualize 的60天试用。 ",[187],{"type":84,"attrs":188},{"href":189,"uuid":30,"anchor":30,"target":88,"linktype":112},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":191,"messages":192,"component":225,"background":226,"remove_padding":46,"is_verticalized":201},"2517b691-8590-46b2-b1a0-c989536a3b36",[193],{"_uid":194,"icon":16,"buttons":195,"content":206,"headline":213,"link_url":16,"metadata":220,"component":223,"icon_size":16,"link_label":16,"headline_heading":224},"1f7a4845-55d4-4520-b973-efe814118e45",[196],{"_uid":197,"href":16,"color":198,"label":199,"action":200,"new_tab":201,"outline":46,"alignment":16,"component":202,"text_link":201,"destination":203},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","订阅","action-modal",false,"element-button",{"id":16,"url":204,"linktype":112,"fieldtype":205,"cached_url":204},"subscribe","multilink",{"type":24,"content":207},[208],{"type":39,"attrs":209,"content":210},{"textAlign":30},[211],{"text":212,"type":34},"一旦有新的项目可用，我们会立即通知您。",{"type":24,"content":214},[215],{"type":39,"attrs":216,"content":217},{"textAlign":30},[218],{"text":219,"type":34},"率先了解到新项目",{"_uid":221,"title":16,"plugin":222,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":227,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":228,"copyright":16,"fieldtype":229,"meta_data":230,"is_external_url":201},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":232,"body":233,"alignment":44,"component":45,"is_full_width":46},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":234},[235],{"type":39,"attrs":236,"content":237},{"textAlign":30},[238,240,246],{"text":239,"type":34},"需要联系我们？请发送电子邮件至 ",{"text":241,"type":34,"marks":242},"labs@techsoft3d.com",[243],{"type":84,"attrs":244},{"href":241,"uuid":30,"anchor":30,"target":88,"linktype":245},"email",{"text":114,"type":34},"columns",{"id":204,"_uid":249,"items":250,"component":256},"ca556064-0fa5-4110-8395-86e3f005ea32",[251],{"id":252,"_uid":253,"component":254,"business_unit":255},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-27 00:00",[259],{"_uid":260,"source":261,"component":319},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":262,"created_at":263,"published_at":264,"updated_at":265,"id":266,"uuid":267,"content":268,"slug":310,"full_slug":311,"sort_by_date":30,"position":312,"tag_list":313,"is_startpage":201,"parent_id":314,"meta_data":30,"group_id":315,"first_published_at":316,"release_id":30,"lang":317,"path":30,"alternates":318,"default_full_slug":30,"translated_slugs":30,"_stopResolving":46},"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":269,"items":270,"component":309},"8915070e-32eb-476d-b215-1c92ebdad15c",[271,291],{"_uid":272,"left_nav":16,"messages":273,"component":290,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[274,280,285],{"_uid":275,"icon":276,"link":277,"target":176,"message":278,"component":279},"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":281,"icon":282,"link":283,"target":176,"message":284,"component":279},"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":286,"icon":287,"link":288,"target":16,"message":289,"component":279},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":292,"menu":293,"component":308,"has_notice":46},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[294,299,302,305],{"url":295,"_uid":296,"label":297,"new_tab":201,"component":298},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":295,"_uid":300,"label":301,"new_tab":201,"component":298,"style_as_button":201},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":295,"_uid":303,"label":304,"new_tab":201,"component":298,"style_as_button":201},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":295,"_uid":306,"label":307,"new_tab":201,"component":298,"style_as_button":46},"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":321},[322],{"type":39,"attrs":323,"content":324},{"textAlign":30},[325,327,331],{"text":326,"type":34},"此演示展示了 ",{"text":81,"type":34,"marks":328},[329],{"type":84,"attrs":330},{"href":86,"uuid":87,"anchor":30,"target":88,"linktype":89},{"text":332,"type":34}," （前身为 HOOPS Communicator）中的动画 API 如何被用来创建一个简单的动画制作应用程序，用于工作指令、物体装配和拆卸等等。","动画创建器演示",[335,340],{"id":336,"alt":337,"name":16,"focus":16,"title":6,"source":16,"filename":338,"copyright":16,"fieldtype":229,"meta_data":339},159453441531558,"3D model with product structure tree in animated creator demo.","https://a-us.storyblok.com/f/1023536/1917x950/be98d0bfd0/animation-creator-demo-1.webp",{"alt":337,"title":6,"source":16,"copyright":16},{"id":341,"alt":342,"name":16,"focus":16,"title":343,"source":16,"filename":344,"copyright":16,"fieldtype":229,"meta_data":345},159453441592999,"3D mobile part model visualized on web.","3D part for animation","https://a-us.storyblok.com/f/1023536/1918x947/7b898cfdd3/animation-creator-demo-2.webp",{"alt":342,"title":343,"source":16,"copyright":16},[347],"hoopsVisualize",{"_uid":349,"title":350,"plugin":222,"description":351},"9b17c1e4-35dc-49b4-99fa-fc9112b2a47d","动画创建器演示 | Tech Soft 3D 实验室","此演示展示了如何利用 HOOPS Visualize 的 Web 动画 API 创建一个用于动画化工作指令的简单应用程序。","lab",{"id":16,"url":354,"linktype":112,"fieldtype":205,"cached_url":354},"https://techsoft3d.github.io/animation-creator/animation_creator.html?viewer=SCS&instance=microengine",{"id":341,"alt":342,"name":16,"focus":16,"title":343,"source":16,"filename":344,"copyright":16,"fieldtype":229,"meta_data":356,"is_external_url":201},{"alt":342,"title":343,"source":16,"copyright":16},{"id":16,"url":358,"linktype":112,"fieldtype":205,"cached_url":358},"https://github.com/techsoft3d/animation-creator","2023年6月27日，星期二",{"id":361,"alt":362,"name":16,"focus":16,"title":6,"source":16,"filename":363,"copyright":16,"fieldtype":229,"meta_data":364,"is_external_url":201},159452642229920,"3D model with animation using HOOPS Visualize for Web","https://a-us.storyblok.com/f/1023536/447x298/61bfd1f6a2/animation-creator-demo.webp",{"alt":362,"title":6,"source":16,"copyright":16},"animation-creator-demo","zh/developers/labs/animation-creator-demo",-250,[],99359039112762,"b1e5e300-ba7c-47c0-8345-c5b709f24b25","2026-04-03T18:44:10.991Z",[],1791995899,[375],{"name":262,"created_at":263,"published_at":264,"updated_at":265,"id":266,"uuid":267,"content":376,"slug":310,"full_slug":311,"sort_by_date":30,"position":312,"tag_list":389,"is_startpage":201,"parent_id":314,"meta_data":30,"group_id":315,"first_published_at":316,"release_id":30,"lang":317,"path":30,"alternates":390,"default_full_slug":30,"translated_slugs":30},{"_uid":269,"items":377,"component":309},[378,383],{"_uid":272,"left_nav":16,"messages":379,"component":290,"right_nav":16},[380,381,382],{"_uid":275,"icon":276,"link":277,"target":176,"message":278,"component":279},{"_uid":281,"icon":282,"link":283,"target":176,"message":284,"component":279},{"_uid":286,"icon":287,"link":288,"target":16,"message":289,"component":279},{"_uid":292,"menu":384,"component":308,"has_notice":46},[385,386,387,388],{"url":295,"_uid":296,"label":297,"new_tab":201,"component":298},{"url":295,"_uid":300,"label":301,"new_tab":201,"component":298,"style_as_button":201},{"url":295,"_uid":303,"label":304,"new_tab":201,"component":298,"style_as_button":201},{"url":295,"_uid":306,"label":307,"new_tab":201,"component":298,"style_as_button":46},[],[],[],{"cache-control":393,"connection":394,"content-encoding":395,"content-type":396,"date":397,"etag":398,"referrer-policy":399,"sb-be-version":400,"server":401,"strict-transport-security":402,"transfer-encoding":403,"vary":404,"via":405,"x-amz-cf-id":406,"x-amz-cf-pop":407,"x-cache":408,"x-content-type-options":409,"x-frame-options":410,"x-permitted-cross-domain-policies":411,"x-request-id":412,"x-runtime":413,"x-xss-protection":414},"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:45 GMT","W/\"ca0d25d8d61c4d21e684bcd3b58a4b25\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 2e518fdd52a59136f75dd93fdd93aeb0.cloudfront.net (CloudFront)","AX2zXCCgTNi3lQaxjAyNJajtSXyyaQ-Krfmhw-9Vtvsp90z02u4-8g==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","e551be3e-3677-46a7-ae7f-798e58de0156","0.045934","0",1791997365004]