[{"data":1,"prerenderedAt":455},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/work-procedure":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":249,"parent_id":409,"meta_data":30,"group_id":410,"first_published_at":411,"release_id":30,"lang":365,"path":30,"alternates":412,"default_full_slug":30,"translated_slugs":30},"Work Procedure","2026-03-24T14:38:25.775Z","2026-10-10T22:15:41.487Z","2026-10-10T22:15:41.567Z",158406679769518,"36a2e89e-41e0-44d0-802a-7b50d73125f5",{"_uid":13,"body":14,"date":305,"fold":306,"intro":368,"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":78,"block_search_engines":249},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,296],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":295,"remove_padding":78},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,79,83,97,201,238,279],{"_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},"概述","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},"此演示 Web 应用程序展示了 HOOPS Visualize 和 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}," 被用于读取并转换汽车门、内饰板、扶手和车窗开关为轻量级流形态。 ",[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}," （前身为 HOOPS Communicator）在一个轻客户端应用程序中以3D查看器显示 CAD 数据。前端组件库提供了应用程序的独特样式。",[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},"主3D查看器内的自动高亮显示机制将单个零件强制显示至第二个3D视图中进行检查。关于该零件的元数据，可能来自 CAD 模型或外部数据库（如价格），可以链接到唯一 ID 并显示。",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"由于 HOOPS Visualize for Web（前身为 HOOPS Communicator）的强大 JavaScript API，我们可以通过编程创建一个显示门拆卸和重新组装的动画，其中包括详细的放大视图。我们可以更改视图、添加批注标记，并更改对象的可见性和不透明度。",{"_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},"探索 HOOPS Visualize for Web",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,115,120],{"text":112,"type":34,"marks":113},"这个演示使用了 ",[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}," （前身为 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},"尝试这个 ",{"text":136,"type":34,"marks":137},"构建基础应用程序",[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}," 教程。构建此演示使用了相同的概念。",{"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},"参考 HOOPS Visualize for Web（前身为 HOOPS Communicator）的 ",{"text":154,"type":34,"marks":155},"文档",[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},"注册获取免费 ",{"text":169,"type":34,"marks":170},"评估",[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},"直接进入编码，使用 ",{"text":183,"type":34,"marks":184},"3D 沙盒",[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},"加入我们的 ",{"text":196,"type":34,"marks":197},"社区论坛",[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,225],{"type":27,"attrs":206,"content":207},{"level":29,"textAlign":30},[208],{"text":209,"type":34,"marks":210},"有问题或反馈？",[211],{"type":37},{"type":39,"attrs":213,"content":214},{"textAlign":30},[215,217,223],{"text":216,"type":34},"我们正在寻求反馈以及如何改进这个工具包以满足您的需求！请在我们的 ",{"text":218,"type":34,"marks":219},"论坛",[220],{"type":53,"attrs":221},{"href":200,"uuid":30,"anchor":30,"target":222,"linktype":141},"_blank",{"text":224,"type":34},"中联系。",{"type":39,"attrs":226,"content":227},{"textAlign":30},[228,230,236],{"text":229,"type":34},"您还可以注册获取 ",{"text":231,"type":34,"marks":232},"HOOPS Web 平台",[233],{"type":53,"attrs":234},{"href":235,"uuid":30,"anchor":30,"target":222,"linktype":141},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":237,"type":34},"的60天试用。",{"_uid":239,"messages":240,"component":273,"background":274,"remove_padding":78,"is_verticalized":249},"2517b691-8590-46b2-b1a0-c989536a3b36",[241],{"_uid":242,"icon":16,"buttons":243,"content":254,"headline":261,"link_url":16,"metadata":268,"component":271,"icon_size":16,"link_label":16,"headline_heading":272},"1f7a4845-55d4-4520-b973-efe814118e45",[244],{"_uid":245,"href":16,"color":246,"label":247,"action":248,"new_tab":249,"outline":78,"alignment":16,"component":250,"text_link":249,"destination":251},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","订阅","action-modal",false,"element-button",{"id":16,"url":252,"linktype":141,"fieldtype":253,"cached_url":252},"subscribe","multilink",{"type":24,"content":255},[256],{"type":39,"attrs":257,"content":258},{"textAlign":30},[259],{"text":260,"type":34},"一旦有新项目可用，我们将立即通知您。",{"type":24,"content":262},[263],{"type":39,"attrs":264,"content":265},{"textAlign":30},[266],{"text":267,"type":34},"成为第一个知道新项目的人",{"_uid":269,"title":16,"plugin":270,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":275,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":276,"copyright":16,"fieldtype":277,"meta_data":278,"is_external_url":249},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":280,"body":281,"alignment":76,"component":77,"is_full_width":78},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":282},[283],{"type":39,"attrs":284,"content":285},{"textAlign":30},[286,288,294],{"text":287,"type":34},"需要联系我们？发送邮件至 ",{"text":289,"type":34,"marks":290},"labs@techsoft3d.com",[291],{"type":53,"attrs":292},{"href":289,"uuid":30,"anchor":30,"target":57,"linktype":293},"email",{"text":160,"type":34},"columns",{"id":252,"_uid":297,"items":298,"component":304},"ca556064-0fa5-4110-8395-86e3f005ea32",[299],{"id":300,"_uid":301,"component":302,"business_unit":303},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-03-31 00:00",[307],{"_uid":308,"source":309,"component":367},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":310,"created_at":311,"published_at":312,"updated_at":313,"id":314,"uuid":315,"content":316,"slug":358,"full_slug":359,"sort_by_date":30,"position":360,"tag_list":361,"is_startpage":249,"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":78},"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":317,"items":318,"component":357},"8915070e-32eb-476d-b215-1c92ebdad15c",[319,339],{"_uid":320,"left_nav":16,"messages":321,"component":338,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[322,328,333],{"_uid":323,"icon":324,"link":325,"target":222,"message":326,"component":327},"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":329,"icon":330,"link":331,"target":222,"message":332,"component":327},"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":334,"icon":335,"link":336,"target":16,"message":337,"component":327},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":340,"menu":341,"component":356,"has_notice":78},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[342,347,350,353],{"url":343,"_uid":344,"label":345,"new_tab":249,"component":346},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":343,"_uid":348,"label":349,"new_tab":249,"component":346,"style_as_button":249},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":343,"_uid":351,"label":352,"new_tab":249,"component":346,"style_as_button":249},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":343,"_uid":354,"label":355,"new_tab":249,"component":346,"style_as_button":78},"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":369},[370],{"type":39,"attrs":371,"content":372},{"textAlign":30},[373,375,380],{"text":374,"type":34},"此演示展示了 ",{"text":376,"type":34,"marks":377},"HOOPS Visualize",[378],{"type":53,"attrs":379},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"text":381,"type":34}," for Web（前身为 HOOPS Communicator）的强大 JavaScript API，程序生成动画演示。 ","工作流程",[],[385,386],"hoopsExchange","hoopsVisualize",{"_uid":388,"title":389,"plugin":270,"description":390},"1e1a0844-b8f4-479b-8ccc-68b33cf572b2","工作流程 | Tech Soft 3D 实验室","此演示通过编程创建动画，展示了 HOOPS Visualize for Web 强大的 JavaScript API。","lab",{"id":16,"url":393,"linktype":141,"fieldtype":253,"cached_url":393},"https://techsoft3d.github.io/work-procedure/?_gl=1*hjeini*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQzNjA5MzkkbzIxNyRnMSR0MTc3NDM2MzM2NSRqNjAkbDAkaDE1Mjk0NzA1NzM.",{"id":395,"alt":396,"name":16,"focus":16,"title":397,"source":16,"filename":398,"copyright":16,"fieldtype":277,"meta_data":399,"is_external_url":249},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":396,"title":397,"source":16,"copyright":16},{"id":16,"url":401,"linktype":141,"fieldtype":253,"cached_url":401},"https://github.com/techsoft3d/work-procedure","2026年3月31日",{"id":395,"alt":396,"name":16,"focus":16,"title":397,"source":16,"filename":398,"copyright":16,"fieldtype":277,"meta_data":404,"is_external_url":249},{"alt":396,"title":397,"source":16,"copyright":16},"work-procedure","zh/developers/labs/work-procedure",-130,[],99359039112762,"38f6dd5b-cf79-4be7-ad70-98c73058e302","2026-04-03T18:44:13.941Z",[],1791995899,[415],{"name":310,"created_at":311,"published_at":312,"updated_at":313,"id":314,"uuid":315,"content":416,"slug":358,"full_slug":359,"sort_by_date":30,"position":360,"tag_list":429,"is_startpage":249,"parent_id":362,"meta_data":30,"group_id":363,"first_published_at":364,"release_id":30,"lang":365,"path":30,"alternates":430,"default_full_slug":30,"translated_slugs":30},{"_uid":317,"items":417,"component":357},[418,423],{"_uid":320,"left_nav":16,"messages":419,"component":338,"right_nav":16},[420,421,422],{"_uid":323,"icon":324,"link":325,"target":222,"message":326,"component":327},{"_uid":329,"icon":330,"link":331,"target":222,"message":332,"component":327},{"_uid":334,"icon":335,"link":336,"target":16,"message":337,"component":327},{"_uid":340,"menu":424,"component":356,"has_notice":78},[425,426,427,428],{"url":343,"_uid":344,"label":345,"new_tab":249,"component":346},{"url":343,"_uid":348,"label":349,"new_tab":249,"component":346,"style_as_button":249},{"url":343,"_uid":351,"label":352,"new_tab":249,"component":346,"style_as_button":249},{"url":343,"_uid":354,"label":355,"new_tab":249,"component":346,"style_as_button":78},[],[],[],{"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:02:52 GMT","W/\"6c6661899a2f21c2bdd2956154d20970\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 2e518fdd52a59136f75dd93fdd93aeb0.cloudfront.net (CloudFront)","ZGhKgB297ZW7n6vezuIxZAcelE5QtODUcb0pzSI-Gzpfk4f_JQ_9kg==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","095f2093-e48d-4849-bd7c-378e31a36fd2","0.048914","0",1791997371982]