How To Add a Home Icon to an Internet Based 3D Scene, Linking to a Home Page, a blend4web Tutorial
Note: before starting this tutorial you need to download and install the blend4web CE SDK from -
https://www.blend4web.com/en/
Previous Tutorial -
• Making Links Between Web Based 3D Scenes, ...
This tutorial shows how to set up a home link in web based 3D scene using Blender and blend4web. The tutorial shows how to parent a home icon to the camera so that it appears not to move.
The tutorial shows how to rotate and move the home icon in about axis that are local to the camera so that the icon is always ‘square on’ to the camera.
The icon is scaled by a factor of a tenth, making it small so that it can be place close to the camera. The icon is placed close to the camera so that as the camera moves the icon does not go behind objects.
The tutorial shows how to set up the blend4web logic to link to a home web page (or could be a home 3D scene). It shows how to use the ‘Page Redirect’ logic node in Blender’s node editor window.
The scenes are exported as blend4web html files.
The home icon file can be downloaded using the following link -
http://blender.freemovies.co.uk/blend...
The scene can be viewed by using the following link -
http://blender.freemovies.co.uk/blend...
For more tutorials and to download the finished files visit my website -
http://blender.freemovies.co.uk/blend...
Steps
Append in the model of the home icon
Make the camera the parent of the icon
Rotate the camera -90 degrees about the x local axis (R, X, X)
Set the 3d manipulator widget to local, move the icon in front of the camera
Make the icon small for example one tenth of the size (S, .1)
Using the 3d manipulator widget, move the icon to a corner of the camera view
Apply a suitable material to the icon
Add a lamp and make the camera its parent