Solid Colored Cube with Depth Texture Shading
Swipe in a Circle to Move the Cube
Demonstrates use of depth texture which adds shading to a cube. Employs a framebuffer texture depth attachment. Includes post processing. The cube displays a depth map.
The printout, below, indicates useful WebGLContext
attributes.
If your browser doesn't process depth, then you'll see depth: false
, below.
This WebGL example displays WebGL attributes to the Web page including alpha, antialias, depth, stencil, and premultiplied alpha. Each attribute may be needed based on the desired effect.
Read post processing details.
3D Web Design
Educate, inspire and inform with interactive 3D media online. Interactive media in the form of 3D shapes or 3D models, provide unique opportunities to express concepts, such as educational course work or new product features. Seven Thunder Software's simple 3D viewer enables users to see three dimensional objects interactively. Swipe to rotate a model. Tap to select elements on the model. Options allow users to select and learn about individual features.
3D Web Development
Your message can reach the widest audience with 3D Web design. Most 3D programming's implemented with common Web technologies including WebGL, JavaScript, CSS, GLSL and HTML5. 3D Web design with WebGL works on iPhone iOS 8 and up, current Androids, Macintosh computers with OSX Yosemite on up and Windows 10 PCs.
3D Models Online
If a picture's worth a thousand words, then a 3D model's worth ten thousand words! Consider 3D interactive content for education, media and marketing. Seven Thunder Software develops 3D models for the Web, with optimized (fast loading) 3D rendering software, from photographs, blue prints, ideas and real objects.