How to Create an Animated 3D Logo in Javascript

Use JavaScript's setInterval function to create an animated 3-D logo in a program that displays logo images made in a 3-D modeling application. 

Instructions

1) Open a 3-D modeling application such as Blender, Sketchup or AutoCAD. Use the program's text tool to create a 3-D logo. Read your program's help file for detailed instructions.

2) Save the logo as "logo1.jpg," then use your program's "Orbit" tool to rotate the viewpoint at which you're viewing the logo. Save the logo with the filename "logo2.jpg," then rotate the viewpoint again. Save the logo as "logo3.jpeg."

3) Open WordPad or another text editor. Paste in the following blank Web page. These statements provide a framework in which to install a JavaScript program to animate your logo:

4) Paste the following code after the "" tag. These statements define a JavaScript program that displays the images you created at regular time intervals to produce the effect of an animated logo:

5) Save the Web page in the same document in which you saved the 3-D logo images. Open your Web browser, then click its "File" menu. Click the "Open" command, then navigate to and double click the Web page you saved. Your browser will open the page and run the JavaScript program. Your spinning logo animation will appear.