[{"data":1,"prerenderedAt":490},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/four-models":3},{"data":4,"headers":467},{"story":5,"cv":448,"rels":449,"links":466},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":440,"full_slug":441,"sort_by_date":30,"position":442,"tag_list":443,"is_startpage":141,"parent_id":444,"meta_data":30,"group_id":445,"first_published_at":446,"release_id":30,"lang":396,"path":30,"alternates":447,"default_full_slug":30,"translated_slugs":30},"Four Models","2026-03-09T14:52:27.370Z","2026-10-10T22:15:08.467Z","2026-10-10T22:15:08.512Z",153101710869841,"2529b396-28a8-4653-aba4-42d8d0b6c78e",{"_uid":13,"body":14,"date":336,"fold":337,"intro":399,"title":406,"gallery":407,"category":420,"metadata":422,"component":426,"demo_link":427,"thumbnail":429,"github_link":435,"last_updated":437,"open_graph_image":438,"include_open_graph":69,"block_search_engines":141},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,327],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":144,"remove_padding":69},"","7d8d5b34-9501-4f53-8220-a76bf31cfe98","column-one","width-full",[21,70,123,134,145,234,271,311],{"_uid":22,"body":23,"alignment":67,"component":68,"is_full_width":69},"b989bae4-64bd-41d7-bfd4-28b9b2933a49",{"type":24,"content":25},"doc",[26,38,62],{"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,44,52,54,60],{"text":43,"type":34},"此演示展示了如何使用HOOPS Web Viewer快速高效地将额外的CAD数据加载并显示到场景中。在这个演示中，直到用户请求显示模型之前，场景中任何内容都不会被加载。这种行为与我们的 ",{"text":45,"type":34,"marks":46},"按需加载",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/prog_guide/viewing/data_model/stream_cache/loading.html?highlight=on%20demand#","url",{"text":53,"type":34}," 功能不同，该功能在我们的 ",{"text":55,"type":34,"marks":56},"水泥厂演示",[57],{"type":48,"attrs":58},{"href":59,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://master--elaborate-shortbread-ea7430.netlify.app/project/cement-plant",{"text":61,"type":34},"中展示。与水泥厂演示不同，加载到此场景中的所有模型完全独立于彼此，并且不会经过预加载序列。",{"type":39,"attrs":63,"content":64},{"textAlign":30},[65],{"text":66,"type":34},"当启动此演示时，场景将显示为空白，直到您将鼠标悬停在模型下拉菜单上。从那里您可以将不同的模型添加到场景中。","align-left","copy",true,{"_uid":71,"body":72,"alignment":67,"component":68,"is_full_width":69},"417764ff-e6fc-4fba-a853-ca6cbde1cba2",{"type":24,"content":73},[74,81],{"type":27,"attrs":75,"content":76},{"level":29,"textAlign":30},[77],{"text":78,"type":34,"marks":79},"如何实现",[80],{"type":37},{"type":82,"content":83},"bullet_list",[84,98,110],{"type":85,"content":86},"list_item",[87],{"type":39,"attrs":88,"content":89},{"textAlign":30},[90,92],{"text":91,"type":34},"初始化 ",{"text":93,"type":34,"marks":94},"WebViewer",[95],{"type":48,"attrs":96},{"href":97,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#constructor",{"type":85,"content":99},[100],{"type":39,"attrs":101,"content":102},{"textAlign":30},[103,105],{"text":104,"type":34},"启动 ",{"text":93,"type":34,"marks":106},[107],{"type":48,"attrs":108},{"href":109,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"type":85,"content":111},[112],{"type":39,"attrs":113,"content":114},{"textAlign":30},[115,117],{"text":116,"type":34},"使用 ",{"text":118,"type":34,"marks":119},"viewer.getModel().loadSubtreeFromModel",[120],{"type":48,"attrs":121},{"href":122,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Model.html?highlight=loadSubtreeFromModel#loadsubtreefrommodel",{"_uid":124,"body":125,"alignment":67,"component":68,"is_full_width":69},"a13c3392-16a2-48a4-97b5-7282a80b8ece",{"type":24,"content":126},[127],{"type":27,"attrs":128,"content":129},{"level":29,"textAlign":30},[130],{"text":131,"type":34,"marks":132},"如何使用（演示演练视频）",[133],{"type":37},{"gap":16,"_uid":135,"align":16,"count":18,"width":136,"columns":137,"component":144,"remove_padding":69},"4856b2cc-b527-484c-b518-b636cf85bc1b","width-small",[138],{"_uid":139,"video":140,"is_full":141,"platform":142,"component":143,"aspect_ratio":16},"efea74d8-b9a4-4800-9a56-a813759e27f9","uBxPSby6CmA",false,"youtube","element-video","columns",{"_uid":146,"body":147,"alignment":67,"component":68,"is_full_width":69},"4528fbe7-0d6e-4536-81b4-4891791b9c17",{"type":24,"content":148},[149,156,177],{"type":27,"attrs":150,"content":151},{"level":29,"textAlign":30},[152],{"text":153,"type":34,"marks":154},"探索HOOPS Visualize for Web",[155],{"type":37},{"type":39,"attrs":157,"content":158},{"textAlign":30},[159,163,173],{"text":160,"type":34,"marks":161},"此演示是使用 ",[162],{"type":37},{"text":164,"type":34,"marks":165},"HOOPS Visualize for Web",[166,172],{"type":48,"attrs":167},{"href":168,"uuid":169,"anchor":30,"target":170,"linktype":171},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"type":37},{"text":174,"type":34,"marks":175}," （前身为HOOPS Communicator）创建的。",[176],{"type":37},{"type":82,"content":178},[179,194,208,221],{"type":85,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186,192],{"text":185,"type":34},"参考HOOPS Visualize for Web（前身为HOOPS Communicator） ",{"text":187,"type":34,"marks":188},"文档",[189],{"type":48,"attrs":190},{"href":191,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/",{"text":193,"type":34},"。",{"type":85,"content":195},[196],{"type":39,"attrs":197,"content":198},{"textAlign":30},[199,201,207],{"text":200,"type":34},"注册获取免费 ",{"text":202,"type":34,"marks":203},"评估",[204],{"type":48,"attrs":205},{"href":206,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://manage.techsoft3d.com/signup?product=communicator",{"text":193,"type":34},{"type":85,"content":209},[210],{"type":39,"attrs":211,"content":212},{"textAlign":30},[213,215],{"text":214,"type":34},"直接进入使用 ",{"text":216,"type":34,"marks":217},"3D Sandbox",[218],{"type":48,"attrs":219},{"href":220,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://3dsandbox.techsoft3d.com/",{"type":85,"content":222},[223],{"type":39,"attrs":224,"content":225},{"textAlign":30},[226,228],{"text":227,"type":34},"加入我们的 ",{"text":229,"type":34,"marks":230},"社区论坛",[231],{"type":48,"attrs":232},{"href":233,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://forum.techsoft3d.com/",{"_uid":235,"body":236,"alignment":67,"component":68,"is_full_width":69},"d044d050-b8d4-462f-b447-ad857eb3dd00",{"type":24,"content":237},[238,245,258],{"type":27,"attrs":239,"content":240},{"level":29,"textAlign":30},[241],{"text":242,"type":34,"marks":243},"有问题或反馈？",[244],{"type":37},{"type":39,"attrs":246,"content":247},{"textAlign":30},[248,250,256],{"text":249,"type":34},"我们正在寻找反馈，以及如何改进这个工具包以满足您的需求！请在我们的 ",{"text":251,"type":34,"marks":252},"论坛",[253],{"type":48,"attrs":254},{"href":233,"uuid":30,"anchor":30,"target":255,"linktype":51},"_blank",{"text":257,"type":34},"中交流。",{"type":39,"attrs":259,"content":260},{"textAlign":30},[261,263,269],{"text":262,"type":34},"您还可以注册60天的 ",{"text":264,"type":34,"marks":265},"HOOPS Web Platform",[266],{"type":48,"attrs":267},{"href":268,"uuid":30,"anchor":30,"target":255,"linktype":51},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":270,"type":34},"试用。",{"_uid":272,"messages":273,"component":305,"background":306,"remove_padding":69,"is_verticalized":141},"744ffc7b-e5be-4b1a-97bb-578a922ab6a5",[274],{"_uid":275,"icon":16,"buttons":276,"content":286,"headline":293,"link_url":16,"metadata":300,"component":303,"icon_size":16,"link_label":16,"headline_heading":304},"895c648c-b8c3-4953-a690-6e71dd15bba1",[277],{"_uid":278,"href":16,"color":279,"label":280,"action":281,"new_tab":141,"outline":69,"alignment":16,"component":282,"text_link":141,"destination":283},"3f9e1f1c-9c3b-4ee5-b399-669acab8f58d","light","订阅","action-modal","element-button",{"id":16,"url":284,"linktype":51,"fieldtype":285,"cached_url":284},"subscribe","multilink",{"type":24,"content":287},[288],{"type":39,"attrs":289,"content":290},{"textAlign":30},[291],{"text":292,"type":34},"一旦有新项目可用，我们会通知您。",{"type":24,"content":294},[295],{"type":39,"attrs":296,"content":297},{"textAlign":30},[298],{"text":299,"type":34},"率先了解新项目",{"_uid":301,"title":16,"plugin":302,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":307,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":308,"copyright":16,"fieldtype":309,"meta_data":310,"is_external_url":141},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":312,"body":313,"alignment":67,"component":68,"is_full_width":69},"1a88a65d-c0fb-4d4d-b5cc-e95b1640588e",{"type":24,"content":314},[315],{"type":39,"attrs":316,"content":317},{"textAlign":30},[318,320,326],{"text":319,"type":34},"需要联系我们？请发送电子邮件至 ",{"text":321,"type":34,"marks":322},"labs@techsoft3d.com",[323],{"type":48,"attrs":324},{"href":321,"uuid":30,"anchor":30,"target":170,"linktype":325},"email",{"text":193,"type":34},{"id":284,"_uid":328,"items":329,"component":335},"ca556064-0fa5-4110-8395-86e3f005ea32",[330],{"id":331,"_uid":332,"component":333,"business_unit":334},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-16 00:00",[338],{"_uid":339,"source":340,"component":398},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":341,"created_at":342,"published_at":343,"updated_at":344,"id":345,"uuid":346,"content":347,"slug":389,"full_slug":390,"sort_by_date":30,"position":391,"tag_list":392,"is_startpage":141,"parent_id":393,"meta_data":30,"group_id":394,"first_published_at":395,"release_id":30,"lang":396,"path":30,"alternates":397,"default_full_slug":30,"translated_slugs":30,"_stopResolving":69},"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":348,"items":349,"component":388},"8915070e-32eb-476d-b215-1c92ebdad15c",[350,370],{"_uid":351,"left_nav":16,"messages":352,"component":369,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[353,359,364],{"_uid":354,"icon":355,"link":356,"target":255,"message":357,"component":358},"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":360,"icon":361,"link":362,"target":255,"message":363,"component":358},"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":365,"icon":366,"link":367,"target":16,"message":368,"component":358},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":371,"menu":372,"component":387,"has_notice":69},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[373,378,381,384],{"url":374,"_uid":375,"label":376,"new_tab":141,"component":377},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":374,"_uid":379,"label":380,"new_tab":141,"component":377,"style_as_button":141},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":374,"_uid":382,"label":383,"new_tab":141,"component":377,"style_as_button":141},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":374,"_uid":385,"label":386,"new_tab":141,"component":377,"style_as_button":69},"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":400},[401],{"type":39,"attrs":402,"content":403},{"textAlign":30},[404],{"text":405,"type":34},"这个基于HOOPS Visualize for Web（前身为HOOPS Communicator）的演示展示了如何在同一场景中按需加载多个模型。","四模型演示",[408,412,416],{"id":409,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":410,"copyright":16,"fieldtype":309,"meta_data":411},153103553727336,"https://a-us.storyblok.com/f/1023536/1800x1200/d2ce154c11/four-models-demo-1.webp",{},{"id":413,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":414,"copyright":16,"fieldtype":309,"meta_data":415},153103553686375,"https://a-us.storyblok.com/f/1023536/1800x1200/f92c7e5c0e/four-models-demo-2.webp",{},{"id":417,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":418,"copyright":16,"fieldtype":309,"meta_data":419},153103553739625,"https://a-us.storyblok.com/f/1023536/1800x1200/c46bb6c439/four-models-demo-3.webp",{},[421],"hoopsVisualize",{"_uid":423,"title":424,"plugin":302,"description":425},"3ff8925b-56e8-4cc9-9146-8bbebfcdc554","四模型演示 | Tech Soft 3D Labs","这个基于 HOOPS Visualize for Web 的演示展示了如何在同一场景中按需加载多个模型。","lab",{"id":16,"url":428,"linktype":51,"fieldtype":285,"cached_url":428},"https://four-models-docker.techsoft3d.com/",{"id":430,"alt":431,"name":16,"focus":16,"title":432,"source":16,"filename":433,"copyright":16,"fieldtype":309,"meta_data":434,"is_external_url":141},153102770641766,"Four CAD models from a 'four models' HOOPS web viewer demo","Four CAD Models","https://a-us.storyblok.com/f/1023536/447x298/a2607531eb/four-models-demo.webp",{"alt":431,"title":432,"source":16,"copyright":16},{"id":16,"url":436,"linktype":51,"fieldtype":285,"cached_url":436},"https://github.com/techsoft3d/four-models-docker"," 星期五, 2023年6月16日",{"id":430,"alt":431,"name":16,"focus":16,"title":432,"source":16,"filename":433,"copyright":16,"fieldtype":309,"meta_data":439,"is_external_url":141},{"alt":431,"title":432,"source":16,"copyright":16},"four-models","zh/developers/labs/four-models",0,[],99359039112762,"4b361977-c914-497a-978f-5152136684af","2026-04-03T18:44:17.203Z",[],1791995899,[450],{"name":341,"created_at":342,"published_at":343,"updated_at":344,"id":345,"uuid":346,"content":451,"slug":389,"full_slug":390,"sort_by_date":30,"position":391,"tag_list":464,"is_startpage":141,"parent_id":393,"meta_data":30,"group_id":394,"first_published_at":395,"release_id":30,"lang":396,"path":30,"alternates":465,"default_full_slug":30,"translated_slugs":30},{"_uid":348,"items":452,"component":388},[453,458],{"_uid":351,"left_nav":16,"messages":454,"component":369,"right_nav":16},[455,456,457],{"_uid":354,"icon":355,"link":356,"target":255,"message":357,"component":358},{"_uid":360,"icon":361,"link":362,"target":255,"message":363,"component":358},{"_uid":365,"icon":366,"link":367,"target":16,"message":368,"component":358},{"_uid":371,"menu":459,"component":387,"has_notice":69},[460,461,462,463],{"url":374,"_uid":375,"label":376,"new_tab":141,"component":377},{"url":374,"_uid":379,"label":380,"new_tab":141,"component":377,"style_as_button":141},{"url":374,"_uid":382,"label":383,"new_tab":141,"component":377,"style_as_button":141},{"url":374,"_uid":385,"label":386,"new_tab":141,"component":377,"style_as_button":69},[],[],[],{"cache-control":468,"connection":469,"content-encoding":470,"content-type":471,"date":472,"etag":473,"referrer-policy":474,"sb-be-version":475,"server":476,"strict-transport-security":477,"transfer-encoding":478,"vary":479,"via":480,"x-amz-cf-id":481,"x-amz-cf-pop":482,"x-cache":483,"x-content-type-options":484,"x-frame-options":485,"x-permitted-cross-domain-policies":486,"x-request-id":487,"x-runtime":488,"x-xss-protection":489},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:03:14 GMT","W/\"748886a9d766c188b30cd1cbc9ed9d27\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 73d950088eb80144c19eb610e296d014.cloudfront.net (CloudFront)","aLSyUBrHY2d7jklV7pcfYeK5YbmkGFCJpn2MfJ3URdXrVO58lfSluQ==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","f334fd35-1255-433c-91e3-d6e7d84cb484","0.045149","0",1791997394651]