Monday, August 30, 2010

Jaanga Old School

Screen shot of Jaanga Old School - click to enlarge

Here is one of two still images I have of the old Jaanga. Unfortunately I never took any videos while it was in operation.

Jaanga displays every symbol in the S&P 500. Updates occur about every five seconds.

You can pan, zoom and rotate the scene in 3D in real-time while the symbols themselves are moving.

Sunday, August 22, 2010

Google Apps Spreadsheet ~ DJI


The functionality in Google Docs Spreadsheets gets stronger on almost a regular basis. Recent embellishments include significant upgrades to the scripting capabilities in Google Apps Script (GAS).

WebGL in Blogger Posts ~ Second Pass



You will need a browser that supports WebGL in order to view this demo.

Update: The specification changed has changed since this was written. The applet is not working for the moment.

WebGL in Blogger Posts ~ First Pass



Screen capture of first attempt at WebGL inside Blogger
Will Blogger allow WebGL elements to be embedded in a Blogger post?

If so, it would be quite possible to embed 3D animations into Blogger.

You will need a browser that supports WebGL in order to view the demo after the click.

Canvas Tag in Blogger Posts


This example requires a browser that supports the
HTML5
<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.

The code looks like this:
<canvas id="myCanvas"></myCanvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');

ctx.fillStyle='#FF0000';
ctx.fillRect(0, 0, 100, 100);

ctx.fillStyle = 'rgba(0, 0, 200, 0.5)';
ctx.fillRect (80, 80, 180, 180);

</script>

JavaScript in Blogger Posts

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.

Here is a some text generated by JavaScript: