Torus

Animated GIF

Tap - Music On:Off

Torus Animated GIF

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.

Tags
video, video animation, inspiration, After Effects animation, motion graphic designer

If you use a video provide attribution (credit) with:
Video prepared by Amy W Butler. Contact Amy W Butler for animation.


Ads >
Create 3D Games: Learn WebGL Book 2 Simple Shaders: Learn WebGL Book 4
3D Programming for Beginners: Learn WebGL Book 1

for freelance graphics.

Copyright © 2021 Amy Butler. All Rights Reserved.