[{"data":1,"prerenderedAt":410},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/animation-creator-demo":3},{"data":4,"headers":386},{"story":5,"cv":368,"rels":369,"links":385},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":360,"full_slug":361,"sort_by_date":30,"position":362,"tag_list":363,"is_startpage":202,"parent_id":364,"meta_data":30,"group_id":365,"first_published_at":366,"release_id":30,"lang":313,"path":30,"alternates":367,"default_full_slug":30,"translated_slugs":30},"Animation Creator Demo","2026-03-27T13:33:17.723Z","2026-04-23T12:28:54.362Z","2026-04-23T12:28:54.430Z",159452355559469,"1b85f314-f24a-4272-8d78-6fe34ed79987",{"_uid":13,"body":14,"date":258,"fold":259,"intro":316,"title":6,"gallery":329,"category":341,"metadata":343,"component":347,"demo_link":348,"thumbnail":350,"github_link":352,"last_updated":354,"open_graph_image":355,"include_open_graph":46,"block_search_engines":202},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,249],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":248,"remove_padding":46},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,47,58,62,156,191,232],{"_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},"So verwenden Sie es","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"Um diese Demo zu bedienen, haben wir zusätzliche UI-Elemente hinzugefügt, um eine Animationstimeline anzuzeigen und zu bearbeiten. Sie können Keyframes entfernen, die Dauer der Animation ändern und auch die Distanz und den Winkel ändern, zu denen der Knoten bewegt oder gedreht wird. Sie können auch Ihre Animationstimeline erweitern, einschließlich Kamerabewegung, Knotentranslation, Knotenrotation und Knotensichtbarkeit.","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},"Demo Rundgang Video",[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},"Erkunden Sie HOOPS Visualize for Web",[72],{"type":37},{"type":39,"attrs":74,"content":75},{"textAlign":30},[76,80,91],{"text":77,"type":34,"marks":78},"Diese Demo wurde erstellt mit ",[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}," (früher HOOPS Communicator).",[94],{"type":37},{"type":96,"content":97},"bullet_list",[98,115,130,143],{"type":99,"content":100},"list_item",[101],{"type":39,"attrs":102,"content":103},{"textAlign":30},[104,106,113],{"text":105,"type":34},"Besuchen Sie die ",{"text":107,"type":34,"marks":108},"Dokumentation",[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},"von HOOPS Visualize for Web (früher HOOPS Communicator).",{"type":99,"content":116},[117],{"type":39,"attrs":118,"content":119},{"textAlign":30},[120,122,128],{"text":121,"type":34},"Melden Sie sich für eine kostenlose ",{"text":123,"type":34,"marks":124},"Evaluierung",[125],{"type":84,"attrs":126},{"href":127,"uuid":30,"anchor":30,"target":30,"linktype":112},"https://manage.techsoft3d.com/signup?product=communicator",{"text":129,"type":34},"an.",{"type":99,"content":131},[132],{"type":39,"attrs":133,"content":134},{"textAlign":30},[135,137],{"text":136,"type":34},"Springen Sie direkt ins Codieren mit dem ",{"text":138,"type":34,"marks":139},"3D Sandbox",[140],{"type":84,"attrs":141},{"href":142,"uuid":30,"anchor":30,"target":30,"linktype":112},"https://3dsandbox.techsoft3d.com/",{"type":99,"content":144},[145],{"type":39,"attrs":146,"content":147},{"textAlign":30},[148,150],{"text":149,"type":34},"Treten Sie unserem ",{"text":151,"type":34,"marks":152},"Forum bei",[153],{"type":84,"attrs":154},{"href":155,"uuid":30,"anchor":30,"target":30,"linktype":112},"https://forum.techsoft3d.com/",{"_uid":157,"body":158,"alignment":44,"component":45,"is_full_width":46},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":159},[160,167,180],{"type":27,"attrs":161,"content":162},{"level":29,"textAlign":30},[163],{"text":164,"type":34,"marks":165},"Fragen oder Feedback?",[166],{"type":37},{"type":39,"attrs":168,"content":169},{"textAlign":30},[170,172,178],{"text":171,"type":34},"Wir suchen nach Feedback und wie diese Toolkits verbessert werden können, um Ihren Bedürfnissen gerecht zu werden! Bitte verbinden Sie sich in unserem ",{"text":173,"type":34,"marks":174},"Forum",[175],{"type":84,"attrs":176},{"href":155,"uuid":30,"anchor":30,"target":177,"linktype":112},"_blank",{"text":179,"type":34},".",{"type":39,"attrs":181,"content":182},{"textAlign":30},[183,185],{"text":184,"type":34},"Sie können sich auch für eine 60-tägige Testversion von ",{"text":186,"type":34,"marks":187},"HOOPS Visualize anmelden. ",[188],{"type":84,"attrs":189},{"href":190,"uuid":30,"anchor":30,"target":88,"linktype":112},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":192,"messages":193,"component":226,"background":227,"remove_padding":46,"is_verticalized":202},"2517b691-8590-46b2-b1a0-c989536a3b36",[194],{"_uid":195,"icon":16,"buttons":196,"content":207,"headline":214,"link_url":16,"metadata":221,"component":224,"icon_size":16,"link_label":16,"headline_heading":225},"1f7a4845-55d4-4520-b973-efe814118e45",[197],{"_uid":198,"href":16,"color":199,"label":200,"action":201,"new_tab":202,"outline":46,"alignment":16,"component":203,"text_link":202,"destination":204},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Abonnieren","action-modal",false,"element-button",{"id":16,"url":205,"linktype":112,"fieldtype":206,"cached_url":205},"subscribe","multilink",{"type":24,"content":208},[209],{"type":39,"attrs":210,"content":211},{"textAlign":30},[212],{"text":213,"type":34},"Wir werden Sie benachrichtigen, sobald neue Projekte verfügbar sind.",{"type":24,"content":215},[216],{"type":39,"attrs":217,"content":218},{"textAlign":30},[219],{"text":220,"type":34},"Seien Sie der Erste, der über neue Projekte informiert wird",{"_uid":222,"title":16,"plugin":223,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":228,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":229,"copyright":16,"fieldtype":230,"meta_data":231,"is_external_url":202},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":233,"body":234,"alignment":44,"component":45,"is_full_width":46},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":235},[236],{"type":39,"attrs":237,"content":238},{"textAlign":30},[239,241,247],{"text":240,"type":34},"Möchten Sie uns kontaktieren? Schreiben Sie uns eine E-Mail an ",{"text":242,"type":34,"marks":243},"labs@techsoft3d.com",[244],{"type":84,"attrs":245},{"href":242,"uuid":30,"anchor":30,"target":88,"linktype":246},"email",{"text":179,"type":34},"columns",{"id":205,"_uid":250,"items":251,"component":257},"ca556064-0fa5-4110-8395-86e3f005ea32",[252],{"id":253,"_uid":254,"component":255,"business_unit":256},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-27 00:00",[260],{"_uid":261,"source":262,"component":315},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":263,"created_at":264,"published_at":265,"updated_at":266,"id":267,"uuid":268,"content":269,"slug":306,"full_slug":307,"sort_by_date":30,"position":308,"tag_list":309,"is_startpage":202,"parent_id":310,"meta_data":30,"group_id":311,"first_published_at":312,"release_id":30,"lang":313,"path":30,"alternates":314,"default_full_slug":30,"translated_slugs":30,"_stopResolving":46},"Main Navigation","2025-04-09T14:04:01.876Z","2026-03-10T15:15:52.184Z","2026-04-14T21:06:12.239Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":270,"items":271,"component":305},"8915070e-32eb-476d-b215-1c92ebdad15c",[272,287],{"_uid":273,"left_nav":16,"messages":274,"component":286,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[275,281],{"_uid":276,"icon":277,"link":278,"target":16,"message":279,"component":280},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Have questions about our SDKs or enterprise applications? Talk to a Tech Soft 3D expert","element-notice-child",{"_uid":282,"icon":283,"link":284,"target":16,"message":285,"component":280},"45ffc4c7-d6cf-4d3c-9606-ec4154852aef","hugeicons:artificial-intelligence-04","/developers/products/hoops-ai","Check out our newest SDK, HOOPS AI, a framework for preparing CAD data for ML workflows","element-notice",{"_uid":288,"menu":289,"component":304,"has_notice":46},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[290,295,298,301],{"url":291,"_uid":292,"label":293,"new_tab":202,"component":294},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":291,"_uid":296,"label":297,"new_tab":202,"component":294,"style_as_button":202},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":291,"_uid":299,"label":300,"new_tab":202,"component":294,"style_as_button":202},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":291,"_uid":302,"label":303,"new_tab":202,"component":294,"style_as_button":46},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","de/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","de",[],"reference",{"type":24,"content":317},[318],{"type":39,"attrs":319,"content":320},{"textAlign":30},[321,323,327],{"text":322,"type":34},"Diese Demo zeigt, wie die Animation API in ",{"text":81,"type":34,"marks":324},[325],{"type":84,"attrs":326},{"href":86,"uuid":87,"anchor":30,"target":88,"linktype":89},{"text":328,"type":34}," (früher HOOPS Communicator) genutzt werden kann, um eine einfache Animations-Erstellungsanwendung für Arbeitsanweisungen, Objektmontage und -demontage und vieles mehr zu erstellen.",[330,335],{"id":331,"alt":332,"name":16,"focus":16,"title":6,"source":16,"filename":333,"copyright":16,"fieldtype":230,"meta_data":334},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":332,"title":6,"source":16,"copyright":16},{"id":336,"alt":337,"name":16,"focus":16,"title":338,"source":16,"filename":339,"copyright":16,"fieldtype":230,"meta_data":340},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":337,"title":338,"source":16,"copyright":16},[342],"hoopsVisualize",{"_uid":344,"title":345,"plugin":223,"description":346},"54a2ef1e-aa5c-4f3b-9b9d-f866451ee8e6","Animation Creator Demo | Tech Soft 3D Labs","This demo showcases how the Animation API in HOOPS Visualize for Web can be utilized to create a simple application for animated work instructions.","lab",{"id":16,"url":349,"linktype":112,"fieldtype":206,"cached_url":349},"https://techsoft3d.github.io/animation-creator/animation_creator.html?viewer=SCS&instance=microengine",{"id":336,"alt":337,"name":16,"focus":16,"title":338,"source":16,"filename":339,"copyright":16,"fieldtype":230,"meta_data":351,"is_external_url":202},{"alt":337,"title":338,"source":16,"copyright":16},{"id":16,"url":353,"linktype":112,"fieldtype":206,"cached_url":353},"https://github.com/techsoft3d/animation-creator","Dienstag, 27. Juni 2023",{"id":356,"alt":357,"name":16,"focus":16,"title":6,"source":16,"filename":358,"copyright":16,"fieldtype":230,"meta_data":359,"is_external_url":202},159452642229920,"3D model with animation using HOOPS Visualize for Web","https://a-us.storyblok.com/f/1023536/447x298/61bfd1f6a2/animation-creator-demo.webp",{"alt":357,"title":6,"source":16,"copyright":16},"animation-creator-demo","de/developers/labs/animation-creator-demo",-250,[],99359039112762,"b1e5e300-ba7c-47c0-8345-c5b709f24b25","2026-04-03T18:44:10.991Z",[],1777045065,[370],{"name":263,"created_at":264,"published_at":265,"updated_at":266,"id":267,"uuid":268,"content":371,"slug":306,"full_slug":307,"sort_by_date":30,"position":308,"tag_list":383,"is_startpage":202,"parent_id":310,"meta_data":30,"group_id":311,"first_published_at":312,"release_id":30,"lang":313,"path":30,"alternates":384,"default_full_slug":30,"translated_slugs":30},{"_uid":270,"items":372,"component":305},[373,377],{"_uid":273,"left_nav":16,"messages":374,"component":286,"right_nav":16},[375,376],{"_uid":276,"icon":277,"link":278,"target":16,"message":279,"component":280},{"_uid":282,"icon":283,"link":284,"target":16,"message":285,"component":280},{"_uid":288,"menu":378,"component":304,"has_notice":46},[379,380,381,382],{"url":291,"_uid":292,"label":293,"new_tab":202,"component":294},{"url":291,"_uid":296,"label":297,"new_tab":202,"component":294,"style_as_button":202},{"url":291,"_uid":299,"label":300,"new_tab":202,"component":294,"style_as_button":202},{"url":291,"_uid":302,"label":303,"new_tab":202,"component":294,"style_as_button":46},[],[],[],{"age":387,"cache-control":388,"connection":389,"content-encoding":390,"content-type":391,"date":392,"etag":393,"referrer-policy":394,"sb-be-version":395,"server":396,"strict-transport-security":397,"transfer-encoding":398,"vary":399,"via":400,"x-amz-cf-id":401,"x-amz-cf-pop":402,"x-cache":403,"x-content-type-options":404,"x-frame-options":405,"x-permitted-cross-domain-policies":406,"x-request-id":407,"x-runtime":408,"x-xss-protection":409},"175025","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Fri, 24 Apr 2026 16:03:56 GMT","W/\"ce099880b434253de6298c388e22f4b6\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 126499baf467343ce75c3d087c3d3500.cloudfront.net (CloudFront)","onuFR_gxUcuZH2YIaFxSt5J2zy0n6Y-8MorWxnwYMWQK7xM77aRTUg==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","7adc973b-6137-4132-be4b-bcf9a6b2869e","0.052150","0",1777221661170]