[{"data":1,"prerenderedAt":483},["ShallowReactive",2],{"{\"language\":\"es\",\"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,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},"Visión general","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"Esta demo muestra cómo ",{"text":45,"type":34,"marks":46},"HOOPS Visualize para 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}," (anteriormente HOOPS Communicator) puede ser utilizado para crear un flujo de trabajo de visualización de configurador de productos. Dentro de esta demo, puedes seleccionar elementos de un ensamblaje automotriz y agregarlos a tu escena mediante carga dinámica. Además, si hay opciones disponibles de la pieza que se ha agregado, puedes intercambiar la pieza por una diferente. Dentro de esta demo hay diferentes vistas predefinidas, algunas con animaciones, para resaltar diferentes aspectos del ensamblaje.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"Para operar esta demo, simplemente pasa el cursor sobre las vistas, despliega para cambiar tu ubicación de visualización y ve las animaciones integradas. Además, puedes pasar el cursor sobre los desplegables de remolque, motor y volante para agregar más elementos a la escena, o intercambiar una pieza si ya existe dentro de la escena.","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},"Cómo se implementó:",[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},"Configurando los visualizadores",[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},"Cargar los modelos",[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},"Añadiendo selección de componentes",[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},"Incorporando relaciones de modelos",[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},"Añadiendo animaciones",[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},"Explora HOOPS Visualize para Web",[145],{"type":37},{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,153,158],{"text":150,"type":34,"marks":151},"Esta demo fue creada usando ",[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}," (anteriormente 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},"Consulta la ",{"text":172,"type":34,"marks":173},"documentación",[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},"de HOOPS Visualize para Web (anteriormente HOOPS Communicator).",{"type":79,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186,192],{"text":185,"type":34},"Regístrate para una ",{"text":187,"type":34,"marks":188},"evaluación",[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},"gratuita.",{"type":79,"content":195},[196],{"type":39,"attrs":197,"content":198},{"textAlign":30},[199,201],{"text":200,"type":34},"Empieza a codificar directamente con el ",{"text":202,"type":34,"marks":203},"Sandbox 3D",[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},"Únete a nuestro ",{"text":215,"type":34,"marks":216},"Foro Comunitario",[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,244],{"type":27,"attrs":225,"content":226},{"level":29,"textAlign":30},[227],{"text":228,"type":34,"marks":229},"¿Preguntas o Comentarios?",[230],{"type":37},{"type":39,"attrs":232,"content":233},{"textAlign":30},[234,236,242],{"text":235,"type":34},"¡Estamos buscando comentarios y cómo este kit de herramientas puede mejorarse para satisfacer tus necesidades! Por favor conéctate en nuestro ",{"text":237,"type":34,"marks":238},"foro",[239],{"type":48,"attrs":240},{"href":219,"uuid":30,"anchor":30,"target":241,"linktype":90},"_blank",{"text":243,"type":34},".",{"type":39,"attrs":245,"content":246},{"textAlign":30},[247,249,255],{"text":248,"type":34},"También puedes inscribirte para una prueba de 60 días de la ",{"text":250,"type":34,"marks":251},"Plataforma Web de HOOPS",[252],{"type":48,"attrs":253},{"href":254,"uuid":30,"anchor":30,"target":241,"linktype":90},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":243,"type":34},{"_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","Suscribirse","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},"Te notificaremos tan pronto como nuevos proyectos estén disponibles.",{"type":24,"content":280},[281],{"type":39,"attrs":282,"content":283},{"textAlign":30},[284],{"text":285,"type":34},"Sé el primero en conocer sobre nuevos proyectos",{"_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},"¿Necesitas contactarnos? Escríbenos a ",{"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":243,"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":241,"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","Nueva Investigación: Cómo los Fabricantes Satisfacen la Creciente Demanda de Datos de Ingeniería","element-notice-child",{"_uid":347,"icon":348,"link":349,"target":241,"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","Regístrese para nuestro próximo seminario web: Aprenda cómo VNTANA aprovechó los datos CAD a través de HOOPS Exchange",{"_uid":352,"icon":353,"link":354,"target":16,"message":355,"component":345},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","¿Tiene preguntas sobre nuestros SDK o aplicaciones empresariales? Hable con un experto de 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 para desarrolladores","top-menu-child",{"url":361,"_uid":366,"label":367,"new_tab":267,"component":364,"style_as_button":267},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicaciones para empresas",{"url":361,"_uid":369,"label":370,"new_tab":267,"component":364,"style_as_button":267},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Compañía",{"url":361,"_uid":372,"label":373,"new_tab":267,"component":364,"style_as_button":63},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Soporte","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":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}," para Web (anteriormente HOOPS Communicator) puede ser utilizado para crear un flujo de trabajo de visualización de configurador de productos. ","Demo del Configurador",[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},"17c5868e-414b-45fb-bf6d-1b99d531cf1f","Demostración del Configurador | Tech Soft 3D Labs","Esta demostración muestra cómo se puede utilizar HOOPS Visualize para Web (anteriormente HOOPS Communicator) para crear un flujo de trabajo de visualización de un configurador de productos. ","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/","Domingo, 25 de junio de 2023",{"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","es/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":241,"message":344,"component":345},{"_uid":347,"icon":348,"link":349,"target":241,"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/\"3a5b44834d240fccaa1c573ac11f1b00\"","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)","BYPNR51wCTkw1SUpbxM4j6W_y49KgAY70rj5E-UPeh6LE3RgGObh4w==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","6e691f26-7f51-4994-8007-bcd3394fa94f","0.060410","0",1791997370977]