Framebuffer with Renderbuffer

Swipe to View Overlapping Shapes

Example WebGL 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 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.

Tags

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.