[{"data":1,"prerenderedAt":446},["ShallowReactive",2],{"{\"language\":\"es\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/work-procedure":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":247,"parent_id":401,"meta_data":30,"group_id":402,"first_published_at":403,"release_id":30,"lang":358,"path":30,"alternates":404,"default_full_slug":30,"translated_slugs":30},"Work Procedure","2026-03-24T14:38:25.775Z","2026-04-08T12:27:11.336Z","2026-04-08T12:27:11.357Z",158406679769518,"36a2e89e-41e0-44d0-802a-7b50d73125f5",{"_uid":13,"body":14,"date":303,"fold":304,"intro":361,"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":78,"block_search_engines":247},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,294],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":293,"remove_padding":78},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,79,83,97,201,236,277],{"_uid":22,"body":23,"alignment":76,"component":77,"is_full_width":78},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38],{"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,49,59,64,71],{"text":43,"type":34,"marks":44},"This demo web application showcases HOOPS Visualize and HOOPS Exchange. ",[45],{"type":46,"attrs":47},"textStyle",{"color":48},"#5C5C5C",{"text":50,"type":34,"marks":51},"HOOPS Exchange",[52],{"type":53,"attrs":54},"link",{"href":55,"uuid":56,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":60,"type":34,"marks":61}," has been used to read and convert an automobile door, interior panel, armrest, and window switch into a lightweight streaming form. ",[62],{"type":46,"attrs":63},{"color":48},{"text":65,"type":34,"marks":66},"HOOPS Visualize for Web",[67],{"type":53,"attrs":68},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":72,"type":34,"marks":73}," (formerly HOOPS Communicator) displays the CAD data in a 3D viewer as part of a thin client application. The front-end component library provides unique styling of the application.",[74],{"type":46,"attrs":75},{"color":48},"align-left","copy",true,{"_uid":80,"code":81,"component":82},"cc2f7021-299c-42a2-9acc-ce51fb5788eb","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/pLyDNLDJDtM?si=ye8yGQIIcbFMU1To\" 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":84,"body":85,"alignment":76,"component":77,"is_full_width":78},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":86},[87,92],{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"Automatic highlighting within the main 3D viewer forces the display of individual parts into a second 3D view for inspection. Metadata about that part, possibly from both the CAD model or an external database, like price, can be linked to a unique ID and displayed.",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"Because of HOOPS Visualize for Web's (formerly HOOPS Communicator) powerful JavaScript API, we can programmatically create an animation that shows disassembly and reassembly of the door, including detailed zoomed views. We can change the view, add redline markup, and change the visibility and opacity of objects.",{"_uid":98,"body":99,"alignment":76,"component":77,"is_full_width":78},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":100},[101,108,124,144],{"type":27,"attrs":102,"content":103},{"level":29,"textAlign":30},[104],{"text":105,"type":34,"marks":106},"Explore HOOPS Visualise for Web",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,115,120],{"text":112,"type":34,"marks":113},"This demo was created using ",[114],{"type":37},{"text":65,"type":34,"marks":116},[117,119],{"type":53,"attrs":118},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"type":37},{"text":121,"type":34,"marks":122}," (formerly HOOPS Communicator).",[123],{"type":37},{"type":125,"content":126},"bullet_list",[127],{"type":128,"content":129},"list_item",[130],{"type":39,"attrs":131,"content":132},{"textAlign":30},[133,135,142],{"text":134,"type":34},"Try this ",{"text":136,"type":34,"marks":137},"Building a Basic Application",[138],{"type":53,"attrs":139},{"href":140,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://docs.techsoft3d.com/communicator/latest/tutorials/basic-app/introduction.html","url",{"text":143,"type":34}," tutorial. The same concepts were used to build this demo.",{"type":125,"content":145},[146,161,175,188],{"type":128,"content":147},[148],{"type":39,"attrs":149,"content":150},{"textAlign":30},[151,153,159],{"text":152,"type":34},"Reference the HOOPS Visualize for Web (formerly HOOPS Communicator) ",{"text":154,"type":34,"marks":155},"Documentation",[156],{"type":53,"attrs":157},{"href":158,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://docs.techsoft3d.com/communicator/latest/",{"text":160,"type":34},".",{"type":128,"content":162},[163],{"type":39,"attrs":164,"content":165},{"textAlign":30},[166,168,174],{"text":167,"type":34},"Sign up for a free ",{"text":169,"type":34,"marks":170},"evaluation",[171],{"type":53,"attrs":172},{"href":173,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://manage.techsoft3d.com/signup?product=communicator",{"text":160,"type":34},{"type":128,"content":176},[177],{"type":39,"attrs":178,"content":179},{"textAlign":30},[180,182],{"text":181,"type":34},"Jump straight into coding with the ",{"text":183,"type":34,"marks":184},"3D Sandbox",[185],{"type":53,"attrs":186},{"href":187,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://3dsandbox.techsoft3d.com/",{"type":128,"content":189},[190],{"type":39,"attrs":191,"content":192},{"textAlign":30},[193,195],{"text":194,"type":34},"Join our ",{"text":196,"type":34,"marks":197},"Community Forum",[198],{"type":53,"attrs":199},{"href":200,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://forum.techsoft3d.com/",{"_uid":202,"body":203,"alignment":76,"component":77,"is_full_width":78},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":204},[205,212,224],{"type":27,"attrs":206,"content":207},{"level":29,"textAlign":30},[208],{"text":209,"type":34,"marks":210},"Questions or Feedback?",[211],{"type":37},{"type":39,"attrs":213,"content":214},{"textAlign":30},[215,217,223],{"text":216,"type":34},"We are looking for feedback and how this toolkit can be improved to meet your needs! Please connect in our ",{"text":218,"type":34,"marks":219},"forum",[220],{"type":53,"attrs":221},{"href":200,"uuid":30,"anchor":30,"target":222,"linktype":141},"_blank",{"text":160,"type":34},{"type":39,"attrs":225,"content":226},{"textAlign":30},[227,229,235],{"text":228,"type":34},"You can also sign-up for a 60-day trial of the ",{"text":230,"type":34,"marks":231},"HOOPS Web Platform",[232],{"type":53,"attrs":233},{"href":234,"uuid":30,"anchor":30,"target":222,"linktype":141},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":160,"type":34},{"_uid":237,"messages":238,"component":271,"background":272,"remove_padding":78,"is_verticalized":247},"2517b691-8590-46b2-b1a0-c989536a3b36",[239],{"_uid":240,"icon":16,"buttons":241,"content":252,"headline":259,"link_url":16,"metadata":266,"component":269,"icon_size":16,"link_label":16,"headline_heading":270},"1f7a4845-55d4-4520-b973-efe814118e45",[242],{"_uid":243,"href":16,"color":244,"label":245,"action":246,"new_tab":247,"outline":78,"alignment":16,"component":248,"text_link":247,"destination":249},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Subscribe","action-modal",false,"element-button",{"id":16,"url":250,"linktype":141,"fieldtype":251,"cached_url":250},"subscribe","multilink",{"type":24,"content":253},[254],{"type":39,"attrs":255,"content":256},{"textAlign":30},[257],{"text":258,"type":34},"We’ll notify you as soon as new projects are available.",{"type":24,"content":260},[261],{"type":39,"attrs":262,"content":263},{"textAlign":30},[264],{"text":265,"type":34},"Be the first to know about new projects",{"_uid":267,"title":16,"plugin":268,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":273,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":274,"copyright":16,"fieldtype":275,"meta_data":276,"is_external_url":247},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":278,"body":279,"alignment":76,"component":77,"is_full_width":78},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":280},[281],{"type":39,"attrs":282,"content":283},{"textAlign":30},[284,286,292],{"text":285,"type":34},"Need to contact us? Email us at ",{"text":287,"type":34,"marks":288},"labs@techsoft3d.com",[289],{"type":53,"attrs":290},{"href":287,"uuid":30,"anchor":30,"target":57,"linktype":291},"email",{"text":160,"type":34},"columns",{"id":250,"_uid":295,"items":296,"component":302},"ca556064-0fa5-4110-8395-86e3f005ea32",[297],{"id":298,"_uid":299,"component":300,"business_unit":301},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-03-31 00:00",[305],{"_uid":306,"source":307,"component":360},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":308,"created_at":309,"published_at":310,"updated_at":311,"id":312,"uuid":313,"content":314,"slug":351,"full_slug":352,"sort_by_date":30,"position":353,"tag_list":354,"is_startpage":247,"parent_id":355,"meta_data":30,"group_id":356,"first_published_at":357,"release_id":30,"lang":358,"path":30,"alternates":359,"default_full_slug":30,"translated_slugs":30,"_stopResolving":78},"Main Navigation","2025-04-09T14:04:01.876Z","2026-03-10T15:15:52.184Z","2026-03-10T15:15:52.242Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":315,"items":316,"component":350},"8915070e-32eb-476d-b215-1c92ebdad15c",[317,332],{"_uid":318,"left_nav":16,"messages":319,"component":331,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[320,326],{"_uid":321,"icon":322,"link":323,"target":16,"message":324,"component":325},"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":327,"icon":328,"link":329,"target":16,"message":330,"component":325},"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":333,"menu":334,"component":349,"has_notice":78},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[335,340,343,346],{"url":336,"_uid":337,"label":338,"new_tab":247,"component":339},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":336,"_uid":341,"label":342,"new_tab":247,"component":339,"style_as_button":247},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":336,"_uid":344,"label":345,"new_tab":247,"component":339,"style_as_button":247},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":336,"_uid":347,"label":348,"new_tab":247,"component":339,"style_as_button":78},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","es/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","es",[],"reference",{"type":24,"content":362},[363],{"type":39,"attrs":364,"content":365},{"textAlign":30},[366,368,373],{"text":367,"type":34},"This demo showcases ",{"text":369,"type":34,"marks":370},"HOOPS Visualize",[371],{"type":53,"attrs":372},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"text":374,"type":34}," for Web's (formerly HOOPS Communicator) powerful JavaScript API, by programmatically creating an animation. ",[],[377,378],"hoopsExchange","hoopsVisualize",{"_uid":380,"title":381,"plugin":268,"description":382},"b6993488-c249-4b5e-8398-4f65831a77fc","Work Procedure | Tech Soft 3D Labs","This demo showcases HOOPS Visualize for Web's powerful JavaScript API, by programmatically creating an animation.","lab",{"id":16,"url":385,"linktype":141,"fieldtype":251,"cached_url":385},"https://techsoft3d.github.io/work-procedure/?_gl=1*hjeini*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQzNjA5MzkkbzIxNyRnMSR0MTc3NDM2MzM2NSRqNjAkbDAkaDE1Mjk0NzA1NzM.",{"id":387,"alt":388,"name":16,"focus":16,"title":389,"source":16,"filename":390,"copyright":16,"fieldtype":275,"meta_data":391,"is_external_url":247},160841456215977,"A 3D model of a car door with individual animated parts","Work Procedure Demo","https://a-us.storyblok.com/f/1023536/1920x1080/953bc01dab/work-procedure-demo.jpg",{"alt":388,"title":389,"source":16,"copyright":16},{"id":16,"url":393,"linktype":141,"fieldtype":251,"cached_url":393},"https://github.com/techsoft3d/work-procedure","March 31, 2026",{"id":387,"alt":388,"name":16,"focus":16,"title":389,"source":16,"filename":390,"copyright":16,"fieldtype":275,"meta_data":396,"is_external_url":247},{"alt":388,"title":389,"source":16,"copyright":16},"work-procedure","es/developers/labs/work-procedure",-130,[],99359039112762,"38f6dd5b-cf79-4be7-ad70-98c73058e302","2026-04-03T18:44:13.941Z",[],1775830851,[407],{"name":308,"created_at":309,"published_at":310,"updated_at":311,"id":312,"uuid":313,"content":408,"slug":351,"full_slug":352,"sort_by_date":30,"position":353,"tag_list":420,"is_startpage":247,"parent_id":355,"meta_data":30,"group_id":356,"first_published_at":357,"release_id":30,"lang":358,"path":30,"alternates":421,"default_full_slug":30,"translated_slugs":30},{"_uid":315,"items":409,"component":350},[410,414],{"_uid":318,"left_nav":16,"messages":411,"component":331,"right_nav":16},[412,413],{"_uid":321,"icon":322,"link":323,"target":16,"message":324,"component":325},{"_uid":327,"icon":328,"link":329,"target":16,"message":330,"component":325},{"_uid":333,"menu":415,"component":349,"has_notice":78},[416,417,418,419],{"url":336,"_uid":337,"label":338,"new_tab":247,"component":339},{"url":336,"_uid":341,"label":342,"new_tab":247,"component":339,"style_as_button":247},{"url":336,"_uid":344,"label":345,"new_tab":247,"component":339,"style_as_button":247},{"url":336,"_uid":347,"label":348,"new_tab":247,"component":339,"style_as_button":78},[],[],[],{"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","Fri, 10 Apr 2026 14:21:57 GMT","W/\"a76ced38812d7c130718ef01f853b15e\"","strict-origin-when-cross-origin","5.711.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 c21bf80dbe01cc8e744c2cf80054bae4.cloudfront.net (CloudFront)","WjI_IjzeZLwohtFYzxma__neytUIlLgBzC7XcFyozE5fb_rVtAMY3g==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","83554e91-a38c-4919-8516-c29d784b9643","0.042962","0",1775830917229]