web3Dgis - ptabriz/geodesign_with_blender GitHub Wiki
3D web GIS with Blend4Web
Contents
I. Setting up the Blend4Web addon II. Exporting blender scene to web format
Required software and materials
- Download and install latest version of Blender from here.
- Download and install Blender GIS addon from here. Installation guide available here.
- Download and install Blender4Web Add-on from here. Make sure to download only the addon.
- Download isosurface.blend from here
Blend4Web is a powerful tool for easy publishing and sharing your data online, inside blender. Specially for non-coders, the addon is a convenient tool to create sophisticated interactive models. To take a peek of the Blend4Web functionalities, look at the following applications featured in Blend4Web examples library. Everest Low poly rendering
Example . Isosurfaces
In this example we use Blend4Web addon to export a 3D model online. The sample data is borrowed from a project focused on visualizing spatio-temporal patterns of pedestrian behavior using data gathered from public webcams. The data is visualized using an Isosurface created in Paraview. The shape of an isosurface shows the spatio-temporal evolution of pedestrian density. The time axis is represented as a color ramp draped over the isosurface.
I. Setting up the Blend4Web addon
‣ Procedure
- From the workshop_materials directory locate and open isosurface.blend
- To setup Blend4Web addon
- Go to File ‣ Preferences ‣ addons ‣ install from file
- From the directory locate and select the downloaded Blender4web addon in zip format (eg.,blend4web_addon_17_06.zip)
- Make sure that the addon is properly setup and activated.
- Click save user settings and close the preferences window
II. Exporting blender scene to web format
‣ Procedure
-
To export the blender scene as .html using GUI
- Go to File ‣ Export ‣ Blend4Web(.html)
- Name your file and click on B4W Export HTML button
- Double click on the html file to open it in the browser
-
To export the blender scene as .html using editor
- run the script in the text editor
Blend4Web interface