#GOOGLE SKETCHUP PRO ANIMATION HOW TO#

We will cover using DAE files (and animations) with WebGL in a later article.

Note: We have started with the Wavefront OBJ format because the process of porting OBJ files into WebGL (without using professional graphics editing software) is more stable than that involved with the alternative Collada DAE format. To see this demo youвЂ™ll need a browser that supports WebGL: a good choice is the latest version of Opera! You can see an image of the end result in Figure 1: also view the live demo here. There is no need to be a WebGL expert to have complex 3D models displayed on your website! The porting process described in this article involves drawing your model in Google SketchUp Pro, Blender or Shade, exporting it to Wavefront OBJ format, and rendering it in WebGL using Three.js. An easy way to create complex WebGL models is to draw your 3D models in a dedicated 3D graphics package and port them over to WebGL.

#GOOGLE SKETCHUP PRO ANIMATION HOW TO#

Most WebGL tutorials for beginners show you how to create very simple models, like cubes or spheres, however most real-world use cases will require something a bit more complicated than that.

This time, weвЂ™ll look at drawing more complicated models in 3D graphics editing applications, and porting them to WebGL. From here on in, we will start looking at WebGL in more detail, focusing on individual tasks and techniques. In the first part of our WebGL series, we walked through a very simple introduction to WebGL, explaining what it is and how it can be used, and dissected a simple code example. Introduction Figure 1: An image of the finished example for this article

Google sketchup pro animation