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

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 FilePreferencesaddonsinstall 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 FileExportBlend4Web(.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
    Blender Viewport Blend4Web interface