Los teléfonos inteligentes han desarrollado enormes capacidades de procesamiento y análisis, y también han seguido esta tendencia en cuanto a contenido.
El viejo dicho "una imagen vale más que mil palabras" ha sido reemplazado con el tiempo por "un video vale más que mil imágenes"
3Dera®
se presenta como una solución lista para usar para las necesidades de gestión de contenido 3D, para llevar contenido 3D a soluciones web.
El núcleo está desarrollado en WebAssembly, una tecnología muy cercana al lenguaje de máquina, altamente optimizada y de alto rendimiento.
La capa superior, 3DeraJS, es una biblioteca de JavaScript que permite a los desarrolladores web interactuar con el núcleo de 3Dera®.
Las directrices detrás del desarrollo de la biblioteca 3DeraJS fueron:
Autonomía y personalización completa, presets y soporte siempre disponibles
- Autonomía para el desarrollador, es decir, la posibilidad de comenzar con presets listos para escenarios comunes pero dejando la posibilidad de expansión y personalización según las peculiaridades del proyecto que se va a implementar.
-
El equipo de 3Dera® está disponible cuando se necesita una mayor participación del cliente o optimizaciones más avanzadas.
¿Las características de 3Dera® te han intrigado?
3Dera® es internamente complejo pero intuitivo de usar
Preset para entornos, calidad de textura, control completo de cada elemento.
Los presets de3Dera® consisten en una escena predefinida que permite visualizar objetos en un entorno estándar sin necesidad de ocuparse de implementar los detalles.
El punto distintivo de 3Dera® es permitir a los desarrolladores tener control completo de cada elemento, desde la calidad de la textura (muchos configuradores en línea reducen la calidad de la textura para ahorrar espacio y optimizar, pero hay muchos casos en los que es necesario mantener alta la calidad de la textura) hasta los movimientos de la cámara, etc.
¿Las características de 3Dera® te han intrigado?
La integración de la biblioteca JS puede realizarse manualmente o a través de un gestor de paquetes.
El paquete está disponible tanto para Typescript como para Javascript.
La inicialización del motor consta de dos fases
La primera es donde especificamos a 3Dera® cuál es el elemento Canvas de la página donde queremos renderizar la escena.
La segunda parte es el inicio real de la escena que nos permite interactuar con el objeto.
Descubre la sencillez de integrar el framework 3Dera®
Un ejemplo típico de integración de 3D en la web con 3Dera®
El producto de un comercio electrónico.
-
La primera instrucción permite la inicialización del preset "ORBIT", que es el clásico producto de comercio electrónico, por ejemplo, un zapato en primer plano. Con el ratón, se puede interactuar con el objeto para girarlo, acercarlo y alejarlo.
-
La segunda instrucción es la carga mediante un paquete ZIP del modelo 3D del objeto a mostrar en el configurador 3D.
Con estas dos líneas, tienes la posibilidad de rotar el zapato, hacer zoom y interactuar con él incluso en dispositivos móviles con gestos táctiles.
Integra 3Dera® en tu proyecto web.
Otro presets ya disponibles en 3Dera® son aquellos para entornos virtuales, como por ejemplo habitaciones o visualizaciones a 360°.
Comencemos a dar vida a nuestro proyecto. Implementando los eventos del ratón y del teclado, por ejemplo, al hacer clic con el ratón, asociamos una función para cambiar el color, el material, etc., de mi objeto o de una parte del mismo.
Un paso adicional implica las personalizaciones del objeto, como la grabación de un mensaje dentro de un anillo. Para agregar un mensaje dinámico al modelo 3D, se debe definir dentro del modelo un área donde se puede cargar un objeto personalizado, y a nivel de JavaScript, se toma una imagen renderizada en tiempo real y se asigna al área personalizada del modelo 3D.
Integra 3Dera® en tu proyecto web.
3Dera®
es un proyecto en constante expansión.
En el corto plazo:
Se desarrollarán más presets
Se creará más material informativo y ejemplos para los desarrolladores.
Se implementará la integración con Machine Learning más avanzado y con pipeline de CAD/CAM.
