Blend4Web es un marco gratuito y de código abierto para crear y mostrar gráficos de computadora 3D interactivos en navegadores web .
El marco Blend4Web aprovecha Blender para editar escenas 3D. La representación de contenido se basa en WebGL , Web Audio , WebVR y otros estándares web , sin el uso de complementos . [2]
Tiene doble licencia . El marco se distribuye bajo la licencia GPLv3 de código abierto y gratuito y una licencia no libre , con el código fuente alojado en GitHub . [3]
Se puede preparar una escena 3D en Blender y luego exportarla como un par de archivos JSON y binarios para cargarla en una aplicación web . También se puede exportar como un único archivo HTML autónomo , en el que se empaquetan los datos exportados, la interfaz gráfica de usuario del reproductor web y el motor en sí. [4] La opción HTML se considera la forma más sencilla. [5] El archivo resultante, que tiene un tamaño mínimo de 1 MB , se puede incrustar en una página web utilizando un elemento HTML iframe estándar . [6] Las aplicaciones web impulsadas por Blend4Web se pueden implementar en sitios web de redes sociales como Facebook . [7]
La cadena de herramientas Blend4Web consta de bibliotecas de JavaScript , el complemento Blender y un conjunto de herramientas para ajustar parámetros de escenas 3D, depuración y optimización .
Desarrollado por la empresa Triumph con sede en Moscú en 2010, Blend4Web se lanzó al público el 28 de marzo de 2014. [8]
A finales de 2017, los fundadores del proyecto, Yuri y Alex Kovelenov, abandonaron Triumph para comenzar el desarrollo de un nuevo marco WebGL, Verge3D . [9]
En octubre de 2019, se anunció un "Blend4Web absolutamente nuevo" [10] , planeado para facilitar el desarrollo de aplicaciones 3D y agregar un nuevo mercado donde las personas puedan ofrecer sus modelos 3D .
El marco tiene una serie de componentes que normalmente se encuentran en los motores de juegos , incluido un sistema de audio posicional , un motor de física (una bifurcación de Bullet trasladada a JavaScript ), un sistema de animación y una capa de abstracción para la programación de la lógica del juego. [11]
Se pueden asignar hasta 8 tipos diferentes de animaciones a un solo objeto, incluidas animaciones esqueléticas y por vértice . La velocidad y la dirección de la animación (reproducción hacia adelante/atrás), así como los parámetros del sistema de partículas (tamaño, velocidad inicial y conteo), se pueden cambiar a través de la API . [12]
Entre otras características admitidas se encuentran: carga y descarga dinámica de datos de escena, simulación de dispersión del subsuelo e iluminación basada en imágenes . [13]
Existen algunas opciones listas para usar para renderizar entornos exteriores extendidos, que incluyen interacción entre follaje y viento, agua, atmósfera y simulación de luz solar. Un ejemplo que demuestra estos efectos es la demostración técnica "The Farm" , que también presenta múltiples NPC animados y la capacidad de caminar, interactuar con objetos y conducir un vehículo en modo de primera persona . [14]
Al estar basado en la API WebGL entre navegadores , Blend4Web se ejecuta en la mayoría [15] de los navegadores web , incluidos los móviles. [16] Hay algunas advertencias para los navegadores con soporte WebGL experimental, como Internet Explorer . [17] También hay aplicaciones desarrolladas para ejecutarse en dispositivos con tecnología Tizen , como el reloj inteligente Samsung Gear S2 . [18]
Otras características incluyen: agrupamiento de llamadas de dibujo, determinación de superficie oculta , simulación de física enhebrada y simulación oceánica. [19]
En la versión 14.09, Blend4Web introdujo la posibilidad de añadir interactividad a las escenas 3D mediante una herramienta de programación visual . [20] [21] La herramienta recuerda al editor lógico de BGE , ya que utiliza bloques lógicos que se colocan dentro de Blender. Reproduce pistas de animación creadas por un artista cuando el usuario interactúa con objetos 3D predefinidos. [22]
Desde la versión 15.03, Blend4Web permite adjuntar elementos HTML (como ventanas de información) a objetos 3D ("anotaciones") y copiar objetos en tiempo de ejecución ("instanciación"). [23]
Se admiten los siguientes efectos de posprocesamiento : brillo, floración , profundidad de campo , rayos crepusculares , desenfoque de movimiento y oclusión ambiental del espacio de pantalla . [24]
Los dispositivos de realidad virtual cuentan con soporte desde finales de 2015. En concreto, el visor montado en la cabeza Oculus Rift funciona a través de la API experimental WebVR . [25]
El software ahora también incluye soporte preliminar para gamepads , basado en la API Gamepad. [26]
En 2017, se agregó la opción de crear contenido de realidad aumentada . [27] El sistema se basa en la biblioteca de seguimiento de código abierto ARToolKit y utiliza los protocolos WebRTC . [28]
A partir de la versión 17.08, el seguimiento de dedos es compatible a través del dispositivo Leap Motion . [29]
El complemento Blender está escrito en Python y C y se puede compilar para las plataformas Linux x86/x64, OS X x64 y MS Windows x86/x64 .
Se puede activar un perfil específico de Blend4Web en la configuración del complemento. Al cambiar a este perfil, la interfaz de Blender cambia de modo que solo muestra las configuraciones relevantes para Blend4Web. [30]
Blend4Web admite un conjunto de características específicas de Blender, como el editor de materiales de nodos (una herramienta para la programación visual de sombreadores ) [31] y el sistema de partículas . [32] Existe un soporte básico para el editor de animación no lineal (NLA) de Blender para crear escenarios simples.
Blend4Web se basa en el motor de renderizado GLSL en tiempo real de Blender , que se recomienda a los usuarios utilizar para habilitar la edición WYSIWYG . [33]
La NASA desarrolló una aplicación web interactiva llamada Experience Curiosity para celebrar el tercer aniversario del aterrizaje del rover Curiosity en Marte . [34] Esta aplicación basada en Blend4Web [35] permite operar el rover, controlar sus cámaras y el brazo robótico , y reproducir algunos de los eventos destacados de la misión Mars Science Laboratory . [36] [37] La aplicación se presentó al comienzo de la sección WebGL en SIGGRAPH 2015. [38]
Experience Curiosity fue trasladado a Verge3D para Blender en 2018 con varias mejoras de rendimiento y correcciones de errores. [39]
Un concesionario autorizado de General Motors en los Emiratos Árabes Unidos ha colocado un configurador 3D funcional del Chevrolet Camaro en su sitio web. [40] [41]
Greenpeace creó infografías 3D interactivas para apoyar la campaña Detox de Greenpeace en Rusia. [42] Tallink presentó una presentación 3D interactiva de su barco MS Megastar para permitir a los visitantes explorar los detalles del barco. [43]
.svg/1280px-Free_and_open-source_software_logo_(2009).svg.png){kind=logo}