Fade Colors: WebGL Shader Effect
Tap the 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. See more WebGL shader (GLSL) examples.
WebGL Shader Projects Online
Learn WebGL shader basics with the free
Seven Simple Shaders PDF,
originally sold for Amazon Kindle, published by Seven Thunder Software, now offered here at no charge, with no
required registration. Some pirated versions exist online, however here you'll find the official version.
Receive free GLSL shaders
and see associated unique WebGL shader projects.
Learn more 3D development with
free WebGL tutorials.
WebGL shaders are written in the C programming language, with GLSL.
GLSL, an abbreviation for OpenGL Shading Language, includes unique features for high speed processing
in the GPU (Graphics Processing Unit). Learn GLSL with the
Seven Simple Shaders PDF
to harness the power of fast, interactive 2D and 3D graphics online!