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