[{"data":1,"prerenderedAt":455},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/apartment-building-demo":3},{"data":4,"headers":432},{"story":5,"cv":413,"rels":414,"links":431},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":405,"full_slug":406,"sort_by_date":30,"position":407,"tag_list":408,"is_startpage":255,"parent_id":409,"meta_data":30,"group_id":410,"first_published_at":411,"release_id":30,"lang":372,"path":30,"alternates":412,"default_full_slug":30,"translated_slugs":30},"Apartment Building Demo","2026-03-09T15:13:01.639Z","2026-10-10T22:14:46.250Z","2026-10-10T22:14:46.301Z",153106766530586,"2c8d45c9-b0af-469e-a7b3-bd56ba5b705f",{"_uid":13,"body":14,"date":312,"fold":313,"intro":375,"title":382,"gallery":383,"category":384,"metadata":387,"component":391,"demo_link":392,"thumbnail":394,"github_link":400,"last_updated":402,"open_graph_image":403,"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,208,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},"概述","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"此演示展示了如何使用 ",{"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}," （前称HOOPS Communicator）在BIM领域展示建筑施工进度。通过HOOPS Visualize for Web，我们可以快速轻松地更改一系列节点的物理外观属性，以提供本演示中所示的4D建筑动画。",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"此演示不仅展示了HOOPS Visualize for Web在IFC领域处理和操控大型模型外观的能力；还展示了其处理大量CAD元数据的能力。为了使本演示中的时间线正确工作，每层楼和子组件的关系数据必须导入 HOOPS Visualize for Web，然后用于操控每个节点的外观。",{"type":39,"attrs":62,"content":63},{"textAlign":30},[64],{"text":65,"type":34},"启动本演示时，您会注意到在模型加载后屏幕右侧有一个下拉箭头。点击此下拉箭头，您将能够在查看模型的建筑数据或结构数据之间进行切换。此外，您可以根据查看内容打开或关闭不同楼层或结构组件的外观。在同一菜单中，可以启用时间线查看器复选框，从而允许您播放建筑时间线动画。最后，屏幕左侧有一个视图按钮，可以鼠标悬停以便轻松导航到模型内的不同位置。使用键盘箭头键四处走动。","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},"如何实现",[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},"设置 ",{"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},"启动 ",{"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},"更改节点透明度 ",{"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},"探索 HOOPS Visualize for Web",[134],{"type":37},{"type":39,"attrs":136,"content":137},{"textAlign":30},[138,142,147],{"text":139,"type":34,"marks":140},"此演示使用 ",[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}," （前称HOOPS Communicator）创建。",[150],{"type":37},{"type":81,"content":152},[153,168,182,195],{"type":84,"content":154},[155],{"type":39,"attrs":156,"content":157},{"textAlign":30},[158,160,166],{"text":159,"type":34},"参考 HOOPS Visualize for Web（前称HOOPS Communicator） ",{"text":161,"type":34,"marks":162},"文档",[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},"注册免费 ",{"text":176,"type":34,"marks":177},"评估",[178],{"type":48,"attrs":179},{"href":180,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://manage.techsoft3d.com/signup?product=communicator",{"text":167,"type":34},{"type":84,"content":183},[184],{"type":39,"attrs":185,"content":186},{"textAlign":30},[187,189],{"text":188,"type":34},"与 ",{"text":190,"type":34,"marks":191},"3D 沙盒",[192],{"type":48,"attrs":193},{"href":194,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://3dsandbox.techsoft3d.com/",{"type":84,"content":196},[197],{"type":39,"attrs":198,"content":199},{"textAlign":30},[200,202],{"text":201,"type":34},"一起直接进入编码 ",{"text":203,"type":34,"marks":204},"加入我们的",[205],{"type":48,"attrs":206},{"href":207,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://forum.techsoft3d.com/",{"_uid":209,"body":210,"alignment":66,"component":67,"is_full_width":68},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":211},[212,219,231],{"type":27,"attrs":213,"content":214},{"level":29,"textAlign":30},[215],{"text":216,"type":34,"marks":217},"有疑问或反馈？",[218],{"type":37},{"type":39,"attrs":220,"content":221},{"textAlign":30},[222,224,229],{"text":223,"type":34},"我们正在寻找反馈，并探讨如何改进本工具包以满足您的需求！请在我们的 ",{"text":225,"type":34,"marks":226},"论坛",[227],{"type":48,"attrs":228},{"href":207,"uuid":30,"anchor":30,"target":52,"linktype":97},{"text":230,"type":34},"中联系。",{"type":39,"attrs":232,"content":233},{"textAlign":30},[234,236,242],{"text":235,"type":34},"您还可以注册 ",{"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},"的60天试用。",{"_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","订阅","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},"一旦有新项目可用，我们将通知您。",{"type":24,"content":268},[269],{"type":39,"attrs":270,"content":271},{"textAlign":30},[272],{"text":273,"type":34},"成为首位了解新项目的人",{"_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},"需要与我们联系？发送电子邮件至 ",{"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":374},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":317,"created_at":318,"published_at":319,"updated_at":320,"id":321,"uuid":322,"content":323,"slug":365,"full_slug":366,"sort_by_date":30,"position":367,"tag_list":368,"is_startpage":255,"parent_id":369,"meta_data":30,"group_id":370,"first_published_at":371,"release_id":30,"lang":372,"path":30,"alternates":373,"default_full_slug":30,"translated_slugs":30,"_stopResolving":68},"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":324,"items":325,"component":364},"8915070e-32eb-476d-b215-1c92ebdad15c",[326,346],{"_uid":327,"left_nav":16,"messages":328,"component":345,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[329,335,340],{"_uid":330,"icon":331,"link":332,"target":52,"message":333,"component":334},"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":336,"icon":337,"link":338,"target":52,"message":339,"component":334},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","注册参加我们即将举行的网络研讨会：了解 VNTANA 如何通过 HOOPS Exchange 利用 CAD 数据",{"_uid":341,"icon":342,"link":343,"target":16,"message":344,"component":334},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":347,"menu":348,"component":363,"has_notice":68},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[349,354,357,360],{"url":350,"_uid":351,"label":352,"new_tab":255,"component":353},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":350,"_uid":355,"label":356,"new_tab":255,"component":353,"style_as_button":255},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":350,"_uid":358,"label":359,"new_tab":255,"component":353,"style_as_button":255},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":350,"_uid":361,"label":362,"new_tab":255,"component":353,"style_as_button":68},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","支持","top","global","main-navigation","zh/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","zh",[],"reference",{"type":24,"content":376},[377],{"type":39,"attrs":378,"content":379},{"textAlign":30},[380],{"text":381,"type":34},"此演示展示了如何使用 HOOPS Visualize for Web（前称HOOPS Communicator）为AEC和BIM行业创建建筑动画时间线。","公寓建筑演示",[],[385,386],"digitalConstruction","hoopsVisualize",{"_uid":388,"title":389,"plugin":276,"description":390},"f2ce1a8e-421c-4f50-b3b7-5565aaf85cd6","公寓建筑演示 | Tech Soft 3D Labs","此演示展示了如何使用 HOOPS Visualize for Web 为 AEC 和 BIM 行业创建动画建筑时间线。","lab",{"id":16,"url":393,"linktype":97,"fieldtype":259,"cached_url":393},"https://apartment-building-architecture-docker.techsoft3d.com/",{"id":395,"alt":396,"name":16,"focus":16,"title":397,"source":16,"filename":398,"copyright":16,"fieldtype":283,"meta_data":399,"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":396,"title":397,"source":16,"copyright":16},{"id":16,"url":401,"linktype":97,"fieldtype":259,"cached_url":401},"https://github.com/techsoft3d/Apartment-Building-Architecture-Docker","星期五, 2023年6月16日",{"id":395,"alt":396,"name":16,"focus":16,"title":397,"source":16,"filename":398,"copyright":16,"fieldtype":283,"meta_data":404,"is_external_url":255},{"alt":396,"title":397,"source":16,"copyright":16},"apartment-building-demo","zh/developers/labs/apartment-building-demo",-40,[],99359039112762,"477b749f-3037-4f66-8c3c-3fa250f853cc","2026-04-03T18:44:16.220Z",[],1791995899,[415],{"name":317,"created_at":318,"published_at":319,"updated_at":320,"id":321,"uuid":322,"content":416,"slug":365,"full_slug":366,"sort_by_date":30,"position":367,"tag_list":429,"is_startpage":255,"parent_id":369,"meta_data":30,"group_id":370,"first_published_at":371,"release_id":30,"lang":372,"path":30,"alternates":430,"default_full_slug":30,"translated_slugs":30},{"_uid":324,"items":417,"component":364},[418,423],{"_uid":327,"left_nav":16,"messages":419,"component":345,"right_nav":16},[420,421,422],{"_uid":330,"icon":331,"link":332,"target":52,"message":333,"component":334},{"_uid":336,"icon":337,"link":338,"target":52,"message":339,"component":334},{"_uid":341,"icon":342,"link":343,"target":16,"message":344,"component":334},{"_uid":347,"menu":424,"component":363,"has_notice":68},[425,426,427,428],{"url":350,"_uid":351,"label":352,"new_tab":255,"component":353},{"url":350,"_uid":355,"label":356,"new_tab":255,"component":353,"style_as_button":255},{"url":350,"_uid":358,"label":359,"new_tab":255,"component":353,"style_as_button":255},{"url":350,"_uid":361,"label":362,"new_tab":255,"component":353,"style_as_button":68},[],[],[],{"cache-control":433,"connection":434,"content-encoding":435,"content-type":436,"date":437,"etag":438,"referrer-policy":439,"sb-be-version":440,"server":441,"strict-transport-security":442,"transfer-encoding":443,"vary":444,"via":445,"x-amz-cf-id":446,"x-amz-cf-pop":447,"x-cache":448,"x-content-type-options":449,"x-frame-options":450,"x-permitted-cross-domain-policies":451,"x-request-id":452,"x-runtime":453,"x-xss-protection":454},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:03:07 GMT","W/\"ab052648f871a7134e900929d5e22eb5\"","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)","WZN8Mc-ZtdJWhZfsqUHVKCUkZPjK7kcGCgadASSGonrEATz0UXyAqg==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","38a94f29-81ea-43f4-81cc-055ab4116f47","0.028495","0",1791997387176]