3D Images

Page 10

Tap a graphic! See 3D images with beautiful WebGL blended shapes, WebGL stencil with blending, random framebuffers, and an image filter with HTML5. Pages link to short tutorials.

Butterfly Fish with Red Image Filter Red Image Filter Butterfly Fish
Blend Shapes WebGL Blend Geometric Shapes
Stencil with Blend Options Stencil & Blend WebGL Free Tool
Blend Shapes Framebuffer Background Colors Change

HTML5 Photo Filters

Learn to apply photo effects and filters with examples, source code, and tutorials. This page displays a red filter applied to a Butterfly fish. However, modify the simple tutorial to create an awesome range of photo filters. Tap the Red Image Filter graphic to experience and learn about HTML5 filters. Enjoy the html5 canvas tutorial with JavaScript.

WebGL Blending

See beautiful and unique blended shapes in three dimensions. Includes a free tool to visualize different blending options. Follow the links for a free tutorial which explains how to apply blendFunc() with WebGL. Tap the WebGL Blend image to try and view beautiful WebGL blend options.

WebGL Stencil with Blending

Tap the Stencil & Blend image to experiment with the interaction between WebGL blending and WebGL stencils. Select various blend options. Horizontal lines stencil parts of the cube. Swipe to rotate and move the cube. Stencils allow you to see through the cube to the desert background. Blend options modify what you see through the stencil.

Framebuffer Background Colors Change

Tap the Framebuffer Background Colors Change image. Swipe to rotate a checkered square as random background colors render first to a framebuffer, then second to the canvas.

Become a WebGL developer, learn WebGL programming with free WebGL tutorials. WebGL's based on OpenGL ES, one of the most common mobile 3D programming languages.

Copyright © 2015 Seven Thunder Software. All Rights Reserved.