WebGL Framebuffer with Stencil

Swipe to Move the Cube

This Web page includes both a WebGL stencil and a WebGL Framebuffer. This example applies a Framebuffer with color texture attachment and Renderbuffer depth stencil attachment. The renderer first renders to texture with the Framebuffer.

To render the scene bind the Framebuffer. Clear the stencil, depth, and color buffers. draw the background graphic. Draw the stencil. Draw the cube. Finally unbind the Framebuffer and render a screen sized quad with the rendered texture.

Each side of the cube is texture mapped with a different color. Transparent quadrants of the stencil allow the background graphic to show through the cube. Opaque quadrants display over the cube.

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.