Checkered Spheres

Animated GIF

Animated GIF Overlapping Checkered Spheres

Violet spheres, with random size and location, overlap each other. When they overlap, the background displays, causing a unique checkered appearance.

This animation was generated entirely with code. Spheres originally rendered with HTML5 radial gradients. A JavaScript timer displays spheres in various locations, with different diameters. However, as spheres overlap, the global composite operation, XOR causes white spaces to appear.

This animated GIF was prepared from screenshots of the JavaScript video.

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.