Blend4Web es un marco de código abierto y gratuito para crear y mostrar gráficos interactivos en 3D por computadora en navegadores web .
Desarrollador (es) | Triumph LLC |
---|---|
Lanzamiento estable | 18.05 / 6 de junio de 2018 |
Escrito en | JavaScript , Python , C , C ++ |
Tipo | Motor 3D |
Licencia | GPLv3 o comercial |
Sitio web | www |
Descripción general
El marco Blend4Web aprovecha Blender para editar escenas 3D. La reproducción de contenido se basa en WebGL , Web Audio , WebVR y otros estándares web , sin el uso de complementos . [1]
Tiene doble licencia y se distribuye bajo la GPLv3 de código abierto y gratuito y una licencia no gratuita ; el código fuente está alojado en GitHub . [2]
Se puede preparar una escena 3D en Blender y luego exportar como un par de archivos JSON y binarios para cargar 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 GUI del reproductor web y el motor en sí. [3] La opción HTML se considera la forma más sencilla. [4] 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 . [5] Las aplicaciones web con tecnología Blend4Web se pueden implementar en sitios web de redes sociales como Facebook . [6]
La cadena de herramientas Blend4Web consta de bibliotecas JavaScript , el complemento Blender y un conjunto de herramientas para ajustar los parámetros de la escena 3D, depurar y optimizar .
Desarrollado por la empresa Triumph con sede en Moscú en 2010, Blend4Web se lanzó al público el 28 de marzo de 2014. [7]
A finales de 2017, los fundadores del proyecto, Yuri y Alex Kovelenov, abandonaron Triumph para iniciar el desarrollo de un nuevo marco WebGL, Verge3D . [8]
En octubre de 2019 se anunció un "Blend4Web absolutamente nuevo" [9] . Entre otras cosas nuevas, que facilitarán el desarrollo de aplicaciones 3D, se creó un nuevo Marketplace, donde las personas pueden ofrecer sus modelos 3D.
Características
El marco tiene una serie de componentes que se encuentran normalmente en los motores de juegos , incluido el sistema de audio posicional , el motor de física (una bifurcación de Bullet portado a JavaScript ), el sistema de animación y una capa de abstracción para la programación de la lógica del juego. [10]
Se pueden asignar hasta 8 tipos diferentes de animaciones a un solo objeto, incluida la animación esquelética y por vértice . La velocidad y la dirección de la animación (reproducción hacia adelante / hacia atrás), así como los parámetros del sistema de partículas (tamaño, velocidad inicial y recuento) se pueden cambiar a través de la API . [11]
Entre otras funciones compatibles se encuentran la carga y descarga dinámica de datos de escena , la simulación de dispersión subterránea y la iluminación basada en imágenes . [12]
Existen algunas opciones listas para usar para renderizar entornos exteriores extendidos, incluida la interacción follaje-viento, agua, atmósfera y simulación de luz solar. Un ejemplo que demuestra estos efectos es la demostración tecnológica de "The Farm" , que también presenta varios NPC animados y la capacidad de caminar, interactuar con objetos y conducir un vehículo en modo de primera persona . [13]
Al estar basado en la API WebGL de varios navegadores , Blend4Web se ejecuta en la mayoría [14] de los navegadores web , incluidos los móviles. [15] Hay algunas advertencias para los navegadores con soporte experimental de WebGL, como Internet Explorer . [16] También hay aplicaciones desarrolladas para ejecutarse en dispositivos con tecnología Tizen , como el reloj inteligente Samsung Gear S2 . [17]
Otras características incluyen el procesamiento por lotes de llamadas de dibujo, la determinación de superficies ocultas , la simulación física de subprocesos y la simulación del océano. [18]
En la versión 14.09, Blend4Web introdujo la posibilidad de agregar interactividad a escenas 3D utilizando una herramienta de programación visual . [19] [20] 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. [21]
Desde la versión 15.03, Blend4Web ha admitido adjuntar elementos HTML (como ventanas de información) a objetos 3D ("anotaciones") y copiar objetos en tiempo de ejecución ("instancias"). [22]
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 la pantalla . [23]
VR, AR
Los dispositivos de realidad virtual han sido compatibles desde finales de 2015. Específicamente, la pantalla montada en la cabeza de Oculus Rift funciona sobre la API WebVR experimental . [24]
El software ahora también incluye soporte preliminar para gamepads , basado en la API de Gamepad. [25]
En 2017, se agregó la opción de crear contenido de realidad aumentada . [26] El sistema se basa en la biblioteca de seguimiento de código abierto ARToolKit y utiliza los protocolos WebRTC . [27]
A partir de la versión 17.08, el seguimiento de los dedos se admite a través del dispositivo Leap Motion . [28]
Integración de licuadora
El Blender add-on está escrito en Python y C y puede ser compilado para el Linux x86 / x64, OS X x64 y MS Windows x86 / x64 plataformas .
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 para que solo muestre configuraciones relevantes para Blend4Web. [29]
Blend4Web admite un conjunto de características específicas de Blender, como el editor de material de nodos (una herramienta para la programación de sombreadores visuales ) [30] y el sistema de partículas . [31] Existe soporte básico para el editor de animación no lineal (NLA) de Blender para crear escenarios simples.
Blend4Web se basa esencialmente en el motor de renderizado GLSL en tiempo real de Blender , que se recomienda a los usuarios utilizar para habilitar la edición WYSIWYG . [32]
Usos notables
La NASA desarrolló una aplicación web interactiva llamada Experience Curiosity para celebrar el tercer aniversario del aterrizaje del rover Curiosity en Marte . [33] Esta aplicación basada en Blend4Web [34] permite operar el rover, controlar sus cámaras y el brazo robótico y reproduce algunos de los eventos destacados de la misión Mars Science Laboratory . [35] [36] La solicitud se presentó al comienzo de la sección WebGL en SIGGRAPH 2015. [37]
Experience Curiosity se trasladó a Verge3D para Blender en 2018 con varias mejoras de rendimiento y correcciones de errores. [38]
Un distribuidor autorizado de General Motors en los Emiratos Árabes Unidos ha colocado un configurador 3D funcional de Chevrolet Camaro en su sitio web. [39] [40]
Greenpeace creó infografías 3D interactivas para respaldar la campaña Detox de Greenpeace en Rusia. [41] Tallink presentó una presentación interactiva en 3D de su embarcación MS Megastar para permitir a los visitantes navegar por los detalles de la nave. [42]
Ver también
- Verge3D
- Licuadora
- WebGL
- Lista de marcos WebGL
Referencias
- ^ "Blend4Web: la solución de código abierto para 3D en línea" . Hacks de Mozilla . Consultado el 13 de agosto de 2015 .
- ^ "Blend4Web en GitHub" . GitHub.com/TriumphLLC . Consultado el 11 de agosto de 2014 .
- ^ Прахов, Андрей (Июль, 2015). "Blend4Web". Formato Linux , стр. 20.
- ^ "Blend4Web, un visor 3D interactivo" . BlenderNation.com . Consultado el 11 de agosto de 2014 .
- ^ "Blend4Web: способ вставить 3D-содержание на веб-страницу с использованием WebGL" . Belursus.info . Consultado el 4 de septiembre de 2014 .
- ^ "Modelos de Blender en Facebook" . Dalai Felinto . Consultado el 11 de septiembre de 2015 .
- ^ "Sitio oficial de Blend4Web - Acerca de" . Blend4Web.com . Consultado el 13 de agosto de 2015 .
- ^ "Arrancando" . Soft8Soft . Consultado el 23 de noviembre de 2017 .
- ^ "Nuevo Blend4Web" . Blend4Web . Consultado el 7 de marzo de 2021 .
- ^ "Представлен Blend4Web, движок для создания браузерных 3D-приложений" . OpenNet.ru . Consultado el 18 de junio de 2015 .
- ^ "Релиз движка для создания браузерных 3D-приложений Blend4Web 14.08" . OpenNet.ru . Consultado el 13 de agosto de 2015 .
- ^ "La actualización de Blend4Web agrega iluminación mejorada y más" . BlenderNation.com . Consultado el 13 de agosto de 2014 .
- ^ "Blend4Web:" La Granja "- Demo einer kleinen virtuellen Welt" . Echt Virtuell . Consultado el 18 de septiembre de 2014 .
- ^ "¿Puedo usar WebGL?" . caniuse.com . Consultado el 15 de agosto de 2014 .
- ^ "HTML5, la Web 3D y la muerte de los complementos" . 3dspace.com. Archivado desde el original el 15 de febrero de 2016 . Consultado el 18 de febrero de 2016 .
- ^ "Blend4Web: енджин за създаване на браузърни 3D сцени и приложения" . Kaldata: revisiones de software, hardware y juegos . Consultado el 4 de septiembre de 2014 .
- ^ "Esferas de reloj 3D en tiempo real de relojes de lujo para Gear S2" . Expertos en Tizen . Consultado el 12 de agosto de 2016 .
- ^ Cozzi, Patrick. Perspectivas de WebGL . Prensa CRC, 2015 ISBN 978-1-49-871607-9 .
- ^ "Actualización de Blend4Web: Animación no lineal y más" . BlenderNation.com . Consultado el 29 de septiembre de 2014 .
- ^ "Выпущен фреймворк Blend4Web 14.09" . digilinux.ru. Archivado desde el original el 28 de septiembre de 2014 . Consultado el 29 de septiembre de 2014 .
- ^ "Blend4Web: обзор новинки отечественного софтопрома" . Habrahabr.ru . Consultado el 4 de junio de 2015 .
- ^ "Blend4web: anotaciones interactivas y autres nouveautés" . Greg GdBénicourt. Archivado desde el original el 14 de mayo de 2016 . Consultado el 29 de mayo de 2015 .
- ^ "Релиз движка для создания браузерных 3D-приложений Blend4Web 15.05" . OpenNet.ru . Consultado el 18 de junio de 2015 .
- ^ "Triumph lanza Blend4Web 15.12" . cgchannel.com . Consultado el 18 de febrero de 2016 .
- ^ "Triumph lanza Blend4Web 16.08" . cgchannel.com . Consultado el 14 de septiembre de 2016 .
- ^ "Blend4Web 17.06 está fuera" . Nivel 80 . Consultado el 14 de julio de 2017 .
- ^ "Blend4Web 17.06 agrega soporte de realidad aumentada" . cgchannel.com . Consultado el 14 de julio de 2017 .
- ^ "Blend4Web" . blog.r23.de . Consultado el 7 de septiembre de 2017 .
- ^ "Blend4Web - ¡Imprescindible para los fanáticos de Blender!" . 3ddey.com. Archivado desde el original el 1 de junio de 2015 . Consultado el 29 de mayo de 2015 .
- ^ "Interactive 3D Web - ¿Ist Das Die Zukunft?" . 3d-magazin.eu . Consultado el 16 de septiembre de 2016 .
- ^ "3D-Web-Applikationen mit Blend4Web erstellen" . entwickler.de . Consultado el 29 de mayo de 2015 .
- ^ "Blend4Web: Exporter Facilement en HTML" . BlenderLounge . Consultado el 17 de julio de 2015 .
- ^ "Nuevas herramientas de exploración en línea llevan el viaje de la NASA a Marte a la nueva generación" . NASA . Consultado el 7 de agosto de 2015 .
- ^ "Experimente la curiosidad" . Ojos de la NASA . Consultado el 7 de agosto de 2015 .
- ^ "Prenez le controle de Curiosity avec Blend4Web" . Greg GdBénicourt. Archivado desde el original el 19 de septiembre de 2015 . Consultado el 16 de septiembre de 2015 .
- ^ "Internet 3D: tome el Curiosity Rover para dar una vuelta a la derecha en el sitio web de la NASA" . Technology.Org . Consultado el 12 de agosto de 2015 .
- ^ "Eventos de Khronos - 2015 SIGGRAPH" . Khronos . Consultado el 13 de agosto de 2015 .
- ^ "Experimente la curiosidad: la NASA recurre a Verge3D" . Soft8Soft . Consultado el 3 de noviembre de 2018 .
- ^ "BLEND4WEB: UN CONFIGURATEUR POUR CHEVROLET" . benicourt.com . Consultado el 23 de junio de 2017 .
- ^ "Al Ghandi Auto" . Al Ghandi Auto . Consultado el 23 de junio de 2017 .
- ^ "Чистая мода - Гринпис России" . Greenpeace . Consultado el 14 de septiembre de 2016 .
- ^ "Experiencia Megastar 3D" . Tallink . Consultado el 14 de septiembre de 2016 .
enlaces externos
- Página web oficial