Balloon Effect
Animation from WebGL Shaders
A green checkered square appears to blow up like a balloon.
This simple balloon like effect was originally created with WebGL shaders, then saved as a set of frames for conversion to animation with After Effects. Learn to create 3D shaders with WebGL or contact Amy Washburn Butler for 3D Web development.
Simple Shaders
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. The book
discusses the following projects, which also display online:
- Spotlight Across Text
- Radiating Colors
- Cube Vertex Colors
- Color Filters
- Zoom Shader
- Spotted Balloon Bursts
- 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 updated 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).
