Abrir una PDF, una imagen o un modelo de 3D.
Abrir un PDF, una imagen de ráster o un modelo 3D (STL, OBJ, PLY, glTF, GLB). Los archivos 2D se renderizan instantáneamente; el motor 3D sólo descarga cuando abre un archivo 3D. No hay carga alguna.
PDF y 3D Vueador es una aplicación de visualización de documentos, imágenes y modelos basada en navegador diseñada para usuarios que necesitan un modo rápido, privado e inalámbrico de inspeccionar archivos digitales. La aplicación combina varias tecnologías de visualizaciones en una sola interfaz, permitiendo abrir directamente dentro del navegador web los documentos PDF, las imágenes rasterizadas, gráficos vectoriales y los modelos 3D.
A diferencia del software tradicional desktop, el visor opera completamente dentro del entorno de navegador. Los usuarios pueden abrir archivos directamente desde su dispositivo sin crear una cuenta, instalar complementos, subir contenido a un servidor remoto o suscribirse a un servicio. Este enfoque mejora la privacidad, reduce los tiempos de espera y permite que la aplicación funcione eficientemente en desktops, computadoras portátiles, tabletas y teléfonos inteligentes modernos.
La privacidad es uno de los principios básicos del diseño detrás de la aplicación. Cada tipo de archivo soportado se procesa localmente en el dispositivo del usuario. Los documentos permanecen bajo control del usuario durante toda la sesión de visualización.
Cuando se abre un archivo PDF, el proceso de renderizado ocurre dentro del navegador utilizando tecnologías JavaScript y WebAssembly. Al abrir una imagen, se utiliza la tubería nativa de decodificación del navegador. Cuando se carga un modelo 3D , los datos geométricos son analizados y renderizados usando API gráficas locales disponibles a través de WebGL.
No se transmite ningún contenido de documento a servidores remotos para su reproducción, conversión o análisis. La aplicación ofrece por tanto una solución atractiva para los usuarios que manejan documentos empresariales sensibles, dibujos técnicos, modelos arquitectónicos, materiales educativos o archivos personales.
PDF sigue siendo uno de los formatos más utilizados en el mundo. Gobiernos, empresas, escuelas y particulares confían en archivos PDF porque conservan la configuración a través de dispositivos y sistemas operativos.
El visor admite la representación de PDF directamente en el navegador. Las páginas se muestran utilizando tecnología derivada del proyecto Mozilla pdf.js, que convierte las descripciones de página PDF en contenido renderizado por el navegador.
Las capacidades apoyadas incluyen:
Debido a que el renderizado se produce localmente, el desempeño depende principalmente del dispositivo y navegador del usuario en lugar de la velocidad de red después de la carga inicial de la aplicación.
Además de PDFs, el visor admite muchos formatos comunes de imagen utilizados en la web, fotografía, editoriales y industrias del diseño.
Los formatos de imagen compatibles incluyen PNG, JPEG, JPG, WebP, GIF, BMP y SVG. Estos formatos cubren la abrumadora mayoría de las imágenes encontradas en los flujos de trabajo cotidianos.
Los archivos PNG se utilizan comúnmente para capturas de pantalla, gráficos y transparencia. JPEG sigue siendo popular para fotografías. WebP proporciona una eficiencia moderna en la compresión. SVG permite grabaciones vectoriales escalables adecuadas para logotipos, diagramas e ilustraciones.
La aplicación aprovecha las tuberías de decodificación de imágenes nativas del navegador siempre que sea posible, ayudando a reducir la complejidad mientras se aprovechan los motores de renderizado altamente optimizados ya presentes en navegadores modernos.
Más allá de los documentos e imágenes tradicionales, el visor incluye soporte para múltiples formatos de modelos tridimensionales frecuentemente utilizados en ingeniería, fabricación, impresión 3D, arquitectura, visualización científica y creación de contenido digital.
Los formatos compatibles incluyen STL, OBJ y PLY directamente dentro de la aplicación principal. El soporte adicional para escenas glTF y GLB se puede habilitar a través del componente cargador opcional.
Estos formatos se encuentran entre los estándares más comunes utilizados en todo el ecosistema 3D.
STL es uno de los formatos más populares en la fabricación aditiva y 3D flujos de trabajo de impresión. El formato representa geometría a través de una colección de facetas triangulares y está soportado por un amplio rango de software e impresoras de modelado.
El visor puede cargar archivos STL localmente y mostrarlos de forma interactiva. Los usuarios pueden inspeccionar formas, girar modelos, ampliar detalles y evaluar geometría antes de proceder a los flujos de trabajo de impresión o fabricación.
OBJ es un formato de intercambio geométrico utilizado por numerosas aplicaciones de modelado. Soporta posiciones de vértices, normales, coordenadas de textura e información relacionada con la geometría.
Debido a su amplia adopción, OBJ sigue siendo un formato de intercambio valioso para artistas, diseñadores e ingenieros.
PLY es comúnmente encontrado en visualización científica, flujos de trabajo de escaneo y proyectos de investigación. Soporta geometría poligonal y puede almacenar atributos adicionales por vértice.
El espectador puede mostrar los modelos PLY directamente en el navegador, lo que es útil para entornos educativos y técnicos.
glTF y GLB son formatos de transmisión 3D modernos, a menudo descritos como el "JPEG de 3D". Están diseñados para la entrega eficiente de escenas, materiales, texturas y animaciones.
Estos formatos se han adoptado ampliamente en todo el gráfico web, visualización de comercio electrónico, realidad virtual, realidad aumentada y flujos de trabajo de desarrollo de juegos.
A través del componente opcional GLTFLoader, el espectador puede cargar y mostrar los activos glTF y GLB manteniendo la filosofía de procesamiento local de la aplicación.
Una vez cargado el modelo 3D, los usuarios pueden explorar la geometría utilizando técnicas de navegación comunes. Los controles de órbita permiten que la cámara gire alrededor del objeto. Los controles zoom ayudan a inspeccionar detalles finos. El panorámica permite reposicionar el objetivo de visualización.
Las opciones adicionales como la pantalla de marco y rotación automática pueden ayudar con inspección y presentación geométrica.
La representación tridimensional está impulsada por three.js, uno de los marcos JavaScript 3D más establecidos y ampliamente utilizados.
Three.js proporciona una capa de abstracción sobre WebGL, lo que hace posible crear experiencias 3D sofisticadas mientras se mantiene la compatibilidad con un navegador amplio.
La biblioteca se ha utilizado para aplicaciones educativas, visualizaciones científicas, espectadores industriales, presentaciones arquitectónicas, configuradores de productos y proyectos interactivos de entretenimiento.
Al basarse en three.js, el espectador se beneficia de años de desarrollo comunitario, optimización del rendimiento y cumplimiento con los estándares.
La optimización del rendimiento juega un papel importante en el diseño de la aplicación. Muchos usuarios solo necesitan PDF o funcionalidad para ver imágenes y nunca abren los modelos 3D.
Para reducir el uso de ancho de banda y acelerar los tiempos de inicio, se carga el motor 3D solo cuando es necesario. Esta estrategia minimiza la cantidad de JavaScript descargado durante la visita inicial a la página.
Los usuarios que trabajan exclusivamente con PDFs o imágenes por lo tanto evitan el gasto general asociado a la carga de grandes bibliotecas de renderizado 3D.
El visor está construido sobre una colección de modernos estándares web que han transformado los navegadores en plataformas de aplicaciones capaces.
Estas tecnologías incluyen:
La seguridad se ha incorporado a la arquitectura de las aplicaciones. Las políticas de seguridad del contenido ayudan a reducir superficies de ataque. Se minimizan las dependencias externas cuando es práctico. La ejecución en el lado del cliente reduce la exposición del contenido del usuario a sistemas de terceros.
Debido a que los archivos permanecen en el dispositivo del usuario, la aplicación evita muchos de los riesgos asociados con flujos de trabajo de carga por parte del servidor.
La interfaz ha sido diseñada para que sea accesible tanto a usuarios casuales como profesionales técnicos. Los controles están organizados en grupos lógicos, las acciones importantes permanecen visibles y la información de estado se muestra durante todo el proceso de visualización.
Los diseños receptivos ayudan a la aplicación adaptarse a diferentes tamaños de pantalla, desde teléfonos móviles hasta grandes monitores desktop.
El visor se puede utilizar en una amplia gama de escenarios, incluyendo:
Muchas tareas que antes requerían un software desktop dedicado ahora se pueden realizar de manera eficiente dentro de los navegadores modernos.
Un visor basado en navegador ofrece varias ventajas:
La arquitectura del visor ha sido diseñada teniendo en cuenta la extensibilidad. Los formatos de archivo adicionales, capacidades de renderizado y herramientas de inspección se pueden incorporar mientras que preservan los principios básicos de privacidad, desempeño y ejecución local de la aplicación.
A medida que las tecnologías de los navegadores continúan evolucionando, estándares como WebGPU, mejor soporte para WebAssembly y capacidades gráficas más avanzadas pueden permitir futuras mejoras manteniendo la compatibilidad con plataformas web modernas.
PDF y 3D Vueador combina la visualización de documentos, vista previa de imágenes y renderizado interactivo 3D dentro de una sola aplicación basada en navegador. A través del procesamiento local, carga progresiva, tecnologías web modernas y soporte para formatos de archivo ampliamente utilizados, proporciona una herramienta práctica para los usuarios que necesitan acceso rápido a documentos y modelos sin subir sus datos a servicios externos.
PDF; imágenes de ráster (PNG, JPEG, WebP, GIF, BMP) y SVG; y malla 3D en STL, OBJ y PLY. glTF y GLB son compatibles cuando se instala el complemento del cargador (ver Tecnología más adelante).
No. La representación de PDF utiliza pdf.js, las imágenes se renderizan nativamente en el navegador y los modelos 3D son analizados y renderizados localmente con three.js. Los archivos nunca salen del dispositivo.
El motor 3D (three.js) se descarga solo cuando abre su primer archivo 3D, por lo que la visualización 2D permanece rápida y ligera. Los archivos subsecuentes de 3D reutilizan el motor almacenado en caché.
static/pdf/lib/three/.GLTFLoader.js de los tres.js paquete de ejemplos, caído en el static/pdf/lib/three/jsm/loaders/GLTFLoader.js. STL, OBJ and PLY use compact in-tree parsers and need no add-on.Todas las marcas pertenecen a sus respectivos propietarios.