Friday, September 3, 2010

This is the third post with WebGL embedded in Blogger. It is not hard to do. All that needs to be done is move all data within script tags that may be in the head to within the body tag. Secondly all JavaScript and image files need to be hot-linked to a source such as DropBox.

This example requires a browser that supports theHTML5
<canvas> feature.

This post looks at the possibility of embedding a Canvas element within a Blogger post.

Canvas consists of a drawable region defined in HTML code with height and width attributes. JavaScript code may access the area through a full set of drawing functions similar to other common 2D APIs, thus allowing for dynamically generated graphics. Some anticipated uses of canvas include building graphs, animations, games, and image composition.

As the above image demonstrates, Blogger is happy with canvas elements.

An ongoing theme of this web site will be what sorts of data and code can embedded inside of Blogger (or WordPress or other mass-market on-line technologies that put few if any limits storing and transmitting content).

In the first experiment, it is revealed that Blogger allows you to embed external JavaScript in its posts.