[{"data":1,"prerenderedAt":396},["ShallowReactive",2],{"{\"language\":\"es\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/minimal-web-viewer":3},{"data":4,"headers":373},{"story":5,"cv":354,"rels":355,"links":372},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":346,"full_slug":347,"sort_by_date":30,"position":348,"tag_list":349,"is_startpage":157,"parent_id":350,"meta_data":30,"group_id":351,"first_published_at":352,"release_id":30,"lang":309,"path":30,"alternates":353,"default_full_slug":30,"translated_slugs":30},"Minimal Web Viewer","2026-03-27T16:47:31.453Z","2026-10-10T22:15:18.970Z","2026-10-10T22:15:19.013Z",159500089204480,"56bbad4b-8a2f-4d13-bbce-a3656a977a7a",{"_uid":13,"body":14,"date":249,"fold":250,"intro":312,"title":325,"gallery":326,"category":327,"metadata":330,"component":334,"demo_link":335,"thumbnail":336,"github_link":342,"last_updated":343,"open_graph_image":344,"include_open_graph":51,"block_search_engines":157},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,240],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":239,"remove_padding":51},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,52,56,110,146,187,223],{"_uid":22,"body":23,"alignment":49,"component":50,"is_full_width":51},"152b4bc8-9953-4de6-97d6-3ca41c22cb62",{"type":24,"content":25},"doc",[26,38,44],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"Descripción general","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"Con solo unas pocas líneas de HTML, un desarrollador puede agregar contenido 3D a cualquier sitio web.",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"Aquí hay una implementación mínima de los datos 3D cargándose en el Visualizador Web de HOOPS y una explicación de cómo se hace.","align-left","copy",true,{"_uid":53,"code":54,"component":55},"5a7eb982-8a51-4f0e-be2e-7e1cd9804968","\u003Cdiv style=\"height: 0; margin: 20px 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;\">\n\u003Ciframe style=\"height: 100%;left: 0; position: absolute; top: 0; width: 100%;\" src=\"https://innovation-lab-downloads.s3-us-west-2.amazonaws.com/minimal.html\">\u003C/iframe>\n\u003C/div>","code",{"_uid":57,"body":58,"alignment":49,"component":50,"is_full_width":51},"f2adecbd-ef0e-41ef-83ba-15419b51ba2f",{"type":24,"content":59},[60,67,84],{"type":27,"attrs":61,"content":62},{"level":29,"textAlign":30},[63],{"text":64,"type":34,"marks":65},"Cómo se Implementó",[66],{"type":37},{"type":39,"attrs":68,"content":69},{"textAlign":30},[70,72,82],{"text":71,"type":34},"El ",{"text":73,"type":34,"marks":74},"Visualizador Web de HOOPS Visualize",[75],{"type":76,"attrs":77},"link",{"href":78,"uuid":79,"anchor":30,"target":80,"linktype":81},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"text":83,"type":34}," se importa en una etiqueta script. El Visualizador Web se crea con dos argumentos. El endpointUri muestra de dónde cargar los datos 3D. El containerId es un id de un elemento HTML donde el Visualizador Web debería renderizarse. El Visualizador Web se inicia, y eso es todo.",{"type":39,"attrs":85,"content":86},{"textAlign":30},[87,91,92,100,102,108],{"text":88,"type":34,"marks":89},"¿De dónde vinieron los datos? ",[90],{"type":37},{"text":71,"type":34},{"text":93,"type":34,"marks":94},"Convertidor CAD de HOOPS Visualize",[95],{"type":76,"attrs":96},{"href":97,"uuid":30,"anchor":30,"target":98,"linktype":99},"https://docs.techsoft3d.com/hoops/visualize-web/prog_guide/data_import/cad_conversion/converter_app/converter-application-overview.html","_blank","url",{"text":101,"type":34},", que se basa en ",{"text":103,"type":34,"marks":104},"HOOPS Exchange",[105],{"type":76,"attrs":106},{"href":107,"uuid":30,"anchor":30,"target":80,"linktype":99},"https://www.techsoft3d.com/developers/products/hoops-exchange/",{"text":109,"type":34}," para leer rápidamente archivos CAD, convirtió un ensamblaje CAD de CATIA V5 en un archivo SCS ligero y transmisible. El archivo SCS se guarda en un bucket público de AWS S3 para un fácil acceso.",{"_uid":111,"body":112,"alignment":49,"component":50,"is_full_width":51},"67c4014c-c9ee-42e5-8407-c5c49ed9eed8",{"type":24,"content":113},[114,121,134],{"type":27,"attrs":115,"content":116},{"level":29,"textAlign":30},[117],{"text":118,"type":34,"marks":119},"Pruébelo Usted Mismo",[120],{"type":37},{"type":39,"attrs":122,"content":123},{"textAlign":30},[124,126,132],{"text":125,"type":34},"Para una mirada más profunda a esta implementación y cómo extenderla, consulte la ",{"text":127,"type":34,"marks":128},"guía de construcción de una aplicación básica",[129],{"type":76,"attrs":130},{"href":131,"uuid":30,"anchor":30,"target":98,"linktype":99},"https://docs.techsoft3d.com/hoops/visualize-web/tutorials/basic-app/introduction.html",{"text":133,"type":34}," para HOOPS Visualize para Web.",{"type":39,"attrs":135,"content":136},{"textAlign":30},[137,139,144],{"text":138,"type":34},"Introduce los conceptos clave de desarrollar una aplicación web con ",{"text":140,"type":34,"marks":141},"HOOPS Visualize",[142],{"type":76,"attrs":143},{"href":78,"uuid":79,"anchor":30,"target":98,"linktype":81},{"text":145,"type":34},". Al final, tendrás una base sólida para comenzar a integrarlo en tus propios proyectos.",{"_uid":147,"messages":148,"component":181,"background":182,"remove_padding":51,"is_verticalized":157},"f964a1a0-8c11-4253-9374-60fac4cd3a0a",[149],{"_uid":150,"icon":16,"buttons":151,"content":162,"headline":169,"link_url":16,"metadata":176,"component":179,"icon_size":16,"link_label":16,"headline_heading":180},"8db5e947-ff83-4bde-b44c-c230d43ec62e",[152],{"_uid":153,"href":16,"color":154,"label":155,"action":156,"new_tab":157,"outline":51,"alignment":16,"component":158,"text_link":157,"destination":159},"ff9677fc-f285-40b3-ab6f-3fa2e32c697e","light","Suscribirse","action-modal",false,"element-button",{"id":16,"url":160,"linktype":99,"fieldtype":161,"cached_url":160},"subscribe","multilink",{"type":24,"content":163},[164],{"type":39,"attrs":165,"content":166},{"textAlign":30},[167],{"text":168,"type":34},"Te notificaremos tan pronto como nuevos proyectos estén disponibles.",{"type":24,"content":170},[171],{"type":39,"attrs":172,"content":173},{"textAlign":30},[174],{"text":175,"type":34},"Sé el primero en conocer nuevos proyectos",{"_uid":177,"title":16,"plugin":178,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":183,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":184,"copyright":16,"fieldtype":185,"meta_data":186,"is_external_url":157},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":188,"body":189,"alignment":49,"component":50,"is_full_width":51},"8fdf56ab-b62c-48bf-a5d3-bd005e411480",{"type":24,"content":190},[191,198,211],{"type":27,"attrs":192,"content":193},{"level":29,"textAlign":30},[194],{"text":195,"type":34,"marks":196},"¿Preguntas o Comentarios?",[197],{"type":37},{"type":39,"attrs":199,"content":200},{"textAlign":30},[201,203,209],{"text":202,"type":34},"¡Estamos buscando comentarios y cómo este conjunto de herramientas puede mejorarse para satisfacer tus necesidades! Por favor, conéctate en nuestro ",{"text":204,"type":34,"marks":205},"foro",[206],{"type":76,"attrs":207},{"href":208,"uuid":30,"anchor":30,"target":98,"linktype":99},"https://forum.techsoft3d.com/",{"text":210,"type":34},".",{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216,222],{"text":215,"type":34},"También puedes registrarte para una prueba de 60 días de la ",{"text":217,"type":34,"marks":218},"Plataforma Web de HOOPS",[219],{"type":76,"attrs":220},{"href":221,"uuid":30,"anchor":30,"target":98,"linktype":99},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":210,"type":34},{"_uid":224,"body":225,"alignment":49,"component":50,"is_full_width":51},"99152d4a-552b-453a-90c0-b4b9796888c1",{"type":24,"content":226},[227],{"type":39,"attrs":228,"content":229},{"textAlign":30},[230,232,238],{"text":231,"type":34},"¿Necesitas contactarnos? Envíanos un correo a ",{"text":233,"type":34,"marks":234},"labs@techsoft3d.com",[235],{"type":76,"attrs":236},{"href":233,"uuid":30,"anchor":30,"target":80,"linktype":237},"email",{"text":210,"type":34},"columns",{"id":160,"_uid":241,"items":242,"component":248},"ca556064-0fa5-4110-8395-86e3f005ea32",[243],{"id":244,"_uid":245,"component":246,"business_unit":247},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2020-03-02 00:00",[251],{"_uid":252,"source":253,"component":311},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":254,"created_at":255,"published_at":256,"updated_at":257,"id":258,"uuid":259,"content":260,"slug":302,"full_slug":303,"sort_by_date":30,"position":304,"tag_list":305,"is_startpage":157,"parent_id":306,"meta_data":30,"group_id":307,"first_published_at":308,"release_id":30,"lang":309,"path":30,"alternates":310,"default_full_slug":30,"translated_slugs":30,"_stopResolving":51},"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":261,"items":262,"component":301},"8915070e-32eb-476d-b215-1c92ebdad15c",[263,283],{"_uid":264,"left_nav":16,"messages":265,"component":282,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[266,272,277],{"_uid":267,"icon":268,"link":269,"target":98,"message":270,"component":271},"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":273,"icon":274,"link":275,"target":98,"message":276,"component":271},"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":278,"icon":279,"link":280,"target":16,"message":281,"component":271},"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":284,"menu":285,"component":300,"has_notice":51},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[286,291,294,297],{"url":287,"_uid":288,"label":289,"new_tab":157,"component":290},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDK para desarrolladores","top-menu-child",{"url":287,"_uid":292,"label":293,"new_tab":157,"component":290,"style_as_button":157},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicaciones para empresas",{"url":287,"_uid":295,"label":296,"new_tab":157,"component":290,"style_as_button":157},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Compañía",{"url":287,"_uid":298,"label":299,"new_tab":157,"component":290,"style_as_button":51},"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":313},[314],{"type":39,"attrs":315,"content":316},{"textAlign":30},[317,319,323],{"text":318,"type":34},"La Plataforma Web de HOOPS utiliza HOOPS Exchange para el acceso a datos CAD y ",{"text":140,"type":34,"marks":320},[321],{"type":76,"attrs":322},{"href":78,"uuid":79,"anchor":30,"target":80,"linktype":81},{"text":324,"type":34}," para Web (anteriormente HOOPS Communicator) para la visualización web en 3D.","Visualizador Web Mínimo",[],[328,329],"hoopsExchange","hoopsVisualize",{"_uid":331,"title":332,"plugin":178,"description":333},"bddd3b76-421e-43a8-9c3e-fe37fb042785","Visor Web Mínimo | Tech Soft 3D Labs","La Plataforma Web de HOOPS utiliza HOOPS Exchange para acceso a datos CAD y HOOPS Visualize para Web (anteriormente HOOPS Communicator) para visualización web 3D.","lab",{"id":16,"url":16,"linktype":99,"fieldtype":161,"cached_url":16},{"id":337,"alt":338,"name":16,"focus":16,"title":339,"source":16,"filename":340,"copyright":16,"fieldtype":185,"meta_data":341,"is_external_url":157},160806696871751,"A 3D model in a minimal CAD viewer built with HOOPS Visualize.","Minimal CAD Viewer","https://a-us.storyblok.com/f/1023536/1920x1080/e1c17dea97/minimal-cad-viewer.jpg",{"alt":338,"title":339,"source":16,"copyright":16},{"id":16,"url":16,"linktype":99,"fieldtype":161,"cached_url":16},"Lunes, 2 de marzo de 2020",{"id":337,"alt":338,"name":16,"focus":16,"title":339,"source":16,"filename":340,"copyright":16,"fieldtype":185,"meta_data":345,"is_external_url":157},{"alt":338,"title":339,"source":16,"copyright":16},"minimal-web-viewer","es/developers/labs/minimal-web-viewer",-200,[],99359039112762,"4a2fa999-84cf-4106-a297-f63b5b104b6f","2026-04-03T18:44:12.259Z",[],1791995899,[356],{"name":254,"created_at":255,"published_at":256,"updated_at":257,"id":258,"uuid":259,"content":357,"slug":302,"full_slug":303,"sort_by_date":30,"position":304,"tag_list":370,"is_startpage":157,"parent_id":306,"meta_data":30,"group_id":307,"first_published_at":308,"release_id":30,"lang":309,"path":30,"alternates":371,"default_full_slug":30,"translated_slugs":30},{"_uid":261,"items":358,"component":301},[359,364],{"_uid":264,"left_nav":16,"messages":360,"component":282,"right_nav":16},[361,362,363],{"_uid":267,"icon":268,"link":269,"target":98,"message":270,"component":271},{"_uid":273,"icon":274,"link":275,"target":98,"message":276,"component":271},{"_uid":278,"icon":279,"link":280,"target":16,"message":281,"component":271},{"_uid":284,"menu":365,"component":300,"has_notice":51},[366,367,368,369],{"url":287,"_uid":288,"label":289,"new_tab":157,"component":290},{"url":287,"_uid":292,"label":293,"new_tab":157,"component":290,"style_as_button":157},{"url":287,"_uid":295,"label":296,"new_tab":157,"component":290,"style_as_button":157},{"url":287,"_uid":298,"label":299,"new_tab":157,"component":290,"style_as_button":51},[],[],[],{"cache-control":374,"connection":375,"content-encoding":376,"content-type":377,"date":378,"etag":379,"referrer-policy":380,"sb-be-version":381,"server":382,"strict-transport-security":383,"transfer-encoding":384,"vary":385,"via":386,"x-amz-cf-id":387,"x-amz-cf-pop":388,"x-cache":389,"x-content-type-options":390,"x-frame-options":391,"x-permitted-cross-domain-policies":392,"x-request-id":393,"x-runtime":394,"x-xss-protection":395},"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:47 GMT","W/\"619fb3c55daf66d4b0bba813a5fac358\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 79474acb663c3d44e0e59cf40b4b47c0.cloudfront.net (CloudFront)","4w_6F7OxWDynSORD4mpzNDgSXLzY9pkvsv4VlgQjBNy_owF_u9vm2A==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","08f7cb4b-4121-4820-857d-76bca95a700f","0.026752","0",1791997367873]