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.

Copyright © 2015 Seven Thunder Software. All Rights Reserved.