[{"data":1,"prerenderedAt":483},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/configurator-demo":3},{"data":4,"headers":460},{"story":5,"cv":441,"rels":442,"links":459},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":433,"full_slug":434,"sort_by_date":30,"position":435,"tag_list":436,"is_startpage":267,"parent_id":437,"meta_data":30,"group_id":438,"first_published_at":439,"release_id":30,"lang":383,"path":30,"alternates":440,"default_full_slug":30,"translated_slugs":30},"Configurator Demo","2026-03-24T20:33:36.512Z","2026-10-10T22:14:56.982Z","2026-10-10T22:14:57.028Z",158493968474293,"5a44ce41-1aab-4759-8902-bce8663d5df8",{"_uid":13,"body":14,"date":323,"fold":324,"intro":386,"title":399,"gallery":400,"category":417,"metadata":419,"component":423,"demo_link":424,"thumbnail":426,"github_link":428,"last_updated":430,"open_graph_image":431,"include_open_graph":63,"block_search_engines":267},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,314],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":313,"remove_padding":63},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,64,135,219,256,297],{"_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},"概述","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"此演示展示了如何使用 ",{"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","_self","story",{"text":55,"type":34}," （前身为 HOOPS Communicator）来创建产品配置器可视化工作流。在此演示中，您可以选择汽车装配的元素，并通过动态加载将它们添加到您的场景中。此外，如果添加的部件有多个选择，您可以更换为不同的部件。在此演示中，有不同的预定义视图，有些带有动画，以突出装配的不同方面。",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"要操作此演示，只需将鼠标悬停在视图上，下拉以更改您的查看位置并查看内置动画。此外，您可以将鼠标悬停在拖车、发动机和方向盘的下拉菜单上，以向场景添加更多元素，或者在场景中已经存在部件的情况下进行更换。","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,75],{"type":27,"attrs":69,"content":70},{"level":29,"textAlign":30},[71],{"text":72,"type":34,"marks":73},"它是如何实现的：",[74],{"type":37},{"type":76,"content":77},"bullet_list",[78,91,102,113,124],{"type":79,"content":80},"list_item",[81],{"type":39,"attrs":82,"content":83},{"textAlign":30},[84],{"text":85,"type":34,"marks":86},"设置查看器",[87],{"type":48,"attrs":88},{"href":89,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/setting-up-the-viewers.html","url",{"type":79,"content":92},[93],{"type":39,"attrs":94,"content":95},{"textAlign":30},[96],{"text":97,"type":34,"marks":98},"加载模型",[99],{"type":48,"attrs":100},{"href":101,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/loading-models.html",{"type":79,"content":103},[104],{"type":39,"attrs":105,"content":106},{"textAlign":30},[107],{"text":108,"type":34,"marks":109},"添加组件选择",[110],{"type":48,"attrs":111},{"href":112,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/add-component-selection.html",{"type":79,"content":114},[115],{"type":39,"attrs":116,"content":117},{"textAlign":30},[118],{"text":119,"type":34,"marks":120},"整合模型关系",[121],{"type":48,"attrs":122},{"href":123,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/incorporating-model-relationships.html",{"type":79,"content":125},[126],{"type":39,"attrs":127,"content":128},{"textAlign":30},[129],{"text":130,"type":34,"marks":131},"添加动画",[132],{"type":48,"attrs":133},{"href":134,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/prog_guide/viewing/animation.html?highlight=animation",{"_uid":136,"body":137,"alignment":61,"component":62,"is_full_width":63},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":138},[139,146,162],{"type":27,"attrs":140,"content":141},{"level":29,"textAlign":30},[142],{"text":143,"type":34,"marks":144},"探索 HOOPS Visualize for Web",[145],{"type":37},{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,153,158],{"text":150,"type":34,"marks":151},"此演示使用 ",[152],{"type":37},{"text":45,"type":34,"marks":154},[155,157],{"type":48,"attrs":156},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"type":37},{"text":159,"type":34,"marks":160}," （前身为 HOOPS Communicator）创建。",[161],{"type":37},{"type":76,"content":163},[164,179,193,206],{"type":79,"content":165},[166],{"type":39,"attrs":167,"content":168},{"textAlign":30},[169,171,177],{"text":170,"type":34},"参考 HOOPS Visualize for Web（前身为 HOOPS Communicator） ",{"text":172,"type":34,"marks":173},"文档",[174],{"type":48,"attrs":175},{"href":176,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/",{"text":178,"type":34},"。",{"type":79,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186,192],{"text":185,"type":34},"注册免费 ",{"text":187,"type":34,"marks":188},"评估",[189],{"type":48,"attrs":190},{"href":191,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://manage.techsoft3d.com/signup?product=communicator",{"text":178,"type":34},{"type":79,"content":194},[195],{"type":39,"attrs":196,"content":197},{"textAlign":30},[198,200],{"text":199,"type":34},"通过 ",{"text":201,"type":34,"marks":202},"3D Sandbox",[203],{"type":48,"attrs":204},{"href":205,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://3dsandbox.techsoft3d.com/",{"type":79,"content":207},[208],{"type":39,"attrs":209,"content":210},{"textAlign":30},[211,213],{"text":212,"type":34},"直接开始编码 ",{"text":214,"type":34,"marks":215},"加入我们的",[216],{"type":48,"attrs":217},{"href":218,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://forum.techsoft3d.com/",{"_uid":220,"body":221,"alignment":61,"component":62,"is_full_width":63},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":222},[223,230,243],{"type":27,"attrs":224,"content":225},{"level":29,"textAlign":30},[226],{"text":227,"type":34,"marks":228},"有问题或反馈？",[229],{"type":37},{"type":39,"attrs":231,"content":232},{"textAlign":30},[233,235,241],{"text":234,"type":34},"我们正在寻找反馈以及如何改进此工具包以满足您的需求！请在我们的 ",{"text":236,"type":34,"marks":237},"论坛",[238],{"type":48,"attrs":239},{"href":218,"uuid":30,"anchor":30,"target":240,"linktype":90},"_blank",{"text":242,"type":34},"中联系。",{"type":39,"attrs":244,"content":245},{"textAlign":30},[246,248,254],{"text":247,"type":34},"您还可以注册 ",{"text":249,"type":34,"marks":250},"HOOPS Web Platform",[251],{"type":48,"attrs":252},{"href":253,"uuid":30,"anchor":30,"target":240,"linktype":90},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":255,"type":34},"的 60 天试用。",{"_uid":257,"messages":258,"component":291,"background":292,"remove_padding":63,"is_verticalized":267},"2517b691-8590-46b2-b1a0-c989536a3b36",[259],{"_uid":260,"icon":16,"buttons":261,"content":272,"headline":279,"link_url":16,"metadata":286,"component":289,"icon_size":16,"link_label":16,"headline_heading":290},"1f7a4845-55d4-4520-b973-efe814118e45",[262],{"_uid":263,"href":16,"color":264,"label":265,"action":266,"new_tab":267,"outline":63,"alignment":16,"component":268,"text_link":267,"destination":269},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","订阅","action-modal",false,"element-button",{"id":16,"url":270,"linktype":90,"fieldtype":271,"cached_url":270},"subscribe","multilink",{"type":24,"content":273},[274],{"type":39,"attrs":275,"content":276},{"textAlign":30},[277],{"text":278,"type":34},"一旦有新项目可用，我们会通知您。",{"type":24,"content":280},[281],{"type":39,"attrs":282,"content":283},{"textAlign":30},[284],{"text":285,"type":34},"成为第一个了解新项目的人",{"_uid":287,"title":16,"plugin":288,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":293,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":294,"copyright":16,"fieldtype":295,"meta_data":296,"is_external_url":267},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":298,"body":299,"alignment":61,"component":62,"is_full_width":63},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":300},[301],{"type":39,"attrs":302,"content":303},{"textAlign":30},[304,306,312],{"text":305,"type":34},"需要联系我们？给我们发送电子邮件： ",{"text":307,"type":34,"marks":308},"labs@techsoft3d.com",[309],{"type":48,"attrs":310},{"href":307,"uuid":30,"anchor":30,"target":52,"linktype":311},"email",{"text":178,"type":34},"columns",{"id":270,"_uid":315,"items":316,"component":322},"ca556064-0fa5-4110-8395-86e3f005ea32",[317],{"id":318,"_uid":319,"component":320,"business_unit":321},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-25 00:00",[325],{"_uid":326,"source":327,"component":385},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":328,"created_at":329,"published_at":330,"updated_at":331,"id":332,"uuid":333,"content":334,"slug":376,"full_slug":377,"sort_by_date":30,"position":378,"tag_list":379,"is_startpage":267,"parent_id":380,"meta_data":30,"group_id":381,"first_published_at":382,"release_id":30,"lang":383,"path":30,"alternates":384,"default_full_slug":30,"translated_slugs":30,"_stopResolving":63},"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":335,"items":336,"component":375},"8915070e-32eb-476d-b215-1c92ebdad15c",[337,357],{"_uid":338,"left_nav":16,"messages":339,"component":356,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[340,346,351],{"_uid":341,"icon":342,"link":343,"target":240,"message":344,"component":345},"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":347,"icon":348,"link":349,"target":240,"message":350,"component":345},"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":352,"icon":353,"link":354,"target":16,"message":355,"component":345},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":358,"menu":359,"component":374,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[360,365,368,371],{"url":361,"_uid":362,"label":363,"new_tab":267,"component":364},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":361,"_uid":366,"label":367,"new_tab":267,"component":364,"style_as_button":267},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":361,"_uid":369,"label":370,"new_tab":267,"component":364,"style_as_button":267},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":361,"_uid":372,"label":373,"new_tab":267,"component":364,"style_as_button":63},"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":387},[388],{"type":39,"attrs":389,"content":390},{"textAlign":30},[391,392,397],{"text":43,"type":34},{"text":393,"type":34,"marks":394},"HOOPS Visualize",[395],{"type":48,"attrs":396},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":398,"type":34}," for Web（前身为 HOOPS Communicator）来创建产品配置器可视化工作流。 ","配置器演示",[401,407,413],{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":406},158749818666057,"3D model of vehicle for configurator demo","Configurator Model","https://a-us.storyblok.com/f/1023536/4500x3000/a2b8ba9027/configurator-demo-model.jpg",{"alt":403,"title":404,"source":16,"copyright":16},{"id":408,"alt":409,"name":16,"focus":16,"title":410,"source":16,"filename":411,"copyright":16,"fieldtype":295,"meta_data":412},158750117702730,"Close up of a 3D trailer model for configurator demo","Configurator Model Close Up","https://a-us.storyblok.com/f/1023536/4500x3000/15fa29cfa4/configurator-demo-close-up.jpg",{"alt":409,"title":410,"source":16,"copyright":16},{"id":414,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":415,"copyright":16,"fieldtype":295,"meta_data":416},158750527593548,"https://a-us.storyblok.com/f/1023536/4500x3000/a67872034b/configurator-demo-model-front.jpg",{},[418],"hoopsVisualize",{"_uid":420,"title":421,"plugin":288,"description":422},"cf199cd4-1a80-4308-9134-7d610cc98342","配置器演示 | Tech Soft 3D 实验室","此演示展示了如何使用 HOOPS Visualize for Web（前称 HOOPS Communicator）来创建产品配置器可视化工作流程。 ","lab",{"id":16,"url":425,"linktype":90,"fieldtype":271,"cached_url":425},"https://configurator-docker.techsoft3d.com/",{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":427,"is_external_url":267},{"alt":403,"title":404,"source":16,"copyright":16},{"id":16,"url":429,"linktype":90,"fieldtype":271,"cached_url":429},"https://github.com/techsoft3d/configurator-docker/","星期日, 2023年6月25日",{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":432,"is_external_url":267},{"alt":403,"title":404,"source":16,"copyright":16},"configurator-demo","zh/developers/labs/configurator-demo",-140,[],99359039112762,"994da7ba-6801-4c31-bd3d-95d5270d377d","2026-04-03T18:44:13.707Z",[],1791995899,[443],{"name":328,"created_at":329,"published_at":330,"updated_at":331,"id":332,"uuid":333,"content":444,"slug":376,"full_slug":377,"sort_by_date":30,"position":378,"tag_list":457,"is_startpage":267,"parent_id":380,"meta_data":30,"group_id":381,"first_published_at":382,"release_id":30,"lang":383,"path":30,"alternates":458,"default_full_slug":30,"translated_slugs":30},{"_uid":335,"items":445,"component":375},[446,451],{"_uid":338,"left_nav":16,"messages":447,"component":356,"right_nav":16},[448,449,450],{"_uid":341,"icon":342,"link":343,"target":240,"message":344,"component":345},{"_uid":347,"icon":348,"link":349,"target":240,"message":350,"component":345},{"_uid":352,"icon":353,"link":354,"target":16,"message":355,"component":345},{"_uid":358,"menu":452,"component":374,"has_notice":63},[453,454,455,456],{"url":361,"_uid":362,"label":363,"new_tab":267,"component":364},{"url":361,"_uid":366,"label":367,"new_tab":267,"component":364,"style_as_button":267},{"url":361,"_uid":369,"label":370,"new_tab":267,"component":364,"style_as_button":267},{"url":361,"_uid":372,"label":373,"new_tab":267,"component":364,"style_as_button":63},[],[],[],{"cache-control":461,"connection":462,"content-encoding":463,"content-type":464,"date":465,"etag":466,"referrer-policy":467,"sb-be-version":468,"server":469,"strict-transport-security":470,"transfer-encoding":471,"vary":472,"via":473,"x-amz-cf-id":474,"x-amz-cf-pop":475,"x-cache":476,"x-content-type-options":477,"x-frame-options":478,"x-permitted-cross-domain-policies":479,"x-request-id":480,"x-runtime":481,"x-xss-protection":482},"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:51 GMT","W/\"c5004d05c5c3a45565c10277c11e70b9\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 28541d1c5ba94fa4ae7d6f7a2c07f4f8.cloudfront.net (CloudFront)","4ALFIT-WWF6IcZlIEHytr6mtrkl7JCHGj-ZleHDM45tQy2yNvQEldQ==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","5cd86bbd-0210-4cae-8b3a-8a0443fda4ec","0.047285","0",1791997371020]