Fade Colors: WebGL Shader Effect

Tap the Play button to see colors fade in and out.

Your browser doesn't support canvas.

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

See Seven Simple Shader examples. The link includes a few more WebGL shaders, for good measure. Enjoy free WebGL tutorials.

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.

Copyright © 2015 Seven Thunder Software. All Rights Reserved.