Forum

how to make a transparent 3d logo

01 June 2018 21:57
Hello, I would like to know how I can create a logo very similar to the one of blend4web , that is to say that it moves in the upper part of my web page and that it does not have the blender loading screen, as such as blend4web , additional to that which is transparent and that does not have the visualization interface, where it looks like social networks and all those options , many thanks.
02 June 2018 01:17
Have you downloaded B4W yet? The B4W logo has its own demo project, complete with the .blend file where you can study how the logo animation and the material was done. Another demo that might be helpful is the "web_page_integration" example. Check out the community blog as well, and the manual section on transparency.

As for where and how large your logo appears on your page, you can set this yourself by defining the style of the canvas container div in your HTML file.

For example, if you look at the source code of this very page, it contains the container div for the B4W logo:
<div id="main_canvas_container">

and there is CSS defined for it:
#main_canvas_container{width:50%;height:auto;margin:0}
02 June 2018 03:34
wowww great , many thanks. (:
 
Please register or log in to leave a reply.