Tap a graphic! See 3D images with beautiful WebGL blended shapes, WebGL stencil with blending, random framebuffers, and an image filter with HTML5. Pages link to short tutorials.
HTML5 Photo Filters
See beautiful and unique blended shapes in three dimensions.
Includes a free tool to visualize different blending options.
Follow the links for a free tutorial which explains how to apply
with WebGL. Tap the WebGL Blend image to try and view beautiful WebGL blend options.
WebGL Stencil with Blending
Tap the Stencil & Blend image to experiment with the interaction between WebGL blending and WebGL stencils. Select various blend options. Horizontal lines stencil parts of the cube. Swipe to rotate and move the cube. Stencils allow you to see through the cube to the desert background. Blend options modify what you see through the stencil.
Framebuffer Background Colors Change
Tap the Framebuffer Background Colors Change image. Swipe to rotate a checkered square as random background colors render first to a framebuffer, then second to the canvas.
Become a WebGL developer, learn WebGL programming with free WebGL tutorials. WebGL's based on OpenGL ES, one of the most common mobile 3D programming languages.