Torus
Animated GIF
Tap - Music On:Off
A shiny blue torus moves and rotates with music. The torus has freehand writing on its surface. Read about animation preparation and torus descriptions, below.
Torus Description
A torus looks like a circular tube which meets at both ends, similar to the shape of a donut, with circular inner and outer radii.
Three circles describe the shape of a torus. Circles represent the inner and outer perimeters of the entire torus. A circle defines the diameter of the tube portion of the torus.
Animation Preparation
Photoshop's default 3D objects include a torus. With Photoshop I added color and freehand text to the torus. The torus was then exported as a DAE file. Later I converted the DAE torus to a set of WebGL arrays.
An interactive version displays with Seven Thunder Software's 3D rendering software, WebGL and GLSL shader lighting. Swipe over the interactive version to rotate the torus and see shader lighting. Use the search icon above, to find the interactive WebGL 3D torus.
This GIF animation was composed with frames from the interactive torus.
Motion Graphics
Get inspired with over one hundred animated GIFs. GIF animation operates on almost every mobile device and computer including iPhone, Android, Windows and Macintosh PCs.
GIFs are prepared with a set of applications and technologies including 3ds Max, Photoshop, After Effects, GIF Animator, JavaScript, HTML5, sprite sheets, WebGL, GLSL shaders (C Language) and post processing.