Solid Colored Cube with Depth Texture Shading

Swipe in a Circle to Move the Cube

Demonstrates use of depth texture which adds shading to a cube. Employs a framebuffer texture depth attachment. Includes post processing. The cube displays a depth map.

The printout, below, indicates useful WebGLContext attributes. If your browser doesn't process depth, then you'll see depth: false, below. See the WebGL Feature Test Example with tutorial and source code for WebGL attribute information.

This WebGL example displays WebGL attributes to the Web page including alpha, antialias, depth, stencil, and premultiplied alpha. Each attribute may be needed based on the desired 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.