[{"data":1,"prerenderedAt":452},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/work-procedure":3},{"data":4,"headers":428},{"story":5,"cv":410,"rels":411,"links":427},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":402,"full_slug":403,"sort_by_date":30,"position":404,"tag_list":405,"is_startpage":251,"parent_id":406,"meta_data":30,"group_id":407,"first_published_at":408,"release_id":30,"lang":362,"path":30,"alternates":409,"default_full_slug":30,"translated_slugs":30},"Work Procedure","2026-03-24T14:38:25.775Z","2026-04-23T12:29:01.613Z","2026-04-23T12:29:01.641Z",158406679769518,"36a2e89e-41e0-44d0-802a-7b50d73125f5",{"_uid":13,"body":14,"date":307,"fold":308,"intro":365,"title":379,"gallery":380,"category":381,"metadata":384,"component":388,"demo_link":389,"thumbnail":391,"github_link":397,"last_updated":399,"open_graph_image":400,"include_open_graph":78,"block_search_engines":251},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,298],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":297,"remove_padding":78},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,79,83,97,203,240,281],{"_uid":22,"body":23,"alignment":76,"component":77,"is_full_width":78},"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},"Überblick","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,49,59,64,71],{"text":43,"type":34,"marks":44},"Diese Demo-Webanwendung zeigt HOOPS Visualize und HOOPS Exchange. ",[45],{"type":46,"attrs":47},"textStyle",{"color":48},"#5C5C5C",{"text":50,"type":34,"marks":51},"HOOPS Exchange",[52],{"type":53,"attrs":54},"link",{"href":55,"uuid":56,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":60,"type":34,"marks":61}," wurde genutzt, um eine Autotür, eine Innenverkleidung, eine Armlehne und einen Fensterlift in eine leichte Streaming-Form zu lesen und zu konvertieren. ",[62],{"type":46,"attrs":63},{"color":48},{"text":65,"type":34,"marks":66},"HOOPS Visualize für Web",[67],{"type":53,"attrs":68},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":72,"type":34,"marks":73}," (ehemals HOOPS Communicator) zeigt die CAD-Daten in einem 3D-Viewer als Teil einer Thin-Client-Anwendung. Die Front-End-Komponenten-Bibliothek bietet eine einzigartige Gestaltung der Anwendung.",[74],{"type":46,"attrs":75},{"color":48},"align-left","copy",true,{"_uid":80,"code":81,"component":82},"cc2f7021-299c-42a2-9acc-ce51fb5788eb","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/pLyDNLDJDtM?si=ye8yGQIIcbFMU1To\" 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":84,"body":85,"alignment":76,"component":77,"is_full_width":78},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":86},[87,92],{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"Automatische Hervorhebung im Haupt-3D-Viewer erzwingt die Anzeige einzelner Teile in einem zweiten 3D-Viewer zur Inspektion. Metadaten über dieses Teil, möglicherweise sowohl aus dem CAD-Modell als auch aus einer externen Datenbank, wie der Preis, können mit einer eindeutigen ID verknüpft und angezeigt werden.",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"Aufgrund der leistungsstarken JavaScript-API von HOOPS Visualize for Web (ehemals HOOPS Communicator) können wir programmgesteuert eine Animation erstellen, die die Demontage und Wiederzusammenbau der Tür einschließlich detaillierter Zoomansichten zeigt. Wir können die Ansicht ändern, Redline-Markup hinzufügen und die Sichtbarkeit und Opazität von Objekten ändern.",{"_uid":98,"body":99,"alignment":76,"component":77,"is_full_width":78},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":100},[101,108,125,145],{"type":27,"attrs":102,"content":103},{"level":29,"textAlign":30},[104],{"text":105,"type":34,"marks":106},"Erkunden Sie HOOPS Visualize für Web",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,115,121],{"text":112,"type":34,"marks":113},"Diese Demo wurde erstellt mit ",[114],{"type":37},{"text":116,"type":34,"marks":117},"HOOPS Visualize for Web",[118,120],{"type":53,"attrs":119},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"type":37},{"text":122,"type":34,"marks":123}," (ehemals HOOPS Communicator).",[124],{"type":37},{"type":126,"content":127},"bullet_list",[128],{"type":129,"content":130},"list_item",[131],{"type":39,"attrs":132,"content":133},{"textAlign":30},[134,136,143],{"text":135,"type":34},"Probieren Sie dieses ",{"text":137,"type":34,"marks":138},"Erstellen einer Basisanwendung",[139],{"type":53,"attrs":140},{"href":141,"uuid":30,"anchor":30,"target":30,"linktype":142},"https://docs.techsoft3d.com/communicator/latest/tutorials/basic-app/introduction.html","url",{"text":144,"type":34}," Tutorial. Die gleichen Konzepte wurden verwendet, um diese Demo zu erstellen.",{"type":126,"content":146},[147,162,177,190],{"type":129,"content":148},[149],{"type":39,"attrs":150,"content":151},{"textAlign":30},[152,154,160],{"text":153,"type":34},"Verweisen Sie auf die HOOPS Visualize for Web (ehemals HOOPS Communicator) ",{"text":155,"type":34,"marks":156},"Dokumentation",[157],{"type":53,"attrs":158},{"href":159,"uuid":30,"anchor":30,"target":30,"linktype":142},"https://docs.techsoft3d.com/communicator/latest/",{"text":161,"type":34},".",{"type":129,"content":163},[164],{"type":39,"attrs":165,"content":166},{"textAlign":30},[167,169,175],{"text":168,"type":34},"Melden Sie sich für eine kostenlose ",{"text":170,"type":34,"marks":171},"Evaluierung",[172],{"type":53,"attrs":173},{"href":174,"uuid":30,"anchor":30,"target":30,"linktype":142},"https://manage.techsoft3d.com/signup?product=communicator",{"text":176,"type":34},"an.",{"type":129,"content":178},[179],{"type":39,"attrs":180,"content":181},{"textAlign":30},[182,184],{"text":183,"type":34},"Steigen Sie direkt in die Kodierung mit dem ",{"text":185,"type":34,"marks":186},"3D Sandbox",[187],{"type":53,"attrs":188},{"href":189,"uuid":30,"anchor":30,"target":30,"linktype":142},"https://3dsandbox.techsoft3d.com/",{"type":129,"content":191},[192],{"type":39,"attrs":193,"content":194},{"textAlign":30},[195,197],{"text":196,"type":34},"Treten Sie unserem ",{"text":198,"type":34,"marks":199},"Community-Forum",[200],{"type":53,"attrs":201},{"href":202,"uuid":30,"anchor":30,"target":30,"linktype":142},"https://forum.techsoft3d.com/",{"_uid":204,"body":205,"alignment":76,"component":77,"is_full_width":78},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":206},[207,214,227],{"type":27,"attrs":208,"content":209},{"level":29,"textAlign":30},[210],{"text":211,"type":34,"marks":212},"Fragen oder Feedback?",[213],{"type":37},{"type":39,"attrs":215,"content":216},{"textAlign":30},[217,219,225],{"text":218,"type":34},"Wir suchen nach Feedback und wie dieses Toolkit verbessert werden kann, um Ihre Bedürfnisse zu erfüllen! Bitte treten Sie in unserem ",{"text":220,"type":34,"marks":221},"Forum",[222],{"type":53,"attrs":223},{"href":202,"uuid":30,"anchor":30,"target":224,"linktype":142},"_blank",{"text":226,"type":34},"in Kontakt.",{"type":39,"attrs":228,"content":229},{"textAlign":30},[230,232,238],{"text":231,"type":34},"Sie können sich auch für eine 60-tägige Testversion der ",{"text":233,"type":34,"marks":234},"HOOPS Web Platform",[235],{"type":53,"attrs":236},{"href":237,"uuid":30,"anchor":30,"target":224,"linktype":142},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":239,"type":34},"anmelden.",{"_uid":241,"messages":242,"component":275,"background":276,"remove_padding":78,"is_verticalized":251},"2517b691-8590-46b2-b1a0-c989536a3b36",[243],{"_uid":244,"icon":16,"buttons":245,"content":256,"headline":263,"link_url":16,"metadata":270,"component":273,"icon_size":16,"link_label":16,"headline_heading":274},"1f7a4845-55d4-4520-b973-efe814118e45",[246],{"_uid":247,"href":16,"color":248,"label":249,"action":250,"new_tab":251,"outline":78,"alignment":16,"component":252,"text_link":251,"destination":253},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Abonnieren","action-modal",false,"element-button",{"id":16,"url":254,"linktype":142,"fieldtype":255,"cached_url":254},"subscribe","multilink",{"type":24,"content":257},[258],{"type":39,"attrs":259,"content":260},{"textAlign":30},[261],{"text":262,"type":34},"Wir benachrichtigen Sie, sobald neue Projekte verfügbar sind.",{"type":24,"content":264},[265],{"type":39,"attrs":266,"content":267},{"textAlign":30},[268],{"text":269,"type":34},"Erfahren Sie als Erster von neuen Projekten",{"_uid":271,"title":16,"plugin":272,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":277,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":278,"copyright":16,"fieldtype":279,"meta_data":280,"is_external_url":251},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":282,"body":283,"alignment":76,"component":77,"is_full_width":78},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":284},[285],{"type":39,"attrs":286,"content":287},{"textAlign":30},[288,290,296],{"text":289,"type":34},"Möchten Sie uns kontaktieren? Schreiben Sie uns eine E-Mail an ",{"text":291,"type":34,"marks":292},"labs@techsoft3d.com",[293],{"type":53,"attrs":294},{"href":291,"uuid":30,"anchor":30,"target":57,"linktype":295},"email",{"text":161,"type":34},"columns",{"id":254,"_uid":299,"items":300,"component":306},"ca556064-0fa5-4110-8395-86e3f005ea32",[301],{"id":302,"_uid":303,"component":304,"business_unit":305},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-03-31 00:00",[309],{"_uid":310,"source":311,"component":364},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":312,"created_at":313,"published_at":314,"updated_at":315,"id":316,"uuid":317,"content":318,"slug":355,"full_slug":356,"sort_by_date":30,"position":357,"tag_list":358,"is_startpage":251,"parent_id":359,"meta_data":30,"group_id":360,"first_published_at":361,"release_id":30,"lang":362,"path":30,"alternates":363,"default_full_slug":30,"translated_slugs":30,"_stopResolving":78},"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":319,"items":320,"component":354},"8915070e-32eb-476d-b215-1c92ebdad15c",[321,336],{"_uid":322,"left_nav":16,"messages":323,"component":335,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[324,330],{"_uid":325,"icon":326,"link":327,"target":16,"message":328,"component":329},"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":331,"icon":332,"link":333,"target":16,"message":334,"component":329},"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":337,"menu":338,"component":353,"has_notice":78},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[339,344,347,350],{"url":340,"_uid":341,"label":342,"new_tab":251,"component":343},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":340,"_uid":345,"label":346,"new_tab":251,"component":343,"style_as_button":251},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":340,"_uid":348,"label":349,"new_tab":251,"component":343,"style_as_button":251},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":340,"_uid":351,"label":352,"new_tab":251,"component":343,"style_as_button":78},"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":366},[367],{"type":39,"attrs":368,"content":369},{"textAlign":30},[370,372,377],{"text":371,"type":34},"Diese Demo veranschaulicht ",{"text":373,"type":34,"marks":374},"HOOPS Visualize",[375],{"type":53,"attrs":376},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"text":378,"type":34}," für Web (ehemals HOOPS Communicator) leistungsstarke JavaScript-API, indem sie eine Animation programmgesteuert erstellt. ","Arbeitsverfahren",[],[382,383],"hoopsExchange","hoopsVisualize",{"_uid":385,"title":386,"plugin":272,"description":387},"b6993488-c249-4b5e-8398-4f65831a77fc","Work Procedure | Tech Soft 3D Labs","This demo showcases HOOPS Visualize for Web's powerful JavaScript API, by programmatically creating an animation.","lab",{"id":16,"url":390,"linktype":142,"fieldtype":255,"cached_url":390},"https://techsoft3d.github.io/work-procedure/?_gl=1*hjeini*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQzNjA5MzkkbzIxNyRnMSR0MTc3NDM2MzM2NSRqNjAkbDAkaDE1Mjk0NzA1NzM.",{"id":392,"alt":393,"name":16,"focus":16,"title":394,"source":16,"filename":395,"copyright":16,"fieldtype":279,"meta_data":396,"is_external_url":251},160841456215977,"A 3D model of a car door with individual animated parts","Work Procedure Demo","https://a-us.storyblok.com/f/1023536/1920x1080/953bc01dab/work-procedure-demo.jpg",{"alt":393,"title":394,"source":16,"copyright":16},{"id":16,"url":398,"linktype":142,"fieldtype":255,"cached_url":398},"https://github.com/techsoft3d/work-procedure","31. März 2026",{"id":392,"alt":393,"name":16,"focus":16,"title":394,"source":16,"filename":395,"copyright":16,"fieldtype":279,"meta_data":401,"is_external_url":251},{"alt":393,"title":394,"source":16,"copyright":16},"work-procedure","de/developers/labs/work-procedure",-130,[],99359039112762,"38f6dd5b-cf79-4be7-ad70-98c73058e302","2026-04-03T18:44:13.941Z",[],1777045065,[412],{"name":312,"created_at":313,"published_at":314,"updated_at":315,"id":316,"uuid":317,"content":413,"slug":355,"full_slug":356,"sort_by_date":30,"position":357,"tag_list":425,"is_startpage":251,"parent_id":359,"meta_data":30,"group_id":360,"first_published_at":361,"release_id":30,"lang":362,"path":30,"alternates":426,"default_full_slug":30,"translated_slugs":30},{"_uid":319,"items":414,"component":354},[415,419],{"_uid":322,"left_nav":16,"messages":416,"component":335,"right_nav":16},[417,418],{"_uid":325,"icon":326,"link":327,"target":16,"message":328,"component":329},{"_uid":331,"icon":332,"link":333,"target":16,"message":334,"component":329},{"_uid":337,"menu":420,"component":353,"has_notice":78},[421,422,423,424],{"url":340,"_uid":341,"label":342,"new_tab":251,"component":343},{"url":340,"_uid":345,"label":346,"new_tab":251,"component":343,"style_as_button":251},{"url":340,"_uid":348,"label":349,"new_tab":251,"component":343,"style_as_button":251},{"url":340,"_uid":351,"label":352,"new_tab":251,"component":343,"style_as_button":78},[],[],[],{"age":429,"cache-control":430,"connection":431,"content-encoding":432,"content-type":433,"date":434,"etag":435,"referrer-policy":436,"sb-be-version":437,"server":438,"strict-transport-security":439,"transfer-encoding":440,"vary":441,"via":442,"x-amz-cf-id":443,"x-amz-cf-pop":444,"x-cache":445,"x-content-type-options":446,"x-frame-options":447,"x-permitted-cross-domain-policies":448,"x-request-id":449,"x-runtime":450,"x-xss-protection":451},"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:57 GMT","W/\"cdf079f0295f59407ff282b1ba8f1e21\"","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)","Hrcy5OA43jcSYp9e9aI2dFPOJROJ6IX4lX6jhkfsrahLiyo9XVNafw==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","cfb432cc-b20d-4d32-8c9f-0438c654ec4e","0.030451","0",1777221662323]