[{"data":1,"prerenderedAt":417},["ShallowReactive",2],{"{\"language\":\"ja\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/animation-creator-demo":3},{"data":4,"headers":394},{"story":5,"cv":375,"rels":376,"links":393},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":367,"full_slug":368,"sort_by_date":30,"position":369,"tag_list":370,"is_startpage":202,"parent_id":371,"meta_data":30,"group_id":372,"first_published_at":373,"release_id":30,"lang":319,"path":30,"alternates":374,"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":259,"fold":260,"intro":322,"title":335,"gallery":336,"category":348,"metadata":350,"component":354,"demo_link":355,"thumbnail":357,"github_link":359,"last_updated":361,"open_graph_image":362,"include_open_graph":46,"block_search_engines":202},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,250],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":249,"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},"使用方法","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,130,143],{"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":129,"type":34},"にサインアップしてください。",{"type":99,"content":131},[132],{"type":39,"attrs":133,"content":134},{"textAlign":30},[135,137],{"text":136,"type":34},"を使用してすぐにコードを書き始める ",{"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},"に参加してください。 ",{"text":151,"type":34,"marks":152},"コミュニティフォーラム",[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},"質問やフィードバックはありますか？",[166],{"type":37},{"type":39,"attrs":168,"content":169},{"textAlign":30},[170,172,178],{"text":171,"type":34},"このツールキットをあなたのニーズに合わせて改善するためのフィードバックを募集しています！ぜひ私たちの ",{"text":173,"type":34,"marks":174},"フォーラム",[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},"また、 ",{"text":186,"type":34,"marks":187},"HOOPS Visualize ",[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","購読する","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},"新しいプロジェクトが利用可能になったらすぐに通知します。",{"type":24,"content":215},[216],{"type":39,"attrs":217,"content":218},{"textAlign":30},[219],{"text":220,"type":34},"新しいプロジェクトについて最初に知りましょう",{"_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},"連絡が必要ですか？ こちらにメールしてください: ",{"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":248,"type":34},"。","columns",{"id":205,"_uid":251,"items":252,"component":258},"ca556064-0fa5-4110-8395-86e3f005ea32",[253],{"id":254,"_uid":255,"component":256,"business_unit":257},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-27 00:00",[261],{"_uid":262,"source":263,"component":321},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":264,"created_at":265,"published_at":266,"updated_at":267,"id":268,"uuid":269,"content":270,"slug":312,"full_slug":313,"sort_by_date":30,"position":314,"tag_list":315,"is_startpage":202,"parent_id":316,"meta_data":30,"group_id":317,"first_published_at":318,"release_id":30,"lang":319,"path":30,"alternates":320,"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":271,"items":272,"component":311},"8915070e-32eb-476d-b215-1c92ebdad15c",[273,293],{"_uid":274,"left_nav":16,"messages":275,"component":292,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[276,282,287],{"_uid":277,"icon":278,"link":279,"target":177,"message":280,"component":281},"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":283,"icon":284,"link":285,"target":177,"message":286,"component":281},"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":288,"icon":289,"link":290,"target":16,"message":291,"component":281},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","当社のSDKや企業向けアプリケーションについて質問がありますか？ Tech Soft 3Dの専門家に相談","element-notice",{"_uid":294,"menu":295,"component":310,"has_notice":46},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[296,301,304,307],{"url":297,"_uid":298,"label":299,"new_tab":202,"component":300},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","開発者向けSDK","top-menu-child",{"url":297,"_uid":302,"label":303,"new_tab":202,"component":300,"style_as_button":202},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企業向けアプリ",{"url":297,"_uid":305,"label":306,"new_tab":202,"component":300,"style_as_button":202},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","会社情報",{"url":297,"_uid":308,"label":309,"new_tab":202,"component":300,"style_as_button":46},"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":323},[324],{"type":39,"attrs":325,"content":326},{"textAlign":30},[327,329,333],{"text":328,"type":34},"このデモでは、 ",{"text":81,"type":34,"marks":330},[331],{"type":84,"attrs":332},{"href":86,"uuid":87,"anchor":30,"target":88,"linktype":89},{"text":334,"type":34}," （旧HOOPS Communicator）のアニメーションAPIを利用して、作業指示やオブジェクトの組み立て・分解などのためのシンプルなアニメーション作成アプリケーションを作成する方法を紹介します。","アニメーションクリエーターデモ",[337,342],{"id":338,"alt":339,"name":16,"focus":16,"title":6,"source":16,"filename":340,"copyright":16,"fieldtype":230,"meta_data":341},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":339,"title":6,"source":16,"copyright":16},{"id":343,"alt":344,"name":16,"focus":16,"title":345,"source":16,"filename":346,"copyright":16,"fieldtype":230,"meta_data":347},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":344,"title":345,"source":16,"copyright":16},[349],"hoopsVisualize",{"_uid":351,"title":352,"plugin":223,"description":353},"c61acadb-c865-468a-9341-bbe2f5e4d3ab","アニメーションクリエイターデモ | Tech Soft 3D ラボ","このデモは、HOOPS Visualize for Web のアニメーション API を使用して、アニメーション付き作業指示用のシンプルなアプリケーションを作成する方法を紹介します。","lab",{"id":16,"url":356,"linktype":112,"fieldtype":206,"cached_url":356},"https://techsoft3d.github.io/animation-creator/animation_creator.html?viewer=SCS&instance=microengine",{"id":343,"alt":344,"name":16,"focus":16,"title":345,"source":16,"filename":346,"copyright":16,"fieldtype":230,"meta_data":358,"is_external_url":202},{"alt":344,"title":345,"source":16,"copyright":16},{"id":16,"url":360,"linktype":112,"fieldtype":206,"cached_url":360},"https://github.com/techsoft3d/animation-creator","2023年6月27日火曜日",{"id":363,"alt":364,"name":16,"focus":16,"title":6,"source":16,"filename":365,"copyright":16,"fieldtype":230,"meta_data":366,"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":364,"title":6,"source":16,"copyright":16},"animation-creator-demo","ja/developers/labs/animation-creator-demo",-250,[],99359039112762,"b1e5e300-ba7c-47c0-8345-c5b709f24b25","2026-04-03T18:44:10.991Z",[],1791995899,[377],{"name":264,"created_at":265,"published_at":266,"updated_at":267,"id":268,"uuid":269,"content":378,"slug":312,"full_slug":313,"sort_by_date":30,"position":314,"tag_list":391,"is_startpage":202,"parent_id":316,"meta_data":30,"group_id":317,"first_published_at":318,"release_id":30,"lang":319,"path":30,"alternates":392,"default_full_slug":30,"translated_slugs":30},{"_uid":271,"items":379,"component":311},[380,385],{"_uid":274,"left_nav":16,"messages":381,"component":292,"right_nav":16},[382,383,384],{"_uid":277,"icon":278,"link":279,"target":177,"message":280,"component":281},{"_uid":283,"icon":284,"link":285,"target":177,"message":286,"component":281},{"_uid":288,"icon":289,"link":290,"target":16,"message":291,"component":281},{"_uid":294,"menu":386,"component":310,"has_notice":46},[387,388,389,390],{"url":297,"_uid":298,"label":299,"new_tab":202,"component":300},{"url":297,"_uid":302,"label":303,"new_tab":202,"component":300,"style_as_button":202},{"url":297,"_uid":305,"label":306,"new_tab":202,"component":300,"style_as_button":202},{"url":297,"_uid":308,"label":309,"new_tab":202,"component":300,"style_as_button":46},[],[],[],{"cache-control":395,"connection":396,"content-encoding":397,"content-type":398,"date":399,"etag":400,"referrer-policy":401,"sb-be-version":402,"server":403,"strict-transport-security":404,"transfer-encoding":405,"vary":406,"via":407,"x-amz-cf-id":408,"x-amz-cf-pop":409,"x-cache":410,"x-content-type-options":411,"x-frame-options":412,"x-permitted-cross-domain-policies":413,"x-request-id":414,"x-runtime":415,"x-xss-protection":416},"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/\"ffbd8b33730787fed0c43cb172a09380\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 604b77eecab133d2f1e4a87ee4ebe7e2.cloudfront.net (CloudFront)","41N5pKVNgoNQRu3hLR9Uu4G8jdC1fPPBtO4Ro5XA2KQcbdgDjvJs8g==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","e82a976c-b89e-407e-b3c4-93653cc224e3","0.029034","0",1791997364978]