Show Depth with Values of Grey
Swipe in a Circle Over the Canvas
WebGL Framebuffer with Depth Texture
Swipe in circles as squares move off into the distance, then close again. Notice the closer the square the darker the color.
This example renders to texture. Employs a Framebuffer with one texture depth attachment. The canvas displays just the depth texture.
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.