WebGL Post Process: Shading

Swipe to Spin the Shapes

Swipe in a circle over the canvas to watch the shapes rotate. Notice slight shading in areas of the shapes farther from the viewport.

This WebGL post processing example applies a depth texture and color texture to solid colored shapes. The depth texture provides some shading to the shapes.

Combine both depth and color textures for a simple shading effect. Read post processing details.

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.