WebGL Shrinking Octagon
Tap the Canvas!
WebGL shaders fill an octagon with a cloud texture. The vertex shader determines color location. The fragment shader prepares color for display.
The animated octagon vertex shader processes circle coordinates from the current vertex coordinates. The Animated Spotlight fragment shader processes circle coordinates from the current texture coordinates. Compare the difference in granularity between the two shaders. The fragment shader processes more often with more detail. 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!