Seven Simple Shaders

WebGL Shaders

See WebGL shader projects with links to GLSL source code. The list below includes a number of shader examples. The Kindle book Simple Shaders: Learn WebGL Book 4, on Amazon, explains basic WebGL shader programming.

Shaders Examples, Source & Graphics

GLSL Examples

WebGL Shader: Examples GLSL Balloon Effect: WebGL GLSL Balloon Effect: WebGL Shader, Map Bulge Effect: WebGL Animated Radiating Colors: WebGL Animated Radiating Colors: WebGL Shader Interactive Cloud Travel: WebGL Cloud Depth Animation: WebGL Interactive Cloud Travel: WebGL Shader Color Filters: WebGL Color Filters: WebGL Shader Cube Color Animation: WebGL Cube Color Animation: WebGL Shader Fade Colors GLSL: WebGL Fade Colors GLSL: WebGL Shader Animated Fish & Water: WebGL Animated Fish & Water: WebGL Maps, Water Tips Lighthouse & Clouds: WebGL Lighthouse & Cloud: WebGL Shaders, Maps Multiply Geometric Shapes: WebGL Multiply Geometric Shapes: Maps, WebGL Shaders Shrinking Octagon: WebGL Shrinking Octagon: WebGL GLSL Shader Spotlight Effect GLSL Spotlight: WebGL Shader, Map Zoom In: WebGL Lighthouse Zoom In: WebGL Lighthouse Zoom In: WebGL Shader Zoom Out Concentric Circles: WebGL Zoom Out Concentric Circles: WebGL Shader

Simple Shaders: Learn WebGL Book 4

Learn the basics of WebGL shader programming with Simple 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 Bursts and 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).

Simple Shaders: Learn WebGL Book 4