Note: Before doing these tutorials you need to download and install the blend4web CE SDK from – https://www.blend4web.com/en/

First Example Hello World ‘App’ Explained

Click here for finished file (right click, save link as…) – hello1.html

Loading a 3D Scene & Making It Interactive

• Click here for finished file (right click, save link as…) – hello2.html
• Click here for finished file (right click, save link as…) – hello3.html
• Blender file – redCube.blend

Basic Debugging Using A Browser’s Web Console

• Blender file – my_simple_car.blend
• JavaScript file – my_simple_car.js
• click here for sliders and animation tutorials page

Change a 3D Model’s Texture Dynamically

• Blender file – my_rome_project.blend
• JavaScript file – my_rome_project.js
• image file – rome1.jpg
• image file – rome2.jpg
• image file – rome3.jpg

Interactively Change a Character’s Skin and a Skybox Image

• Blender file – my_change_image2packed.blend
• JavaScript file – my_change_image2.js
• Character skin templates download from – http://www.cubeecraft.com
• the uploaded scene – http://blender.freemovies.co.uk/blend4web/gallery/myChangeImage/my_change_image2.html

Link a Slider to a Property in a 3D Scene

• Blender file – instancing.blend
• JavaScript file – my_temp2.js

Using The JS Callback Node To Mix Logic Nodes And JavaScript

Setting Up a Code Snippet So the Code Can Be Edited and Run – Instancing Part 1

Snippet Explained & Making a Pyramid From a Cube Duplicated – Instancing Part 2

• Click here for the pyramid (right click for listing of html file) – instancing.html
• Right click for listing of JavaScript file – instancing.js
• Blender file – redCube2.blend

Anchor Annotations, Creating Labels for 3D Objects

• finished file – anchorTut10a.blend
• text file – cylinderSphere.txt

Custom Anchors Code Snippet

• HTML file – anchors.html
• JavaScript file – custom_anchors.js
• stick man image file – stickman.png
• border file – border2.png