[{"data":1,"prerenderedAt":396},["ShallowReactive",2],{"{\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/collaborator-demo":3},{"data":4,"headers":373},{"story":5,"cv":355,"rels":356,"links":372},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":347,"full_slug":348,"sort_by_date":30,"position":349,"tag_list":350,"is_startpage":199,"parent_id":351,"meta_data":30,"group_id":352,"first_published_at":353,"release_id":30,"lang":310,"path":30,"alternates":354,"default_full_slug":30,"translated_slugs":30},"Collaborator Demo","2026-03-23T19:45:48.783Z","2026-04-23T12:28:57.636Z","2026-04-23T12:28:57.658Z",158128327867478,"a7291551-5b19-4ad2-9738-98f5ee4421cf",{"_uid":13,"body":14,"date":255,"fold":256,"intro":313,"title":6,"gallery":326,"category":327,"metadata":329,"component":333,"demo_link":334,"thumbnail":336,"github_link":342,"last_updated":344,"open_graph_image":345,"include_open_graph":63,"block_search_engines":199},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,246],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":245,"remove_padding":63},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,64,75,79,154,188,229],{"_uid":22,"body":23,"alignment":61,"component":62,"is_full_width":63},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"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 shows how ",{"text":45,"type":34,"marks":46},"HOOPS Visualize",[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","_self","story",{"text":55,"type":34}," for Web (formerly HOOPS Communicator) can be used to create a collaborative screen mirror application for viewing 3D engineering data. This demo monitors how many users are connected to it at one time and uses Socket.io to manage the screens of active users of the demo. Through Socket.io the view is mirrored across all screens connected no matter how the model or environment is changed by any of the users.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"You can operate this demo by navigating to the demo url on two or more different screens. These two screens can be on the same device or multiple devices. Once the demo is opened on multiple screens you should notice that the model looks exactly the same on each. You can then begin to manipulate the model on one of the screen, and you should see the same action being taken on the opposite screen. This is true for all interactions with the demo including rendering changes, markup, explosions, isolations, etc.","align-left","copy",true,{"_uid":65,"body":66,"alignment":61,"component":62,"is_full_width":63},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":67},[68],{"type":27,"attrs":69,"content":70},{"level":29,"textAlign":30},[71],{"text":72,"type":34,"marks":73},"Demo Walkthrough",[74],{"type":37},{"_uid":76,"code":77,"component":78},"6d1ac756-634d-401a-bc7c-4bf015dd38b7","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/X-48jAOQ7PA?si=Q1KpIhLW_OPEXEY1\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":80,"body":81,"alignment":61,"component":62,"is_full_width":63},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":82},[83,95],{"type":27,"attrs":84,"content":85},{"level":29,"textAlign":30},[86,88],{"text":87,"type":34},"Learn more about ",{"text":89,"type":34,"marks":90},"HOOPS Visualize for Web (formerly HOOPS Communicator)",[91],{"type":48,"attrs":92},{"href":93,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://www.techsoft3d.com/products/hoops/communicator","url",{"type":96,"content":97},"bullet_list",[98,114,128,141],{"type":99,"content":100},"list_item",[101],{"type":39,"attrs":102,"content":103},{"textAlign":30},[104,106,112],{"text":105,"type":34},"Reference the HOOPS Visualize for web (formerly HOOPS Communicator) ",{"text":107,"type":34,"marks":108},"Documentation",[109],{"type":48,"attrs":110},{"href":111,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://docs.techsoft3d.com/communicator/latest/",{"text":113,"type":34},".",{"type":99,"content":115},[116],{"type":39,"attrs":117,"content":118},{"textAlign":30},[119,121,127],{"text":120,"type":34},"Sign up for a free ",{"text":122,"type":34,"marks":123},"evaluation",[124],{"type":48,"attrs":125},{"href":126,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://manage.techsoft3d.com/signup?product=communicator",{"text":113,"type":34},{"type":99,"content":129},[130],{"type":39,"attrs":131,"content":132},{"textAlign":30},[133,135],{"text":134,"type":34},"Jump straight into coding with the ",{"text":136,"type":34,"marks":137},"3D Sandbox",[138],{"type":48,"attrs":139},{"href":140,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://3dsandbox.techsoft3d.com/",{"type":99,"content":142},[143],{"type":39,"attrs":144,"content":145},{"textAlign":30},[146,148],{"text":147,"type":34},"Join our ",{"text":149,"type":34,"marks":150},"Community Forum",[151],{"type":48,"attrs":152},{"href":153,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://forum.techsoft3d.com/",{"_uid":155,"body":156,"alignment":61,"component":62,"is_full_width":63},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":157},[158,165,177],{"type":27,"attrs":159,"content":160},{"level":29,"textAlign":30},[161],{"text":162,"type":34,"marks":163},"Questions or Feedback?",[164],{"type":37},{"type":39,"attrs":166,"content":167},{"textAlign":30},[168,170,176],{"text":169,"type":34},"We are looking for feedback and how this toolkit can be improved to meet your needs! Please connect in our ",{"text":171,"type":34,"marks":172},"forum",[173],{"type":48,"attrs":174},{"href":153,"uuid":30,"anchor":30,"target":175,"linktype":94},"_blank",{"text":113,"type":34},{"type":39,"attrs":178,"content":179},{"textAlign":30},[180,182],{"text":181,"type":34},"You can also sign-up for a 60-day trial of ",{"text":183,"type":34,"marks":184},"HOOPS Visualize. ",[185],{"type":48,"attrs":186},{"href":187,"uuid":30,"anchor":30,"target":52,"linktype":94},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":189,"messages":190,"component":223,"background":224,"remove_padding":63,"is_verticalized":199},"2517b691-8590-46b2-b1a0-c989536a3b36",[191],{"_uid":192,"icon":16,"buttons":193,"content":204,"headline":211,"link_url":16,"metadata":218,"component":221,"icon_size":16,"link_label":16,"headline_heading":222},"1f7a4845-55d4-4520-b973-efe814118e45",[194],{"_uid":195,"href":16,"color":196,"label":197,"action":198,"new_tab":199,"outline":63,"alignment":16,"component":200,"text_link":199,"destination":201},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Subscribe","action-modal",false,"element-button",{"id":16,"url":202,"linktype":94,"fieldtype":203,"cached_url":202},"subscribe","multilink",{"type":24,"content":205},[206],{"type":39,"attrs":207,"content":208},{"textAlign":30},[209],{"text":210,"type":34},"We’ll notify you as soon as new projects are available.",{"type":24,"content":212},[213],{"type":39,"attrs":214,"content":215},{"textAlign":30},[216],{"text":217,"type":34},"Be the first to know about new projects",{"_uid":219,"title":16,"plugin":220,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":225,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":226,"copyright":16,"fieldtype":227,"meta_data":228,"is_external_url":199},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":230,"body":231,"alignment":61,"component":62,"is_full_width":63},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":232},[233],{"type":39,"attrs":234,"content":235},{"textAlign":30},[236,238,244],{"text":237,"type":34},"Need to contact us? Email us at ",{"text":239,"type":34,"marks":240},"labs@techsoft3d.com",[241],{"type":48,"attrs":242},{"href":239,"uuid":30,"anchor":30,"target":52,"linktype":243},"email",{"text":113,"type":34},"columns",{"id":202,"_uid":247,"items":248,"component":254},"ca556064-0fa5-4110-8395-86e3f005ea32",[249],{"id":250,"_uid":251,"component":252,"business_unit":253},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-26 00:00",[257],{"_uid":258,"source":259,"component":312},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":260,"created_at":261,"published_at":262,"updated_at":263,"id":264,"uuid":265,"content":266,"slug":303,"full_slug":304,"sort_by_date":30,"position":305,"tag_list":306,"is_startpage":199,"parent_id":307,"meta_data":30,"group_id":308,"first_published_at":309,"release_id":30,"lang":310,"path":30,"alternates":311,"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":267,"items":268,"component":302},"8915070e-32eb-476d-b215-1c92ebdad15c",[269,284],{"_uid":270,"left_nav":16,"messages":271,"component":283,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[272,278],{"_uid":273,"icon":274,"link":275,"target":16,"message":276,"component":277},"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":279,"icon":280,"link":281,"target":16,"message":282,"component":277},"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":285,"menu":286,"component":301,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[287,292,295,298],{"url":288,"_uid":289,"label":290,"new_tab":199,"component":291},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":288,"_uid":293,"label":294,"new_tab":199,"component":291,"style_as_button":199},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":288,"_uid":296,"label":297,"new_tab":199,"component":291,"style_as_button":199},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":288,"_uid":299,"label":300,"new_tab":199,"component":291,"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":314},[315],{"type":39,"attrs":316,"content":317},{"textAlign":30},[318,319,324],{"text":43,"type":34},{"text":320,"type":34,"marks":321},"HOOPS Visualize for Web",[322],{"type":48,"attrs":323},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":325,"type":34}," (formerly HOOPS Communicator) can be used to create a collaborative screen mirror application for viewing 3D engineering data.",[],[328],"hoopsVisualize",{"_uid":330,"title":331,"plugin":220,"description":332},"ef81fa59-d8da-447b-bb99-bd7fb7f72b3c","Collaborator Demo | Tech Soft 3D Labs","This demo shows how HOOPS Visualize for Web can be used to create a collaborative screen mirror application for viewing 3D engineering data.","lab",{"id":16,"url":335,"linktype":94,"fieldtype":203,"cached_url":335},"https://collaborator-docker.techsoft3d.com/",{"id":337,"alt":338,"name":16,"focus":16,"title":339,"source":16,"filename":340,"copyright":16,"fieldtype":227,"meta_data":341,"is_external_url":199},160845471975344,"3D model of motorcycle for HOOPS Visualize Collaborator Demo","Collaborator Demo Motorcycle","https://a-us.storyblok.com/f/1023536/1920x1080/8ae8878142/collaborator-demo-motorbike.jpg",{"alt":338,"title":339,"source":16,"copyright":16},{"id":16,"url":343,"linktype":94,"fieldtype":203,"cached_url":343},"https://github.com/techsoft3d/Collaborator","Monday, June 26, 2023",{"id":337,"alt":338,"name":16,"focus":16,"title":339,"source":16,"filename":340,"copyright":16,"fieldtype":227,"meta_data":346,"is_external_url":199},{"alt":338,"title":339,"source":16,"copyright":16},"collaborator-demo","developers/labs/collaborator-demo",-70,[],99359039112762,"002c98af-96eb-4cd5-819d-bad5a04dae0f","2026-04-03T18:44:15.445Z",[],1776956007,[357],{"name":260,"created_at":261,"published_at":262,"updated_at":263,"id":264,"uuid":265,"content":358,"slug":303,"full_slug":304,"sort_by_date":30,"position":305,"tag_list":370,"is_startpage":199,"parent_id":307,"meta_data":30,"group_id":308,"first_published_at":309,"release_id":30,"lang":310,"path":30,"alternates":371,"default_full_slug":30,"translated_slugs":30},{"_uid":267,"items":359,"component":302},[360,364],{"_uid":270,"left_nav":16,"messages":361,"component":283,"right_nav":16},[362,363],{"_uid":273,"icon":274,"link":275,"target":16,"message":276,"component":277},{"_uid":279,"icon":280,"link":281,"target":16,"message":282,"component":277},{"_uid":285,"menu":365,"component":301,"has_notice":63},[366,367,368,369],{"url":288,"_uid":289,"label":290,"new_tab":199,"component":291},{"url":288,"_uid":293,"label":294,"new_tab":199,"component":291,"style_as_button":199},{"url":288,"_uid":296,"label":297,"new_tab":199,"component":291,"style_as_button":199},{"url":288,"_uid":299,"label":300,"new_tab":199,"component":291,"style_as_button":63},[],[],[],{"cache-control":374,"connection":375,"content-encoding":376,"content-type":377,"date":378,"etag":379,"referrer-policy":380,"sb-be-version":381,"server":382,"strict-transport-security":383,"transfer-encoding":384,"vary":385,"via":386,"x-amz-cf-id":387,"x-amz-cf-pop":388,"x-cache":389,"x-content-type-options":390,"x-frame-options":391,"x-permitted-cross-domain-policies":392,"x-request-id":393,"x-runtime":394,"x-xss-protection":395},"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:03 GMT","W/\"7129be396737446b8c748adee1b5bef9\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 9bbb207d06004a8ab2afec5e595e7b86.cloudfront.net (CloudFront)","OJ8JRa1r0QN0t-VEboDuQB1LKD8GObp1mx0JvVxLLACkerlactLEAg==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","02158219-21a4-42eb-b8c1-5a681c40cf1a","0.021936","0",1776956043464]