[{"data":1,"prerenderedAt":452},["ShallowReactive",2],{"{\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/mobile-aec-viewer":3},{"data":4,"headers":429},{"story":5,"cv":411,"rels":412,"links":428},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":403,"full_slug":404,"sort_by_date":30,"position":405,"tag_list":406,"is_startpage":123,"parent_id":407,"meta_data":30,"group_id":408,"first_published_at":409,"release_id":30,"lang":366,"path":30,"alternates":410,"default_full_slug":30,"translated_slugs":30},"Mobile AEC Viewer","2026-03-09T15:18:59.806Z","2026-04-23T12:28:58.572Z","2026-04-23T12:28:58.602Z",153108233566239,"aa5c1459-bc1a-4042-982f-ea5327aeb00d",{"_uid":13,"body":14,"date":311,"fold":312,"intro":369,"title":376,"gallery":377,"category":386,"metadata":388,"component":391,"demo_link":392,"thumbnail":394,"github_link":398,"last_updated":400,"open_graph_image":401,"include_open_graph":63,"block_search_engines":123},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,302],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":126,"remove_padding":63},"","7d8d5b34-9501-4f53-8220-a76bf31cfe98","column-one","width-full",[21,64,105,116,127,212,246,286],{"_uid":22,"body":23,"alignment":61,"component":62,"is_full_width":63},"b989bae4-64bd-41d7-bfd4-28b9b2933a49",{"type":24,"content":25},"doc",[26,38,56],{"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 uses a very common inspection workflow to illustrate 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 to create a browser based mobile CAD viewing application for the BIM industry. Once the app is opened, you can sync the application to a viewpoint in a real-world building. From there, you can pan and tilt your device to look around within the application. You can use the provided walk buttons within the demo to update your location as you walk around in a real-world building.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"You can also click on elements within the IFC model to show any metadata present. This metadata can be used to compare to any real-world objects that you may be viewing so that you can approve or reject the work. Additionally, you can take a picture of the real-world object and attach it to the approval/rejection to be viewed later. There are also a few predefined viewpoints within the app that can be used to easily cycle through different locations within the model, and also a 2D view to show you where you are in the building as you walk along. This building workflow demo is completely hypothetical and is just used to be an example of how HOOPS Visualize for Web could be used in a real-world inspection workflow.","align-left","copy",true,{"_uid":65,"body":66,"alignment":61,"component":62,"is_full_width":63},"417764ff-e6fc-4fba-a853-ca6cbde1cba2",{"type":24,"content":67},[68,75],{"type":27,"attrs":69,"content":70},{"level":29,"textAlign":30},[71],{"text":72,"type":34,"marks":73},"How It Was Implemented",[74],{"type":37},{"type":76,"content":77},"bullet_list",[78,93],{"type":79,"content":80},"list_item",[81],{"type":39,"attrs":82,"content":83},{"textAlign":30},[84,86],{"text":85,"type":34},"Detect if viewing on [mobile] the ",{"text":87,"type":34,"marks":88},"WebViewer",[89],{"type":48,"attrs":90},{"href":91,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/enum/Communicator.ScreenConfiguration.html?highlight=ScreenConfiguration","url",{"type":79,"content":94},[95],{"type":39,"attrs":96,"content":97},{"textAlign":30},[98,100],{"text":99,"type":34},"Start the ",{"text":87,"type":34,"marks":101},[102],{"type":48,"attrs":103},{"href":104,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"_uid":106,"body":107,"alignment":61,"component":62,"is_full_width":63},"a13c3392-16a2-48a4-97b5-7282a80b8ece",{"type":24,"content":108},[109],{"type":27,"attrs":110,"content":111},{"level":29,"textAlign":30},[112],{"text":113,"type":34,"marks":114},"How to Use (Demo Walkthrough Video)",[115],{"type":37},{"gap":16,"_uid":117,"align":16,"count":18,"width":118,"columns":119,"component":126,"remove_padding":63},"4856b2cc-b527-484c-b518-b636cf85bc1b","width-small",[120],{"_uid":121,"video":122,"is_full":123,"platform":124,"component":125,"aspect_ratio":16},"efea74d8-b9a4-4800-9a56-a813759e27f9","S163AR_rQCc",false,"youtube","element-video","columns",{"_uid":128,"body":129,"alignment":61,"component":62,"is_full_width":63},"4528fbe7-0d6e-4536-81b4-4891791b9c17",{"type":24,"content":130},[131,138,155],{"type":27,"attrs":132,"content":133},{"level":29,"textAlign":30},[134],{"text":135,"type":34,"marks":136},"Explore HOOPS Visualise for Web",[137],{"type":37},{"type":39,"attrs":139,"content":140},{"textAlign":30},[141,145,151],{"text":142,"type":34,"marks":143},"This demo was created using ",[144],{"type":37},{"text":45,"type":34,"marks":146},[147,150],{"type":48,"attrs":148},{"href":50,"uuid":51,"anchor":30,"target":149,"linktype":53},"_self",{"type":37},{"text":152,"type":34,"marks":153}," (formerly HOOPS Communicator).",[154],{"type":37},{"type":76,"content":156},[157,172,186,199],{"type":79,"content":158},[159],{"type":39,"attrs":160,"content":161},{"textAlign":30},[162,164,170],{"text":163,"type":34},"Reference the HOOPS Visualize for Web (formerly HOOPS Communicator) ",{"text":165,"type":34,"marks":166},"Documentation",[167],{"type":48,"attrs":168},{"href":169,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://docs.techsoft3d.com/communicator/latest/",{"text":171,"type":34},".",{"type":79,"content":173},[174],{"type":39,"attrs":175,"content":176},{"textAlign":30},[177,179,185],{"text":178,"type":34},"Sign up for a free ",{"text":180,"type":34,"marks":181},"evaluation",[182],{"type":48,"attrs":183},{"href":184,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://manage.techsoft3d.com/signup?product=communicator",{"text":171,"type":34},{"type":79,"content":187},[188],{"type":39,"attrs":189,"content":190},{"textAlign":30},[191,193],{"text":192,"type":34},"Jump straight into coding with the ",{"text":194,"type":34,"marks":195},"3D Sandbox",[196],{"type":48,"attrs":197},{"href":198,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://3dsandbox.techsoft3d.com/",{"type":79,"content":200},[201],{"type":39,"attrs":202,"content":203},{"textAlign":30},[204,206],{"text":205,"type":34},"Join our ",{"text":207,"type":34,"marks":208},"Community Forum",[209],{"type":48,"attrs":210},{"href":211,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://forum.techsoft3d.com/",{"_uid":213,"body":214,"alignment":61,"component":62,"is_full_width":63},"d044d050-b8d4-462f-b447-ad857eb3dd00",{"type":24,"content":215},[216,223,234],{"type":27,"attrs":217,"content":218},{"level":29,"textAlign":30},[219],{"text":220,"type":34,"marks":221},"Questions or Feedback?",[222],{"type":37},{"type":39,"attrs":224,"content":225},{"textAlign":30},[226,228,233],{"text":227,"type":34},"We are looking for feedback and how this toolkit can be improved to meet your needs! Please connect in our ",{"text":229,"type":34,"marks":230},"forum",[231],{"type":48,"attrs":232},{"href":211,"uuid":30,"anchor":30,"target":52,"linktype":92},{"text":171,"type":34},{"type":39,"attrs":235,"content":236},{"textAlign":30},[237,239,245],{"text":238,"type":34},"You can also sign-up for a 60-day trial of the ",{"text":240,"type":34,"marks":241},"HOOPS Web Platform",[242],{"type":48,"attrs":243},{"href":244,"uuid":30,"anchor":30,"target":52,"linktype":92},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":171,"type":34},{"_uid":247,"messages":248,"component":280,"background":281,"remove_padding":63,"is_verticalized":123},"744ffc7b-e5be-4b1a-97bb-578a922ab6a5",[249],{"_uid":250,"icon":16,"buttons":251,"content":261,"headline":268,"link_url":16,"metadata":275,"component":278,"icon_size":16,"link_label":16,"headline_heading":279},"895c648c-b8c3-4953-a690-6e71dd15bba1",[252],{"_uid":253,"href":16,"color":254,"label":255,"action":256,"new_tab":123,"outline":63,"alignment":16,"component":257,"text_link":123,"destination":258},"3f9e1f1c-9c3b-4ee5-b399-669acab8f58d","light","Subscribe","action-modal","element-button",{"id":16,"url":259,"linktype":92,"fieldtype":260,"cached_url":259},"subscribe","multilink",{"type":24,"content":262},[263],{"type":39,"attrs":264,"content":265},{"textAlign":30},[266],{"text":267,"type":34},"We’ll notify you as soon as new projects are available.",{"type":24,"content":269},[270],{"type":39,"attrs":271,"content":272},{"textAlign":30},[273],{"text":274,"type":34},"Be the first to know about new projects",{"_uid":276,"title":16,"plugin":277,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":282,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":283,"copyright":16,"fieldtype":284,"meta_data":285,"is_external_url":123},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":287,"body":288,"alignment":61,"component":62,"is_full_width":63},"1a88a65d-c0fb-4d4d-b5cc-e95b1640588e",{"type":24,"content":289},[290],{"type":39,"attrs":291,"content":292},{"textAlign":30},[293,295,301],{"text":294,"type":34},"Need to contact us? Email us at ",{"text":296,"type":34,"marks":297},"labs@techsoft3d.com",[298],{"type":48,"attrs":299},{"href":296,"uuid":30,"anchor":30,"target":149,"linktype":300},"email",{"text":171,"type":34},{"id":259,"_uid":303,"items":304,"component":310},"ca556064-0fa5-4110-8395-86e3f005ea32",[305],{"id":306,"_uid":307,"component":308,"business_unit":309},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-26 00:00",[313],{"_uid":314,"source":315,"component":368},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":316,"created_at":317,"published_at":318,"updated_at":319,"id":320,"uuid":321,"content":322,"slug":359,"full_slug":360,"sort_by_date":30,"position":361,"tag_list":362,"is_startpage":123,"parent_id":363,"meta_data":30,"group_id":364,"first_published_at":365,"release_id":30,"lang":366,"path":30,"alternates":367,"default_full_slug":30,"translated_slugs":30,"_stopResolving":63},"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":323,"items":324,"component":358},"8915070e-32eb-476d-b215-1c92ebdad15c",[325,340],{"_uid":326,"left_nav":16,"messages":327,"component":339,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[328,334],{"_uid":329,"icon":330,"link":331,"target":16,"message":332,"component":333},"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":335,"icon":336,"link":337,"target":16,"message":338,"component":333},"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":341,"menu":342,"component":357,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[343,348,351,354],{"url":344,"_uid":345,"label":346,"new_tab":123,"component":347},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":344,"_uid":349,"label":350,"new_tab":123,"component":347,"style_as_button":123},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":344,"_uid":352,"label":353,"new_tab":123,"component":347,"style_as_button":123},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":344,"_uid":355,"label":356,"new_tab":123,"component":347,"style_as_button":63},"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":370},[371],{"type":39,"attrs":372,"content":373},{"textAlign":30},[374],{"text":375,"type":34},"The Mobile AEC Viewer demo is an example of how a fully web based application can be used for a typical inspection workflow for the building and construction industry.","Mobile AEC Viewer Demo",[378,382],{"id":379,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":380,"copyright":16,"fieldtype":284,"meta_data":381},153109487700893,"https://a-us.storyblok.com/f/1023536/4500x3000/42edf4d4b1/mobile-aec-viewer-1.webp",{},{"id":383,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":384,"copyright":16,"fieldtype":284,"meta_data":385},153109487688604,"https://a-us.storyblok.com/f/1023536/4500x3000/84b67ecc34/mobile-aec-viewer-2.webp",{},[387],"hoopsVisualize",{"_uid":389,"title":390,"plugin":277,"description":375},"d865c835-6ff8-4df1-aa60-b156633d624e","Mobile AEC Viewer | Tech Soft 3D Labs","lab",{"id":16,"url":393,"linktype":92,"fieldtype":260,"cached_url":393},"https://techsoft3d.github.io/mobile-aec-viewer/",{"id":395,"alt":6,"name":16,"focus":16,"title":6,"source":16,"filename":396,"copyright":16,"fieldtype":284,"meta_data":397,"is_external_url":123},153108467948437,"https://a-us.storyblok.com/f/1023536/447x298/c8b11f0501/mobile-aec-viewer.webp",{"alt":6,"title":6,"source":16,"copyright":16},{"id":16,"url":399,"linktype":92,"fieldtype":260,"cached_url":399},"https://github.com/techsoft3d/mobile-aec-viewer","Monday, June 26, 2023",{"id":395,"alt":6,"name":16,"focus":16,"title":6,"source":16,"filename":396,"copyright":16,"fieldtype":284,"meta_data":402,"is_external_url":123},{"alt":6,"title":6,"source":16,"copyright":16},"mobile-aec-viewer","developers/labs/mobile-aec-viewer",-10,[],99359039112762,"ae71325c-b74c-480e-a02c-b140e395090b","2026-04-03T18:44:16.951Z",[],1776956007,[413],{"name":316,"created_at":317,"published_at":318,"updated_at":319,"id":320,"uuid":321,"content":414,"slug":359,"full_slug":360,"sort_by_date":30,"position":361,"tag_list":426,"is_startpage":123,"parent_id":363,"meta_data":30,"group_id":364,"first_published_at":365,"release_id":30,"lang":366,"path":30,"alternates":427,"default_full_slug":30,"translated_slugs":30},{"_uid":323,"items":415,"component":358},[416,420],{"_uid":326,"left_nav":16,"messages":417,"component":339,"right_nav":16},[418,419],{"_uid":329,"icon":330,"link":331,"target":16,"message":332,"component":333},{"_uid":335,"icon":336,"link":337,"target":16,"message":338,"component":333},{"_uid":341,"menu":421,"component":357,"has_notice":63},[422,423,424,425],{"url":344,"_uid":345,"label":346,"new_tab":123,"component":347},{"url":344,"_uid":349,"label":350,"new_tab":123,"component":347,"style_as_button":123},{"url":344,"_uid":352,"label":353,"new_tab":123,"component":347,"style_as_button":123},{"url":344,"_uid":355,"label":356,"new_tab":123,"component":347,"style_as_button":63},[],[],[],{"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},"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:05 GMT","W/\"44cb82e49b01907b7ae7b58dd13ecde2\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 57cb281e5423af1daf1086071d6858a4.cloudfront.net (CloudFront)","nyRqBCkvPlgnBRq4n-JIpptSqK47F8kFJGqM28nnHR0OfvWqZnsgeA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","057d42ae-6546-48e4-a647-3679f23504b0","0.040684","0",1776956045139]