Space Displacement
WebGL Animation
Colors from a galaxy scene merge toward the center then out again, with music.
This unique animated space scene displaces, or moves, vertices over time with WebGL. The WebGL vertex shader applies a texture map and animation frame time to translate vertices. The fragment shader prepares color for rendering.
Graphics include a space scene and displacement map. Vertices move in response to the displacement map and time frame. The maps display below.
Galaxy Scene
The galaxy scene texture maps to a square. It stretches as vertices are moved. The original galaxy photograph, from NASA, was modified quite a bit with additional color and saturation.
Displacement Map
The displacement map's a circular gray scale gradation. Vertices move based on the amount of value; light to dark.
Motion Graphics
Entertain and inform with unique computer animated VFX, products and concepts. Catch attention with 3D animation, video effects and other forms of digital animation, by Seven Thunder Software.
Video animation at Seven Thunder Software's created with After Effects, Photoshop, 3ds Max, JavaScript, HTML5, sprite sheets, WebGL or GLSL shaders.
Get inspired with more than one hundred animation examples including special effects, surreal videos, technology, logos and more.
