Fade Colors: WebGL Shader Effect
Play button to see colors fade in and out.
Displays a square mesh with vertex colors. The vertex shader causes colors to fade out and back in, during animation. Change the background color of the Web page to verify the alpha channel applies a full fade or invisible value. The mesh displays the full background color when alpha values equal 0.0. The mesh displays full vertex colors when alpha values equal 1.0.
Seven Simple Shaders
Shader projects include Fade Colors, WebGL Cube Color Animation, WebGL Shader Color Filters, Animated Radiating Colors, Lighthouse: WebGL Zoom In Shader, WebGL Multiply Geometric Shapes, and Spotlight on a Texture
Example projects work with WebGL enabled Web browsers including Windows PCs Internet Explorer 11, iPhone 6, Windows Phone operating system 8.1, current Androids with Chrome and Firefox browsers.