Blend4Web

The Blend4Web framework leverages Blender to edit 3D scenes. Content rendering relies on WebGL, Web Audio, WebVR and other web standards, without the use of plug-ins.[1]

It is dual-licensed and is distributed under the free and open source GPLv3 and a non-free license; the source code is hosted on GitHub.[2]

A 3D scene can be prepared in Blender and then exported as a pair of JSON and binary files to load in a web application. It can also be exported as a single, self-contained HTML file, in which exported data, the web player GUI and the engine itself are packed.[3] The HTML option is considered to be the simplest way .[4] The resulting file, which has a minimum size of 1 MB, can be embedded in a web page using a standard iframe HTML element.[5] Blend4Web-powered web applications can be deployed on social networking websites such as Facebook.[6]

The Blend4Web toolchain consists of JavaScript libraries, the Blender add-on and a set of tools for tweaking 3D scene parameters, debugging and optimization.

Developed by Moscow-based company Triumph in 2010, Blend4Web was publicly released on March 28, 2014.[7]

In the end of 2017, the project founders Yuri and Alex Kovelenov quit Triumph to start the development of a new WebGL framework Verge3D.[8]

As of November 2018, no new software releases, blog, or social media activity is being observed for months. There are numerous reports on the company forums from users who are unable to activate purchased licenses.[9][10][11]

The framework has a number of components typically found in game engines, including positional audio system, physics engine (a fork of Bullet ported to JavaScript), animation system and an abstraction layer for game logic programming.[12]

Up to 8 different types of animations can be assigned to a single object, including skeletal and per-vertex animation. The speed and the direction of animation (forward/backward play), as well as particle system parameters (size, initial velocity and count) can be changed though the API.[13]

Among other supported features are scene data dynamic loading and unloading, subsurface scattering simulation and image-based lighting.[14]

Some out-of-box options exist for rendering extended outdoor environments, including foliage-wind interaction, water, atmosphere and sunlight simulation. One example demonstrating these effects is "The Farm" tech demo, which also features multiple animated NPCs and the ability to walk, interact with objects and drive a vehicle in first-person mode.[15]

Being based on the cross-browser WebGL API, Blend4Web runs in the majority[16] of web browsers, including mobile ones.[17] There are some caveats for browsers with experimental WebGL support, such as Internet Explorer.[18] There are also applications developed to run on Tizen-powered devices such as Samsung Gear S2 smartwatch.[19]

Other features include draw call batching, hidden surface determination, threaded physics simulation and ocean simulation.[20]

In version 14.09, Blend4Web introduced the possibility of adding interactivity to 3D scenes using a visual programming tool.[21][22] The tool is reminiscent of the BGE's logic editor as it uses logic blocks which are placed inside Blender. It plays back animation tracks authored by an artist when the user interacts with predefined 3D objects.[23]

Since version 15.03, Blend4Web has supported attaching HTML elements (such as information windows) to 3D objects ("annotations") and copying objects in run time ("instancing").[24]

The following post-processing effects are supported: glow, bloom, depth of field, crepuscular rays, motion blur and screen space ambient occlusion.[25]

Virtual reality devices have been supported since the end of 2015. Specifically, Oculus Rift head-mounted display works over experimental WebVR API.[26]

The software also now includes preliminary support for gamepads, based on the Gamepad API.[27]

In 2017, the option to author augmented reality content was added.[28] The system is based on open-source tracking library ARToolKit and uses the WebRTC protocols.[29]

Starting from version 17.08, finger tracking is supported through the Leap Motion device.[30]

The Blender add-on is written in Python and C and can be compiled for the Linux x86/x64, OS X x64 and MS Windows x86/x64 platforms.

A Blend4Web-specific profile can be activated in the add-on settings. When switching to this profile, the Blender interface changes so that it only reveals settings relevant to Blend4Web.[31]

Menu for switching to Blend4Web mode

Blend4Web supports a set of Blender-specific features such as the node material editor (a tool for visual shader programming)[32] and the particle system.[33] There is basic support for Blender's non-linear animation (NLA) editor for creating simple scenarios.

Blend4Web is essentially based on Blender's real-time GLSL rendering engine, which users are recommended to use in order to enable WYSIWYG editing.[34]

NASA developed an interactive web application called Experience Curiosity to celebrate the 3rd anniversary of the Curiosity rover landing on Mars.[35] This Blend4Web-based app[36] makes it possible to operate the rover, control its cameras and the robotic arm and reproduces some of the prominent events of the Mars Science Laboratory mission.[37][38] The application was presented at the beginning of the WebGL section at SIGGRAPH 2015.[39]

Experience Curiosity was ported to Verge3D for Blender in 2018 with several performance improvements and bug fixes.[40]

Experience Curiosity: taking a selfie

A screenshot from the Chevrolet web-based 3D car configurator

A General Motors authorized dealer in the United Arab Emirates has placed a functional Chevrolet Camaro 3D configurator on its website.[41][42]

Greenpeace created interactive 3D infographics to back Greenpeace's Detox campaign in Russia.[43] Tallink featured an interactive 3D presentation of its MS Megastar vessel to allow the visitors to browse details of the ship.[44]

• Verge3D
• Blender
• WebGL
• List of WebGL frameworks

• Official website