Circles Overlap
Global Composite Procedural Animation
Pastel translucent circles, of different sizes, animate, overlap and blend colors. Some happy music plays in the background.
Procedural Graphics
Procedural graphics and video are prepared with code alone. JavaScript or other technologies generate images and animation dynamically. This example applies global composite operations, alpha and radial gradients.
Global Composite, to see original procedural, code generated, animation and graphics.
Video
For over 200 video animations please see video.7thunders.biz.
Preparation
Most models are prepared by Seven Thunder Software with 3ds Max, exported with my free 3D Translator app. Architectural rendering's then mapped to the inside of a cube for fast online display with WebGL. Other video topics compose for MP3, GIF, and other useful formats, with After Effects, Photoshop and GIF Animator.
Software technologies include JavaScript, WebGL, GLSL shaders, HTML5 and CSS. Graphics applications include 3ds Max and Photoshop. 3D Translator was prepared with Visual Studio C#, UWP (Windows 10) and WPF (Windows 7 on up).