[{"data":1,"prerenderedAt":485},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/four-models":3},{"data":4,"headers":461},{"story":5,"cv":443,"rels":444,"links":460},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":435,"full_slug":436,"sort_by_date":30,"position":437,"tag_list":438,"is_startpage":141,"parent_id":439,"meta_data":30,"group_id":440,"first_published_at":441,"release_id":30,"lang":391,"path":30,"alternates":442,"default_full_slug":30,"translated_slugs":30},"Four Models","2026-03-09T14:52:27.370Z","2026-04-23T12:28:58.817Z","2026-04-23T12:28:58.884Z",153101710869841,"2529b396-28a8-4653-aba4-42d8d0b6c78e",{"_uid":13,"body":14,"date":336,"fold":337,"intro":394,"title":401,"gallery":402,"category":415,"metadata":417,"component":421,"demo_link":422,"thumbnail":424,"github_link":430,"last_updated":432,"open_graph_image":433,"include_open_graph":69,"block_search_engines":141},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,327],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":144,"remove_padding":69},"","7d8d5b34-9501-4f53-8220-a76bf31cfe98","column-one","width-full",[21,70,123,134,145,235,271,311],{"_uid":22,"body":23,"alignment":67,"component":68,"is_full_width":69},"b989bae4-64bd-41d7-bfd4-28b9b2933a49",{"type":24,"content":25},"doc",[26,38,62],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"Übersicht","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,52,54,60],{"text":43,"type":34},"Diese Demo zeigt, wie der HOOPS Web Viewer verwendet werden kann, um zusätzliche CAD-Daten schnell und effizient in eine Szene zu laden und anzuzeigen. In dieser Demo wird nichts in die Szene geladen, bis der Benutzer das Modell zur Anzeige anfordert. Dieses Verhalten unterscheidet sich von der ",{"text":45,"type":34,"marks":46},"OnDemand-Ladefunktion",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/prog_guide/viewing/data_model/stream_cache/loading.html?highlight=on%20demand#","url",{"text":53,"type":34}," , die in unserer ",{"text":55,"type":34,"marks":56},"Zementanlage-Demo",[57],{"type":48,"attrs":58},{"href":59,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://master--elaborate-shortbread-ea7430.netlify.app/project/cement-plant",{"text":61,"type":34},"gezeigt wird. Im Gegensatz zur Zementanlage-Demo sind alle Modelle, die in diese Szene geladen werden, völlig unabhängig voneinander und durchlaufen keine Vorlade-Sequenzen.",{"type":39,"attrs":63,"content":64},{"textAlign":30},[65],{"text":66,"type":34},"Beim Start dieser Demo erscheint die Szene leer, bis Sie mit der Maus über das Dropdown-Menü Modelle fahren. Von dort aus können Sie verschiedene Modelle in die Szene hinzufügen.","align-left","copy",true,{"_uid":71,"body":72,"alignment":67,"component":68,"is_full_width":69},"417764ff-e6fc-4fba-a853-ca6cbde1cba2",{"type":24,"content":73},[74,81],{"type":27,"attrs":75,"content":76},{"level":29,"textAlign":30},[77],{"text":78,"type":34,"marks":79},"Wie es implementiert wurde",[80],{"type":37},{"type":82,"content":83},"bullet_list",[84,98,110],{"type":85,"content":86},"list_item",[87],{"type":39,"attrs":88,"content":89},{"textAlign":30},[90,92],{"text":91,"type":34},"Initialisieren Sie den ",{"text":93,"type":34,"marks":94},"WebViewer",[95],{"type":48,"attrs":96},{"href":97,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#constructor",{"type":85,"content":99},[100],{"type":39,"attrs":101,"content":102},{"textAlign":30},[103,105],{"text":104,"type":34},"Starten Sie den ",{"text":93,"type":34,"marks":106},[107],{"type":48,"attrs":108},{"href":109,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"type":85,"content":111},[112],{"type":39,"attrs":113,"content":114},{"textAlign":30},[115,117],{"text":116,"type":34},"Laden Sie das angeforderte Modell mit ",{"text":118,"type":34,"marks":119},"viewer.getModel().loadSubtreeFromModel",[120],{"type":48,"attrs":121},{"href":122,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Model.html?highlight=loadSubtreeFromModel#loadsubtreefrommodel",{"_uid":124,"body":125,"alignment":67,"component":68,"is_full_width":69},"a13c3392-16a2-48a4-97b5-7282a80b8ece",{"type":24,"content":126},[127],{"type":27,"attrs":128,"content":129},{"level":29,"textAlign":30},[130],{"text":131,"type":34,"marks":132},"So verwenden Sie das Demo (Walkthrough-Video)",[133],{"type":37},{"gap":16,"_uid":135,"align":16,"count":18,"width":136,"columns":137,"component":144,"remove_padding":69},"4856b2cc-b527-484c-b518-b636cf85bc1b","width-small",[138],{"_uid":139,"video":140,"is_full":141,"platform":142,"component":143,"aspect_ratio":16},"efea74d8-b9a4-4800-9a56-a813759e27f9","uBxPSby6CmA",false,"youtube","element-video","columns",{"_uid":146,"body":147,"alignment":67,"component":68,"is_full_width":69},"4528fbe7-0d6e-4536-81b4-4891791b9c17",{"type":24,"content":148},[149,156,177],{"type":27,"attrs":150,"content":151},{"level":29,"textAlign":30},[152],{"text":153,"type":34,"marks":154},"Erkunden Sie HOOPS Visualise for Web",[155],{"type":37},{"type":39,"attrs":157,"content":158},{"textAlign":30},[159,163,173],{"text":160,"type":34,"marks":161},"Dieses Demo wurde erstellt mit ",[162],{"type":37},{"text":164,"type":34,"marks":165},"HOOPS Visualize for Web",[166,172],{"type":48,"attrs":167},{"href":168,"uuid":169,"anchor":30,"target":170,"linktype":171},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"type":37},{"text":174,"type":34,"marks":175}," (ehemals HOOPS Communicator).",[176],{"type":37},{"type":82,"content":178},[179,194,209,222],{"type":85,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186,192],{"text":185,"type":34},"Verweisen Sie auf die HOOPS Visualize for Web (ehemals HOOPS Communicator) ",{"text":187,"type":34,"marks":188},"Dokumentation",[189],{"type":48,"attrs":190},{"href":191,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/",{"text":193,"type":34},".",{"type":85,"content":195},[196],{"type":39,"attrs":197,"content":198},{"textAlign":30},[199,201,207],{"text":200,"type":34},"Melden Sie sich für eine kostenlose ",{"text":202,"type":34,"marks":203},"Bewertung",[204],{"type":48,"attrs":205},{"href":206,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://manage.techsoft3d.com/signup?product=communicator",{"text":208,"type":34},"an.",{"type":85,"content":210},[211],{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216],{"text":215,"type":34},"Starten Sie direkt mit dem Programmieren im ",{"text":217,"type":34,"marks":218},"3D Sandbox",[219],{"type":48,"attrs":220},{"href":221,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://3dsandbox.techsoft3d.com/",{"type":85,"content":223},[224],{"type":39,"attrs":225,"content":226},{"textAlign":30},[227,229],{"text":228,"type":34},"Treten Sie unserem ",{"text":230,"type":34,"marks":231},"Community-Forum",[232],{"type":48,"attrs":233},{"href":234,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://forum.techsoft3d.com/",{"_uid":236,"body":237,"alignment":67,"component":68,"is_full_width":69},"d044d050-b8d4-462f-b447-ad857eb3dd00",{"type":24,"content":238},[239,246,258],{"type":27,"attrs":240,"content":241},{"level":29,"textAlign":30},[242],{"text":243,"type":34,"marks":244},"Fragen oder Feedback?",[245],{"type":37},{"type":39,"attrs":247,"content":248},{"textAlign":30},[249,251,257],{"text":250,"type":34},"Wir suchen nach Feedback und wie dieses Toolkit verbessert werden kann, um Ihren Anforderungen gerecht zu werden! Bitte verbinden Sie sich in unserem ",{"text":252,"type":34,"marks":253},"Forum",[254],{"type":48,"attrs":255},{"href":234,"uuid":30,"anchor":30,"target":256,"linktype":51},"_blank",{"text":193,"type":34},{"type":39,"attrs":259,"content":260},{"textAlign":30},[261,263,269],{"text":262,"type":34},"Sie können sich auch für eine 60-Tage-Testversion der ",{"text":264,"type":34,"marks":265},"HOOPS Web Platform",[266],{"type":48,"attrs":267},{"href":268,"uuid":30,"anchor":30,"target":256,"linktype":51},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":270,"type":34},"anmelden.",{"_uid":272,"messages":273,"component":305,"background":306,"remove_padding":69,"is_verticalized":141},"744ffc7b-e5be-4b1a-97bb-578a922ab6a5",[274],{"_uid":275,"icon":16,"buttons":276,"content":286,"headline":293,"link_url":16,"metadata":300,"component":303,"icon_size":16,"link_label":16,"headline_heading":304},"895c648c-b8c3-4953-a690-6e71dd15bba1",[277],{"_uid":278,"href":16,"color":279,"label":280,"action":281,"new_tab":141,"outline":69,"alignment":16,"component":282,"text_link":141,"destination":283},"3f9e1f1c-9c3b-4ee5-b399-669acab8f58d","light","Abonnieren","action-modal","element-button",{"id":16,"url":284,"linktype":51,"fieldtype":285,"cached_url":284},"subscribe","multilink",{"type":24,"content":287},[288],{"type":39,"attrs":289,"content":290},{"textAlign":30},[291],{"text":292,"type":34},"Wir benachrichtigen Sie, sobald neue Projekte verfügbar sind.",{"type":24,"content":294},[295],{"type":39,"attrs":296,"content":297},{"textAlign":30},[298],{"text":299,"type":34},"Seien Sie der Erste, der über neue Projekte informiert wird",{"_uid":301,"title":16,"plugin":302,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":307,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":308,"copyright":16,"fieldtype":309,"meta_data":310,"is_external_url":141},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":312,"body":313,"alignment":67,"component":68,"is_full_width":69},"1a88a65d-c0fb-4d4d-b5cc-e95b1640588e",{"type":24,"content":314},[315],{"type":39,"attrs":316,"content":317},{"textAlign":30},[318,320,326],{"text":319,"type":34},"Müssen Sie uns kontaktieren? Schreiben Sie uns eine E-Mail an ",{"text":321,"type":34,"marks":322},"labs@techsoft3d.com",[323],{"type":48,"attrs":324},{"href":321,"uuid":30,"anchor":30,"target":170,"linktype":325},"email",{"text":193,"type":34},{"id":284,"_uid":328,"items":329,"component":335},"ca556064-0fa5-4110-8395-86e3f005ea32",[330],{"id":331,"_uid":332,"component":333,"business_unit":334},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-16 00:00",[338],{"_uid":339,"source":340,"component":393},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":341,"created_at":342,"published_at":343,"updated_at":344,"id":345,"uuid":346,"content":347,"slug":384,"full_slug":385,"sort_by_date":30,"position":386,"tag_list":387,"is_startpage":141,"parent_id":388,"meta_data":30,"group_id":389,"first_published_at":390,"release_id":30,"lang":391,"path":30,"alternates":392,"default_full_slug":30,"translated_slugs":30,"_stopResolving":69},"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":348,"items":349,"component":383},"8915070e-32eb-476d-b215-1c92ebdad15c",[350,365],{"_uid":351,"left_nav":16,"messages":352,"component":364,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[353,359],{"_uid":354,"icon":355,"link":356,"target":16,"message":357,"component":358},"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":360,"icon":361,"link":362,"target":16,"message":363,"component":358},"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":366,"menu":367,"component":382,"has_notice":69},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[368,373,376,379],{"url":369,"_uid":370,"label":371,"new_tab":141,"component":372},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":369,"_uid":374,"label":375,"new_tab":141,"component":372,"style_as_button":141},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":369,"_uid":377,"label":378,"new_tab":141,"component":372,"style_as_button":141},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":369,"_uid":380,"label":381,"new_tab":141,"component":372,"style_as_button":69},"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":395},[396],{"type":39,"attrs":397,"content":398},{"textAlign":30},[399],{"text":400,"type":34},"Dieses auf HOOPS Visualize for Web (ehemals HOOPS Communicator) basierende Demo zeigt, wie mehrere Modelle bei Bedarf innerhalb derselben Szene geladen werden können.","Vier Modelle Demo",[403,407,411],{"id":404,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":405,"copyright":16,"fieldtype":309,"meta_data":406},153103553727336,"https://a-us.storyblok.com/f/1023536/1800x1200/d2ce154c11/four-models-demo-1.webp",{},{"id":408,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":409,"copyright":16,"fieldtype":309,"meta_data":410},153103553686375,"https://a-us.storyblok.com/f/1023536/1800x1200/f92c7e5c0e/four-models-demo-2.webp",{},{"id":412,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":413,"copyright":16,"fieldtype":309,"meta_data":414},153103553739625,"https://a-us.storyblok.com/f/1023536/1800x1200/c46bb6c439/four-models-demo-3.webp",{},[416],"hoopsVisualize",{"_uid":418,"title":419,"plugin":302,"description":420},"5aba1799-50ee-47be-bd2d-7565e80da391","Four Models Demo | Tech Soft 3D Labs","This HOOPS Visualize for Web based demo shows how multiple models can be loaded on demand within the same scene.","lab",{"id":16,"url":423,"linktype":51,"fieldtype":285,"cached_url":423},"https://four-models-docker.techsoft3d.com/",{"id":425,"alt":426,"name":16,"focus":16,"title":427,"source":16,"filename":428,"copyright":16,"fieldtype":309,"meta_data":429,"is_external_url":141},153102770641766,"Four CAD models from a 'four models' HOOPS web viewer demo","Four CAD Models","https://a-us.storyblok.com/f/1023536/447x298/a2607531eb/four-models-demo.webp",{"alt":426,"title":427,"source":16,"copyright":16},{"id":16,"url":431,"linktype":51,"fieldtype":285,"cached_url":431},"https://github.com/techsoft3d/four-models-docker"," Freitag, 16. Juni 2023",{"id":425,"alt":426,"name":16,"focus":16,"title":427,"source":16,"filename":428,"copyright":16,"fieldtype":309,"meta_data":434,"is_external_url":141},{"alt":426,"title":427,"source":16,"copyright":16},"four-models","de/developers/labs/four-models",0,[],99359039112762,"4b361977-c914-497a-978f-5152136684af","2026-04-03T18:44:17.203Z",[],1777045065,[445],{"name":341,"created_at":342,"published_at":343,"updated_at":344,"id":345,"uuid":346,"content":446,"slug":384,"full_slug":385,"sort_by_date":30,"position":386,"tag_list":458,"is_startpage":141,"parent_id":388,"meta_data":30,"group_id":389,"first_published_at":390,"release_id":30,"lang":391,"path":30,"alternates":459,"default_full_slug":30,"translated_slugs":30},{"_uid":348,"items":447,"component":383},[448,452],{"_uid":351,"left_nav":16,"messages":449,"component":364,"right_nav":16},[450,451],{"_uid":354,"icon":355,"link":356,"target":16,"message":357,"component":358},{"_uid":360,"icon":361,"link":362,"target":16,"message":363,"component":358},{"_uid":366,"menu":453,"component":382,"has_notice":69},[454,455,456,457],{"url":369,"_uid":370,"label":371,"new_tab":141,"component":372},{"url":369,"_uid":374,"label":375,"new_tab":141,"component":372,"style_as_button":141},{"url":369,"_uid":377,"label":378,"new_tab":141,"component":372,"style_as_button":141},{"url":369,"_uid":380,"label":381,"new_tab":141,"component":372,"style_as_button":69},[],[],[],{"age":462,"cache-control":463,"connection":464,"content-encoding":465,"content-type":466,"date":467,"etag":468,"referrer-policy":469,"sb-be-version":470,"server":471,"strict-transport-security":472,"transfer-encoding":473,"vary":474,"via":475,"x-amz-cf-id":476,"x-amz-cf-pop":477,"x-cache":478,"x-content-type-options":479,"x-frame-options":480,"x-permitted-cross-domain-policies":481,"x-request-id":482,"x-runtime":483,"x-xss-protection":484},"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:04:00 GMT","W/\"8ae42f92dee2d09a5e58da98a5b74de0\"","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)","GV66phMrPXk66Xye7KoCmKH3sJJgSs36avxqxmVlpuwtH5Mu_tlwuQ==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","6ce5ffa6-d432-43ce-8292-f06066c3afbb","0.037530","0",1777221665485]