[{"data":1,"prerenderedAt":450},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/apartment-building-demo":3},{"data":4,"headers":426},{"story":5,"cv":408,"rels":409,"links":425},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":400,"full_slug":401,"sort_by_date":30,"position":402,"tag_list":403,"is_startpage":255,"parent_id":404,"meta_data":30,"group_id":405,"first_published_at":406,"release_id":30,"lang":367,"path":30,"alternates":407,"default_full_slug":30,"translated_slugs":30},"Apartment Building Demo","2026-03-09T15:13:01.639Z","2026-04-23T12:28:58.069Z","2026-04-23T12:28:58.093Z",153106766530586,"2c8d45c9-b0af-469e-a7b3-bd56ba5b705f",{"_uid":13,"body":14,"date":312,"fold":313,"intro":370,"title":377,"gallery":378,"category":379,"metadata":382,"component":386,"demo_link":387,"thumbnail":389,"github_link":395,"last_updated":397,"open_graph_image":398,"include_open_graph":68,"block_search_engines":255},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,303],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":302,"remove_padding":68},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,69,124,209,244,285],{"_uid":22,"body":23,"alignment":66,"component":67,"is_full_width":68},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,56,61],{"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,54],{"text":43,"type":34},"Diese Demo zeigt, wie ",{"text":45,"type":34,"marks":46},"HOOPS Visualize for Web",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_blank","story",{"text":55,"type":34}," (ehemals HOOPS Communicator) im BIM-Bereich verwendet werden kann, um den Fortschritt eines im Bau befindlichen Gebäudes zu zeigen. Durch HOOPS Visualize for Web können wir schnell und einfach die physischen Erscheinungsattribute für eine Vielzahl von Knoten ändern, um die in dieser Demo gezeigte 4D-Gebäudeanimation bereitzustellen.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"Diese Demo zeigt nicht nur die Fähigkeit von HOOPS Visualize for Web, das Aussehen sehr großer Modelle im IFC-Bereich zu handhaben und zu manipulieren; sie zeigt auch die Fähigkeit, große Mengen an CAD-Metadaten zu verwalten. Damit die Timeline in dieser Demo korrekt funktioniert, müssen Beziehungsdaten für jedes Stockwerk und jede Baugruppe in HOOPS Visualize for Web importiert und dann verwendet werden, um das Erscheinungsbild jedes Knotens zu manipulieren.",{"type":39,"attrs":62,"content":63},{"textAlign":30},[64],{"text":65,"type":34},"Wenn Sie diese Demo starten, bemerken Sie einen Dropdown-Pfeil auf der rechten Seite des Bildschirms, sobald das Modell geladen ist. Klicken Sie auf dieses Dropdown und Sie können zwischen der architektonischen oder strukturellen Darstellung des Modells umschalten. Zusätzlich können Sie das Erscheinungsbild verschiedener Stockwerke oder struktureller Komponenten je nach Ansicht ein- und ausschalten. Im selben Menü kann ein Kontrollkästchen für den Timeline-Viewer aktiviert werden, das Ihnen ermöglicht, die Gebäudeanimations-Timeline abzuspielen. Schließlich befindet sich auf der linken Seite des Bildschirms eine Schaltfläche 'Ansichten', die überfahren werden kann, um problemlos zu verschiedenen Orten im Modell zu navigieren. Verwenden Sie die Pfeiltasten auf Ihrer Tastatur, um herumzulaufen.","align-left","copy",true,{"_uid":70,"body":71,"alignment":66,"component":67,"is_full_width":68},"5c50a654-714e-49bf-99ce-80085e95586d",{"type":24,"content":72},[73,80],{"type":27,"attrs":74,"content":75},{"level":29,"textAlign":30},[76],{"text":77,"type":34,"marks":78},"Wie es implementiert wurde",[79],{"type":37},{"type":81,"content":82},"bullet_list",[83,98,111],{"type":84,"content":85},"list_item",[86],{"type":39,"attrs":87,"content":88},{"textAlign":30},[89,91],{"text":90,"type":34},"Setze ",{"text":92,"type":34,"marks":93},"Walk Operator",[94],{"type":48,"attrs":95},{"href":96,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Operator.CameraWalkModeOperator.html?highlight=setWalkMode#Communicator.Operator.Communicator.Operator.CameraWalkModeOperator.setWalkMode","url",{"type":84,"content":99},[100],{"type":39,"attrs":101,"content":102},{"textAlign":30},[103,105],{"text":104,"type":34},"Starte den ",{"text":106,"type":34,"marks":107},"WebViewer",[108],{"type":48,"attrs":109},{"href":110,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"type":84,"content":112},[113],{"type":39,"attrs":114,"content":115},{"textAlign":30},[116,118],{"text":117,"type":34},"Ändere Knoten-Transparenz ",{"text":119,"type":34,"marks":120},"viewer.getModel().setNodesVisibility()",[121],{"type":48,"attrs":122},{"href":123,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Model.html?highlight=setnodevisibility#setnodesvisibility",{"_uid":125,"body":126,"alignment":66,"component":67,"is_full_width":68},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":127},[128,135,151],{"type":27,"attrs":129,"content":130},{"level":29,"textAlign":30},[131],{"text":132,"type":34,"marks":133},"Erkunden Sie HOOPS Visualize for Web",[134],{"type":37},{"type":39,"attrs":136,"content":137},{"textAlign":30},[138,142,147],{"text":139,"type":34,"marks":140},"Diese Demo wurde mit ",[141],{"type":37},{"text":45,"type":34,"marks":143},[144,146],{"type":48,"attrs":145},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"type":37},{"text":148,"type":34,"marks":149}," (ehemals HOOPS Communicator) erstellt.",[150],{"type":37},{"type":81,"content":152},[153,168,183,196],{"type":84,"content":154},[155],{"type":39,"attrs":156,"content":157},{"textAlign":30},[158,160,166],{"text":159,"type":34},"Beziehen Sie sich auf die HOOPS Visualize for Web (ehemals HOOPS Communicator) ",{"text":161,"type":34,"marks":162},"Dokumentation",[163],{"type":48,"attrs":164},{"href":165,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/",{"text":167,"type":34},".",{"type":84,"content":169},[170],{"type":39,"attrs":171,"content":172},{"textAlign":30},[173,175,181],{"text":174,"type":34},"Melden Sie sich für eine kostenlose ",{"text":176,"type":34,"marks":177},"Evaluation",[178],{"type":48,"attrs":179},{"href":180,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://manage.techsoft3d.com/signup?product=communicator",{"text":182,"type":34},"an.",{"type":84,"content":184},[185],{"type":39,"attrs":186,"content":187},{"textAlign":30},[188,190],{"text":189,"type":34},"Springen Sie direkt ins Programmieren mit dem ",{"text":191,"type":34,"marks":192},"3D Sandbox",[193],{"type":48,"attrs":194},{"href":195,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://3dsandbox.techsoft3d.com/",{"type":84,"content":197},[198],{"type":39,"attrs":199,"content":200},{"textAlign":30},[201,203],{"text":202,"type":34},"Treten Sie unserem ",{"text":204,"type":34,"marks":205},"Community Forum",[206],{"type":48,"attrs":207},{"href":208,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://forum.techsoft3d.com/",{"_uid":210,"body":211,"alignment":66,"component":67,"is_full_width":68},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":212},[213,220,231],{"type":27,"attrs":214,"content":215},{"level":29,"textAlign":30},[216],{"text":217,"type":34,"marks":218},"Fragen oder Feedback?",[219],{"type":37},{"type":39,"attrs":221,"content":222},{"textAlign":30},[223,225,230],{"text":224,"type":34},"Wir suchen nach Feedback und wie dieses Toolkit verbessert werden kann, um Ihre Bedürfnisse zu erfüllen! Bitte verbinden Sie sich in unserem ",{"text":226,"type":34,"marks":227},"Forum",[228],{"type":48,"attrs":229},{"href":208,"uuid":30,"anchor":30,"target":52,"linktype":97},{"text":167,"type":34},{"type":39,"attrs":232,"content":233},{"textAlign":30},[234,236,242],{"text":235,"type":34},"Sie können sich auch für eine 60-Tage-Testversion der ",{"text":237,"type":34,"marks":238},"HOOPS Web Platform",[239],{"type":48,"attrs":240},{"href":241,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":243,"type":34},"anmelden.",{"_uid":245,"messages":246,"component":279,"background":280,"remove_padding":68,"is_verticalized":255},"2517b691-8590-46b2-b1a0-c989536a3b36",[247],{"_uid":248,"icon":16,"buttons":249,"content":260,"headline":267,"link_url":16,"metadata":274,"component":277,"icon_size":16,"link_label":16,"headline_heading":278},"1f7a4845-55d4-4520-b973-efe814118e45",[250],{"_uid":251,"href":16,"color":252,"label":253,"action":254,"new_tab":255,"outline":68,"alignment":16,"component":256,"text_link":255,"destination":257},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Abonnieren","action-modal",false,"element-button",{"id":16,"url":258,"linktype":97,"fieldtype":259,"cached_url":258},"subscribe","multilink",{"type":24,"content":261},[262],{"type":39,"attrs":263,"content":264},{"textAlign":30},[265],{"text":266,"type":34},"Wir benachrichtigen Sie, sobald neue Projekte verfügbar sind.",{"type":24,"content":268},[269],{"type":39,"attrs":270,"content":271},{"textAlign":30},[272],{"text":273,"type":34},"Erfahren Sie als Erster von neuen Projekten",{"_uid":275,"title":16,"plugin":276,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":281,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":282,"copyright":16,"fieldtype":283,"meta_data":284,"is_external_url":255},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":286,"body":287,"alignment":66,"component":67,"is_full_width":68},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":288},[289],{"type":39,"attrs":290,"content":291},{"textAlign":30},[292,294,301],{"text":293,"type":34},"Möchten Sie uns kontaktieren? Schreiben Sie uns eine E-Mail an ",{"text":295,"type":34,"marks":296},"labs@techsoft3d.com",[297],{"type":48,"attrs":298},{"href":295,"uuid":30,"anchor":30,"target":299,"linktype":300},"_self","email",{"text":167,"type":34},"columns",{"id":258,"_uid":304,"items":305,"component":311},"ca556064-0fa5-4110-8395-86e3f005ea32",[306],{"id":307,"_uid":308,"component":309,"business_unit":310},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-16 00:00",[314],{"_uid":315,"source":316,"component":369},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":317,"created_at":318,"published_at":319,"updated_at":320,"id":321,"uuid":322,"content":323,"slug":360,"full_slug":361,"sort_by_date":30,"position":362,"tag_list":363,"is_startpage":255,"parent_id":364,"meta_data":30,"group_id":365,"first_published_at":366,"release_id":30,"lang":367,"path":30,"alternates":368,"default_full_slug":30,"translated_slugs":30,"_stopResolving":68},"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":324,"items":325,"component":359},"8915070e-32eb-476d-b215-1c92ebdad15c",[326,341],{"_uid":327,"left_nav":16,"messages":328,"component":340,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[329,335],{"_uid":330,"icon":331,"link":332,"target":16,"message":333,"component":334},"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":336,"icon":337,"link":338,"target":16,"message":339,"component":334},"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":342,"menu":343,"component":358,"has_notice":68},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[344,349,352,355],{"url":345,"_uid":346,"label":347,"new_tab":255,"component":348},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":345,"_uid":350,"label":351,"new_tab":255,"component":348,"style_as_button":255},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":345,"_uid":353,"label":354,"new_tab":255,"component":348,"style_as_button":255},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":345,"_uid":356,"label":357,"new_tab":255,"component":348,"style_as_button":68},"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":371},[372],{"type":39,"attrs":373,"content":374},{"textAlign":30},[375],{"text":376,"type":34},"Diese Demo zeigt, wie HOOPS Visualize for Web (ehemals HOOPS Communicator) genutzt werden kann, um eine animierte Bautimeline für die AEC- und BIM-Branche zu erstellen.","Wohngebäude-Demo",[],[380,381],"digitalConstruction","hoopsVisualize",{"_uid":383,"title":384,"plugin":276,"description":385},"26e77088-18a3-43a7-a67f-572db706007d","Apartment Building Demo | Tech Soft 3D Labs","This demo shows how HOOPS Visualize for Web can be used to create an animated building timeline for the AEC and BIM industry.","lab",{"id":16,"url":388,"linktype":97,"fieldtype":259,"cached_url":388},"https://apartment-building-architecture-docker.techsoft3d.com/",{"id":390,"alt":391,"name":16,"focus":16,"title":392,"source":16,"filename":393,"copyright":16,"fieldtype":283,"meta_data":394,"is_external_url":255},153106964032401,"3D model of an apartment building from a Tech Soft 3D demo","Apartment Building 3D Model","https://a-us.storyblok.com/f/1023536/447x298/452e042753/apartment-building-demo.webp",{"alt":391,"title":392,"source":16,"copyright":16},{"id":16,"url":396,"linktype":97,"fieldtype":259,"cached_url":396},"https://github.com/techsoft3d/Apartment-Building-Architecture-Docker","Freitag, 16. Juni 2023",{"id":390,"alt":391,"name":16,"focus":16,"title":392,"source":16,"filename":393,"copyright":16,"fieldtype":283,"meta_data":399,"is_external_url":255},{"alt":391,"title":392,"source":16,"copyright":16},"apartment-building-demo","de/developers/labs/apartment-building-demo",-40,[],99359039112762,"477b749f-3037-4f66-8c3c-3fa250f853cc","2026-04-03T18:44:16.220Z",[],1777045065,[410],{"name":317,"created_at":318,"published_at":319,"updated_at":320,"id":321,"uuid":322,"content":411,"slug":360,"full_slug":361,"sort_by_date":30,"position":362,"tag_list":423,"is_startpage":255,"parent_id":364,"meta_data":30,"group_id":365,"first_published_at":366,"release_id":30,"lang":367,"path":30,"alternates":424,"default_full_slug":30,"translated_slugs":30},{"_uid":324,"items":412,"component":359},[413,417],{"_uid":327,"left_nav":16,"messages":414,"component":340,"right_nav":16},[415,416],{"_uid":330,"icon":331,"link":332,"target":16,"message":333,"component":334},{"_uid":336,"icon":337,"link":338,"target":16,"message":339,"component":334},{"_uid":342,"menu":418,"component":358,"has_notice":68},[419,420,421,422],{"url":345,"_uid":346,"label":347,"new_tab":255,"component":348},{"url":345,"_uid":350,"label":351,"new_tab":255,"component":348,"style_as_button":255},{"url":345,"_uid":353,"label":354,"new_tab":255,"component":348,"style_as_button":255},{"url":345,"_uid":356,"label":357,"new_tab":255,"component":348,"style_as_button":68},[],[],[],{"age":427,"cache-control":428,"connection":429,"content-encoding":430,"content-type":431,"date":432,"etag":433,"referrer-policy":434,"sb-be-version":435,"server":436,"strict-transport-security":437,"transfer-encoding":438,"vary":439,"via":440,"x-amz-cf-id":441,"x-amz-cf-pop":442,"x-cache":443,"x-content-type-options":444,"x-frame-options":445,"x-permitted-cross-domain-policies":446,"x-request-id":447,"x-runtime":448,"x-xss-protection":449},"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:59 GMT","W/\"56934eb4d023cf35f21306bb4e911f5b\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 73d950088eb80144c19eb610e296d014.cloudfront.net (CloudFront)","3p_23PZWn4acSWqkYLgWAWVCoiTbDRA4--DVnM4ojacsIvYSmQpB3Q==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","c836d09e-033f-4050-af0a-5dec592539a0","0.044194","0",1777221664262]