[{"data":1,"prerenderedAt":446},["ShallowReactive",2],{"{\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/apartment-building-demo":3},{"data":4,"headers":423},{"story":5,"cv":405,"rels":406,"links":422},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":397,"full_slug":398,"sort_by_date":30,"position":399,"tag_list":400,"is_startpage":253,"parent_id":401,"meta_data":30,"group_id":402,"first_published_at":403,"release_id":30,"lang":365,"path":30,"alternates":404,"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":310,"fold":311,"intro":368,"title":6,"gallery":375,"category":376,"metadata":379,"component":383,"demo_link":384,"thumbnail":386,"github_link":392,"last_updated":394,"open_graph_image":395,"include_open_graph":68,"block_search_engines":253},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,301],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":300,"remove_padding":68},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,69,124,208,242,283],{"_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},"Overview","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"This demo showcases how ",{"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}," (formerly HOOPS Communicator) can be used in the BIM space to show the progression of a building being constructed. Through HOOPS Visualize for Web, we can quickly and easily change the physical appearance attributes for an array of nodes in order to provide the 4D building animation that is shown in this demo.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"This demo not only shows HOOPS Visualize for Web's ability to handle and manipulate the appearance of very large models in the IFC space; it also shows its ability to handle large amounts of CAD metadata. In order for the timeline to work correctly in this demo, relationship data for each floor and subassembly must be imported into HOOPS Visualize for Web, and then used to manipulate the appearance of each node.",{"type":39,"attrs":62,"content":63},{"textAlign":30},[64],{"text":65,"type":34},"When starting this demo, you will notice a drop down arrow on the right side of the screen once the model loads. Click this drop down and you will be able to toggle between seeing the architectural or structural data for the model. Additionally, you can turn on and off the appearance of different floors or structural components depending on what is being viewed. Within the same menu, a timeline viewer checkbox can be enabled which will allow you to play the building timeline animation. Lastly, on the left hand side of the screen is a Views button which can be hovered over in order to easily navigate to different locations within the model. Use your keyboard arrows to walk around.","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},"How It Was Implemented",[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},"Set ",{"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},"Start the ",{"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},"Change node transparency ",{"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},"Explore HOOPS Visualize for Web",[134],{"type":37},{"type":39,"attrs":136,"content":137},{"textAlign":30},[138,142,147],{"text":139,"type":34,"marks":140},"This demo was created using ",[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}," (formerly 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},"Reference the HOOPS Visualize for Web (formerly HOOPS Communicator) ",{"text":161,"type":34,"marks":162},"Documentation",[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},"Sign up for a free ",{"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":167,"type":34},{"type":84,"content":183},[184],{"type":39,"attrs":185,"content":186},{"textAlign":30},[187,189],{"text":188,"type":34},"Jump straight into coding with the ",{"text":190,"type":34,"marks":191},"3D Sandbox",[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},"Join our ",{"text":203,"type":34,"marks":204},"Community Forum",[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,230],{"type":27,"attrs":213,"content":214},{"level":29,"textAlign":30},[215],{"text":216,"type":34,"marks":217},"Questions or Feedback?",[218],{"type":37},{"type":39,"attrs":220,"content":221},{"textAlign":30},[222,224,229],{"text":223,"type":34},"We are looking for feedback and how this toolkit can be improved to meet your needs! Please connect in our ",{"text":225,"type":34,"marks":226},"forum",[227],{"type":48,"attrs":228},{"href":207,"uuid":30,"anchor":30,"target":52,"linktype":97},{"text":167,"type":34},{"type":39,"attrs":231,"content":232},{"textAlign":30},[233,235,241],{"text":234,"type":34},"You can also sign-up for a 60-day trial of the ",{"text":236,"type":34,"marks":237},"HOOPS Web Platform",[238],{"type":48,"attrs":239},{"href":240,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":167,"type":34},{"_uid":243,"messages":244,"component":277,"background":278,"remove_padding":68,"is_verticalized":253},"2517b691-8590-46b2-b1a0-c989536a3b36",[245],{"_uid":246,"icon":16,"buttons":247,"content":258,"headline":265,"link_url":16,"metadata":272,"component":275,"icon_size":16,"link_label":16,"headline_heading":276},"1f7a4845-55d4-4520-b973-efe814118e45",[248],{"_uid":249,"href":16,"color":250,"label":251,"action":252,"new_tab":253,"outline":68,"alignment":16,"component":254,"text_link":253,"destination":255},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Subscribe","action-modal",false,"element-button",{"id":16,"url":256,"linktype":97,"fieldtype":257,"cached_url":256},"subscribe","multilink",{"type":24,"content":259},[260],{"type":39,"attrs":261,"content":262},{"textAlign":30},[263],{"text":264,"type":34},"We’ll notify you as soon as new projects are available.",{"type":24,"content":266},[267],{"type":39,"attrs":268,"content":269},{"textAlign":30},[270],{"text":271,"type":34},"Be the first to know about new projects",{"_uid":273,"title":16,"plugin":274,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":279,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":280,"copyright":16,"fieldtype":281,"meta_data":282,"is_external_url":253},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":284,"body":285,"alignment":66,"component":67,"is_full_width":68},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":286},[287],{"type":39,"attrs":288,"content":289},{"textAlign":30},[290,292,299],{"text":291,"type":34},"Need to contact us? Email us at ",{"text":293,"type":34,"marks":294},"labs@techsoft3d.com",[295],{"type":48,"attrs":296},{"href":293,"uuid":30,"anchor":30,"target":297,"linktype":298},"_self","email",{"text":167,"type":34},"columns",{"id":256,"_uid":302,"items":303,"component":309},"ca556064-0fa5-4110-8395-86e3f005ea32",[304],{"id":305,"_uid":306,"component":307,"business_unit":308},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-16 00:00",[312],{"_uid":313,"source":314,"component":367},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":315,"created_at":316,"published_at":317,"updated_at":318,"id":319,"uuid":320,"content":321,"slug":358,"full_slug":359,"sort_by_date":30,"position":360,"tag_list":361,"is_startpage":253,"parent_id":362,"meta_data":30,"group_id":363,"first_published_at":364,"release_id":30,"lang":365,"path":30,"alternates":366,"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":322,"items":323,"component":357},"8915070e-32eb-476d-b215-1c92ebdad15c",[324,339],{"_uid":325,"left_nav":16,"messages":326,"component":338,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[327,333],{"_uid":328,"icon":329,"link":330,"target":16,"message":331,"component":332},"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":334,"icon":335,"link":336,"target":16,"message":337,"component":332},"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":340,"menu":341,"component":356,"has_notice":68},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[342,347,350,353],{"url":343,"_uid":344,"label":345,"new_tab":253,"component":346},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":343,"_uid":348,"label":349,"new_tab":253,"component":346,"style_as_button":253},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":343,"_uid":351,"label":352,"new_tab":253,"component":346,"style_as_button":253},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":343,"_uid":354,"label":355,"new_tab":253,"component":346,"style_as_button":68},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","default",[],"reference",{"type":24,"content":369},[370],{"type":39,"attrs":371,"content":372},{"textAlign":30},[373],{"text":374,"type":34},"This demo shows how HOOPS Visualize for Web (formerly HOOPS Communicator) can be used to create an animated building timeline for the AEC and BIM industry.",[],[377,378],"digitalConstruction","hoopsVisualize",{"_uid":380,"title":381,"plugin":274,"description":382},"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":385,"linktype":97,"fieldtype":257,"cached_url":385},"https://apartment-building-architecture-docker.techsoft3d.com/",{"id":387,"alt":388,"name":16,"focus":16,"title":389,"source":16,"filename":390,"copyright":16,"fieldtype":281,"meta_data":391,"is_external_url":253},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":388,"title":389,"source":16,"copyright":16},{"id":16,"url":393,"linktype":97,"fieldtype":257,"cached_url":393},"https://github.com/techsoft3d/Apartment-Building-Architecture-Docker","Friday, June 16, 2023",{"id":387,"alt":388,"name":16,"focus":16,"title":389,"source":16,"filename":390,"copyright":16,"fieldtype":281,"meta_data":396,"is_external_url":253},{"alt":388,"title":389,"source":16,"copyright":16},"apartment-building-demo","developers/labs/apartment-building-demo",-40,[],99359039112762,"477b749f-3037-4f66-8c3c-3fa250f853cc","2026-04-03T18:44:16.220Z",[],1776956007,[407],{"name":315,"created_at":316,"published_at":317,"updated_at":318,"id":319,"uuid":320,"content":408,"slug":358,"full_slug":359,"sort_by_date":30,"position":360,"tag_list":420,"is_startpage":253,"parent_id":362,"meta_data":30,"group_id":363,"first_published_at":364,"release_id":30,"lang":365,"path":30,"alternates":421,"default_full_slug":30,"translated_slugs":30},{"_uid":322,"items":409,"component":357},[410,414],{"_uid":325,"left_nav":16,"messages":411,"component":338,"right_nav":16},[412,413],{"_uid":328,"icon":329,"link":330,"target":16,"message":331,"component":332},{"_uid":334,"icon":335,"link":336,"target":16,"message":337,"component":332},{"_uid":340,"menu":415,"component":356,"has_notice":68},[416,417,418,419],{"url":343,"_uid":344,"label":345,"new_tab":253,"component":346},{"url":343,"_uid":348,"label":349,"new_tab":253,"component":346,"style_as_button":253},{"url":343,"_uid":351,"label":352,"new_tab":253,"component":346,"style_as_button":253},{"url":343,"_uid":354,"label":355,"new_tab":253,"component":346,"style_as_button":68},[],[],[],{"cache-control":424,"connection":425,"content-encoding":426,"content-type":427,"date":428,"etag":429,"referrer-policy":430,"sb-be-version":431,"server":432,"strict-transport-security":433,"transfer-encoding":434,"vary":435,"via":436,"x-amz-cf-id":437,"x-amz-cf-pop":438,"x-cache":439,"x-content-type-options":440,"x-frame-options":441,"x-permitted-cross-domain-policies":442,"x-request-id":443,"x-runtime":444,"x-xss-protection":445},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Thu, 23 Apr 2026 14:54:04 GMT","W/\"2546d25a30bffd0975f0dcd8c8e56338\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 b7a454c5d7e9ad8ba2aca6a02bb25f14.cloudfront.net (CloudFront)","fNi3-HtKY8Qdhr8tbdwAFnySyDlcEQJhvREzdX3Hmdxr7LmWqSyA7A==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","5c17aa3d-6c62-47f2-a161-eadf25b52098","0.021141","0",1776956044161]