[{"data":1,"prerenderedAt":478},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/configurator-demo":3},{"data":4,"headers":454},{"story":5,"cv":436,"rels":437,"links":453},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":428,"full_slug":429,"sort_by_date":30,"position":430,"tag_list":431,"is_startpage":267,"parent_id":432,"meta_data":30,"group_id":433,"first_published_at":434,"release_id":30,"lang":378,"path":30,"alternates":435,"default_full_slug":30,"translated_slugs":30},"Configurator Demo","2026-03-24T20:33:36.512Z","2026-04-23T12:28:56.299Z","2026-04-23T12:28:56.366Z",158493968474293,"5a44ce41-1aab-4759-8902-bce8663d5df8",{"_uid":13,"body":14,"date":323,"fold":324,"intro":381,"title":394,"gallery":395,"category":412,"metadata":414,"component":418,"demo_link":419,"thumbnail":421,"github_link":423,"last_updated":425,"open_graph_image":426,"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,220,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},"Überblick","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"Diese Demo zeigt, wie ",{"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}," (ehemals HOOPS Communicator) verwendet werden kann, um einen Produktkonfigurator-Visualisierungs-Workflow zu erstellen. Innerhalb dieser Demo können Sie Elemente einer Automobilmontage auswählen und durch dynamisches Laden Ihrer Szene hinzufügen. Wenn mehrere Optionen des hinzugefügten Teils verfügbar sind, können Sie das Teil gegen ein anderes austauschen. In dieser Demo gibt es verschiedene vordefinierte Ansichten, einige mit Animationen, um verschiedene Aspekte der Montage hervorzuheben.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"Um diese Demo zu bedienen, bewegen Sie einfach den Mauszeiger über die Ansichten, klappen Sie sie herunter, um Ihren Ansichtsstandort zu ändern, und sehen Sie sich die integrierten Animationen an. Zusätzlich können Sie über die Dropdowns für Anhänger, Motor und Lenkrad fahren, um Ihrer Szene weitere Elemente hinzuzufügen oder ein Teil auszutauschen, wenn es bereits in der Szene vorhanden ist.","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},"So wurde es implementiert:",[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},"Einrichten der Viewer",[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},"Modelle laden",[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},"Komponentenauswahl hinzufügen",[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},"Einbeziehung von Modellbeziehungen",[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},"Hinzufügen von Animationen",[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},"Entdecken Sie HOOPS Visualise for Web",[145],{"type":37},{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,153,158],{"text":150,"type":34,"marks":151},"Diese Demo wurde erstellt mit ",[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}," (ehemals HOOPS Communicator).",[161],{"type":37},{"type":76,"content":163},[164,179,194,207],{"type":79,"content":165},[166],{"type":39,"attrs":167,"content":168},{"textAlign":30},[169,171,177],{"text":170,"type":34},"Beziehen Sie sich auf die HOOPS Visualize for Web (ehemals HOOPS Communicator) ",{"text":172,"type":34,"marks":173},"Dokumentation",[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},"Melden Sie sich für eine kostenlose ",{"text":187,"type":34,"marks":188},"Bewertung",[189],{"type":48,"attrs":190},{"href":191,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://manage.techsoft3d.com/signup?product=communicator",{"text":193,"type":34},"an.",{"type":79,"content":195},[196],{"type":39,"attrs":197,"content":198},{"textAlign":30},[199,201],{"text":200,"type":34},"Tauchen Sie direkt in die Codierung mit dem ",{"text":202,"type":34,"marks":203},"3D Sandbox",[204],{"type":48,"attrs":205},{"href":206,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://3dsandbox.techsoft3d.com/",{"type":79,"content":208},[209],{"type":39,"attrs":210,"content":211},{"textAlign":30},[212,214],{"text":213,"type":34},"Treten Sie unserem ",{"text":215,"type":34,"marks":216},"Community-Forum",[217],{"type":48,"attrs":218},{"href":219,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://forum.techsoft3d.com/",{"_uid":221,"body":222,"alignment":61,"component":62,"is_full_width":63},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":223},[224,231,243],{"type":27,"attrs":225,"content":226},{"level":29,"textAlign":30},[227],{"text":228,"type":34,"marks":229},"Fragen oder Feedback?",[230],{"type":37},{"type":39,"attrs":232,"content":233},{"textAlign":30},[234,236,242],{"text":235,"type":34},"Wir suchen nach Feedback und wie dieses Toolkit verbessert werden kann, um Ihren Anforderungen gerecht zu werden! Bitte verbinden Sie sich in unserem ",{"text":237,"type":34,"marks":238},"Forum",[239],{"type":48,"attrs":240},{"href":219,"uuid":30,"anchor":30,"target":241,"linktype":90},"_blank",{"text":178,"type":34},{"type":39,"attrs":244,"content":245},{"textAlign":30},[246,248,254],{"text":247,"type":34},"Sie können auch ein 60-tägiges Probeabo der ",{"text":249,"type":34,"marks":250},"HOOPS Web Platform",[251],{"type":48,"attrs":252},{"href":253,"uuid":30,"anchor":30,"target":241,"linktype":90},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":255,"type":34},"abonnieren.",{"_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","Abonnieren","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},"Wir benachrichtigen Sie, sobald neue Projekte verfügbar sind.",{"type":24,"content":280},[281],{"type":39,"attrs":282,"content":283},{"textAlign":30},[284],{"text":285,"type":34},"Seien Sie der Erste, der über neue Projekte informiert wird",{"_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},"Müssen Sie uns kontaktieren? Schreiben Sie uns eine E-Mail an ",{"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":380},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":328,"created_at":329,"published_at":330,"updated_at":331,"id":332,"uuid":333,"content":334,"slug":371,"full_slug":372,"sort_by_date":30,"position":373,"tag_list":374,"is_startpage":267,"parent_id":375,"meta_data":30,"group_id":376,"first_published_at":377,"release_id":30,"lang":378,"path":30,"alternates":379,"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":335,"items":336,"component":370},"8915070e-32eb-476d-b215-1c92ebdad15c",[337,352],{"_uid":338,"left_nav":16,"messages":339,"component":351,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[340,346],{"_uid":341,"icon":342,"link":343,"target":16,"message":344,"component":345},"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":347,"icon":348,"link":349,"target":16,"message":350,"component":345},"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":353,"menu":354,"component":369,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[355,360,363,366],{"url":356,"_uid":357,"label":358,"new_tab":267,"component":359},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":356,"_uid":361,"label":362,"new_tab":267,"component":359,"style_as_button":267},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":356,"_uid":364,"label":365,"new_tab":267,"component":359,"style_as_button":267},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":356,"_uid":367,"label":368,"new_tab":267,"component":359,"style_as_button":63},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","de/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","de",[],"reference",{"type":24,"content":382},[383],{"type":39,"attrs":384,"content":385},{"textAlign":30},[386,387,392],{"text":43,"type":34},{"text":388,"type":34,"marks":389},"HOOPS Visualize",[390],{"type":48,"attrs":391},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":393,"type":34}," for Web (ehemals HOOPS Communicator) verwendet werden kann, um einen Produktkonfigurator-Visualisierungs-Workflow zu erstellen. ","Konfigurator-Demo",[396,402,408],{"id":397,"alt":398,"name":16,"focus":16,"title":399,"source":16,"filename":400,"copyright":16,"fieldtype":295,"meta_data":401},158749818666057,"3D model of vehicle for configurator demo","Configurator Model","https://a-us.storyblok.com/f/1023536/4500x3000/a2b8ba9027/configurator-demo-model.jpg",{"alt":398,"title":399,"source":16,"copyright":16},{"id":403,"alt":404,"name":16,"focus":16,"title":405,"source":16,"filename":406,"copyright":16,"fieldtype":295,"meta_data":407},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":404,"title":405,"source":16,"copyright":16},{"id":409,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":410,"copyright":16,"fieldtype":295,"meta_data":411},158750527593548,"https://a-us.storyblok.com/f/1023536/4500x3000/a67872034b/configurator-demo-model-front.jpg",{},[413],"hoopsVisualize",{"_uid":415,"title":416,"plugin":288,"description":417},"c466d7c7-e531-448e-9ccc-1195cbd0aa38","Configurator Demo | Tech Soft 3D Labs","This demo showcases how HOOPS Visualize for Web (formerly HOOPS Communicator) can be used to create a product configurator visualization workflow. ","lab",{"id":16,"url":420,"linktype":90,"fieldtype":271,"cached_url":420},"https://configurator-docker.techsoft3d.com/",{"id":397,"alt":398,"name":16,"focus":16,"title":399,"source":16,"filename":400,"copyright":16,"fieldtype":295,"meta_data":422,"is_external_url":267},{"alt":398,"title":399,"source":16,"copyright":16},{"id":16,"url":424,"linktype":90,"fieldtype":271,"cached_url":424},"https://github.com/techsoft3d/configurator-docker/","Sonntag, 25. Juni 2023",{"id":397,"alt":398,"name":16,"focus":16,"title":399,"source":16,"filename":400,"copyright":16,"fieldtype":295,"meta_data":427,"is_external_url":267},{"alt":398,"title":399,"source":16,"copyright":16},"configurator-demo","de/developers/labs/configurator-demo",-140,[],99359039112762,"994da7ba-6801-4c31-bd3d-95d5270d377d","2026-04-03T18:44:13.707Z",[],1777045065,[438],{"name":328,"created_at":329,"published_at":330,"updated_at":331,"id":332,"uuid":333,"content":439,"slug":371,"full_slug":372,"sort_by_date":30,"position":373,"tag_list":451,"is_startpage":267,"parent_id":375,"meta_data":30,"group_id":376,"first_published_at":377,"release_id":30,"lang":378,"path":30,"alternates":452,"default_full_slug":30,"translated_slugs":30},{"_uid":335,"items":440,"component":370},[441,445],{"_uid":338,"left_nav":16,"messages":442,"component":351,"right_nav":16},[443,444],{"_uid":341,"icon":342,"link":343,"target":16,"message":344,"component":345},{"_uid":347,"icon":348,"link":349,"target":16,"message":350,"component":345},{"_uid":353,"menu":446,"component":369,"has_notice":63},[447,448,449,450],{"url":356,"_uid":357,"label":358,"new_tab":267,"component":359},{"url":356,"_uid":361,"label":362,"new_tab":267,"component":359,"style_as_button":267},{"url":356,"_uid":364,"label":365,"new_tab":267,"component":359,"style_as_button":267},{"url":356,"_uid":367,"label":368,"new_tab":267,"component":359,"style_as_button":63},[],[],[],{"age":455,"cache-control":456,"connection":457,"content-encoding":458,"content-type":459,"date":460,"etag":461,"referrer-policy":462,"sb-be-version":463,"server":464,"strict-transport-security":465,"transfer-encoding":466,"vary":467,"via":468,"x-amz-cf-id":469,"x-amz-cf-pop":470,"x-cache":471,"x-content-type-options":472,"x-frame-options":473,"x-permitted-cross-domain-policies":474,"x-request-id":475,"x-runtime":476,"x-xss-protection":477},"175025","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Fri, 24 Apr 2026 16:03:57 GMT","W/\"695766aa82c7ed80c7fd5eed982ca436\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 28541d1c5ba94fa4ae7d6f7a2c07f4f8.cloudfront.net (CloudFront)","D7WkbJIh4v6EszREbilxi2uOeKnhpkyOo4ZE_6Tjv6hmom84OmaT5g==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","48128b43-d6d6-4eea-8761-820f20fb7abe","0.036040","0",1777221662218]