Colors Fade
WebGL Vertex Shader VFX
Swipe as colors fade in and out. This example applies WebGL shaders to modify colors.
The Kindle book, Simple Shaders: Learn WebGL Book 4, provides detailed implementation for this example.
Swipe Over the Colors!
This project renders a square mesh with vertex colors. The vertex shader causes colors to fade out and back in, as you move over the canvas.
Change the background color of the Web page, then vertex colors blend with the background creating different colors as they fade.
Simple Shaders: Learn WebGL Book 4
Learn the basics of WebGL shader programming withSimple Shaders: Learn WebGL Book 4. This book covers seven projects with unique shaders, in detail, providing an overview of GLSL (OpenGL Shading Language), which is the shader language used for WebGL. See the following projects online
Spotlight Across Text, Radiating Colors, Cube Vertex Colors, Color Filters, Zoom Shader, Spotted Balloon Burstsand
Colors Fade. Most shaders activate as you swipe over the canvas. See various visual effects including color animation, zooming, color filters, a traveling spotlight and expanding mesh.
Simple Shaders
explains how to prepare basic WebGL GLSL shaders.
This new Kindle book includes detailed instruction and links to many interesting
WebGL shader examples online.
Learn to program WebGL shaders. Harness the power of the Graphics Processing Unit (GPU).
