WebGL Stencil Masks a Cube

Swipe Over the Canvas to Move the Cube

This Web page demonstrates use of a WebGL stencil. See a portion of the background graphic, where a stencil masks part of the cube.

Each side of the cube is texture mapped with a different color. A large quad renders behind the cube. A small stationary square stencil in the center of the canvas masks off the cube, as the cube passes over the stencil area. See a portion of the background quad through the cube, where the stencil masks 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, 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.