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.

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.

3D Models

If a picture's worth a thousand words, then a 3D model's worth ten thousand words! Consider 3D interactive content for learning, media, and marketing. Seven Thunder Software develops 3D models for Web design, with optimized (fast loading) 3D rendering software, from photographs, blue prints, ideas, and real objects.


Interactive media, 3D shapes, 3D models, 3D, online 3D modeling,3D viewer, Web GL, 3D Programming, 3D Development, 3D Media, 3D Web, GLSL, 3D Web Design, 3D Web Development, Web development, WebGL, WebGL example, WebGL online, WebGL example online, create 3D website, 3D Media, 3D animation, graphic design, Website design,
Learn 3D Programming Learn 3D Programming
Copyright © 2015 Seven Thunder Software. All Rights Reserved.