WebGL Blending: Lake and Flowers

Visual Tool for the WebGL blendFunc()

Tap to Rotate. Select Blend Options

Your browser doesn't support canvas.

Source: Foreground GL_ONE GL_SRC_COLOR GL_DST_COLOR GL_DST_ALPHA GL_SRC_ALPHA GL_ONE_MINUS_SRC_ALPHA GL_ONE_MINUS_SRC_COLOR GL_ONE_MINUS_DST_COLOR GL_ONE_MINUS_DST_ALPHA GL_CONSTANT_COLOR GL_ONE_MINUS_CONSTANT_COLOR GL_CONSTANT_ALPHA GL_ONE_MINUS_CONSTANT_ALPHA GL_SRC_ALPHA_SATURATE GL_ZERO Destination: Background GL_ONE GL_SRC_COLOR GL_DST_COLOR GL_DST_ALPHA GL_SRC_ALPHA GL_ONE_MINUS_SRC_ALPHA GL_ONE_MINUS_SRC_COLOR GL_ONE_MINUS_DST_COLOR GL_ONE_MINUS_DST_ALPHA GL_CONSTANT_COLOR GL_ONE_MINUS_CONSTANT_COLOR GL_CONSTANT_ALPHA GL_ONE_MINUS_CONSTANT_ALPHA GL_ZERO

Stop Play

Blending Tutorial WebGL blendFunc()

Blending Options

Blend photos of a lake with flowers. The flower texture includes a transparent clear background. Select blending options from the menus. Try various combinations to see different effects. Tap the Play button or tap the canvas, to rotate the lake scene in front of flowers and vice versa. Learn how with the free WebGL Blending Tutorial.

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.

Tags