WebGL Post Process: Shading

Swipe to Spin the Shapes

Swipe in a circle over the canvas to watch the shapes rotate. Notice slight shading in areas of the shapes farther from the viewport.

This WebGL post processing example applies a depth texture and color texture to solid colored shapes. The depth texture provides some shading to the shapes.

Combine both depth and color textures for a simple shading effect. Read post processing details and see more WebGL post processing techniques.

Learn 3D Programming with Screen Shots Learn 3D Programming with Screen Shots
Copyright © 2015 Seven Thunder Software. All Rights Reserved.