3D Graphics Display Here with WebGL

Read WebGL E-Books

WebGL Framebuffer with Renderbuffer

Swipe to View Overlapping Shapes

Framebuffer with Texture Color Attachment and Renderbuffer Depth Attachment

Two shapes intersect and rotate in the foreground. With depth testing enabled, fragments in front display over fragments behind. Edges of the shapes disappear when they cut through the back edges of the cube environment. The shapes correctly display intersection. Without depth testing the second shape draws over the first shape.

Render to texture with depth requires both gl.enable(gl.DEPTH_TEST) and a depth buffer.

3D Graphics Run with WebGL! Read the E-Book

WebGL Scenes: Responsive Web Design

Copyright © 2015 Seven Thunder Software. All Rights Reserved.