April 20, 2009

Browser based OSC multi-touch controller.

April 15, 2009
Canvas Visualizations of Sorting Algorithms

Canvas Visualizations of Sorting Algorithms

April 6, 2009
Protovis is a visualization toolkit for JavaScript using the canvas element. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots. These primitives are called marks, and each mark encodes data visually through dynamic propertiessuch as color and position. For example, this simple bar chart visually encodes an array of numbers with height:

Protovis is a visualization toolkit for JavaScript using the canvas element. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots. These primitives are called marks, and each mark encodes data visually through dynamic propertiessuch as color and position. For example, this simple bar chart visually encodes an array of numbers with height:

March 6, 2009
GameJS - A 2D game programming environment in JavaScript

I … came across a book about developing games with Microsoft’s XNA Game Framework using either C# or VB. I quickly learned the C# syntax, which I found out is easy to learn for an (OO) JavaScript developer, and within hours I already had textures flying over my screen controlled by my keyboard and the basics of a simple game.

I then started thinking about how cool it would be to create games just as easily in JavaScript and decided to port the XNA Framework over to JavaScript using Canvas as the rendering device. I quickly had a lot of fun doing so, and learned much about the internals of game development by reverse-engineering the XNA API to JavaScript.

March 2, 2009
Manipulating video using canvas

By combining the capabilities of the video element introduced in Firefox 3.1 with a canvas, you can manipulate video data in real time to incorporate a variety of visual effects to the video being displayed.  This article, adapted from this blog post by Paul Rouget, demonstrates how to perform chroma-keying (also known as the “green screen effect”) using JavaScript code.

February 27, 2009
Karplus-Strong Guitar in Flash

This is a Karplus-Strong algorithm implementation, synthesizing a 6-sided guitar without any sample material in AS3. The result is simply amazing and there is still room for tweaking. The guitar body is just simulated by two mixed in low-pass filter with resonance. 

December 5, 2008
A way to livecode scheme visually, by plugging in and tearing off bits of code.

A way to livecode scheme visually, by plugging in and tearing off bits of code.

November 5, 2008
October 1, 2008
“ Cocoa is Internet Authoring for Kids. Cocoa allows children (and everyone else too) to create interactive web pages, simulations, and video games with animation, sound, and interactive control. Cocoa achieves this using Programming by Demonstration, where instead of writing arcane code, you just put the system into record mode and show it what should happen in a given situation. When that situation is present again, the system replays what you showed it. Cocoa worlds can be delivered as Web pages using a Netscape Plugin or as standalone AutoPlayers.
http://en.wikipedia.org/wiki/Stagecast_Creator
HyperLook was inspired by HyperCard, but it additionally provided a client/server programming model, and more powerful graphics and scripting based on NeWS's object oriented dialect of PostScript. The NeWS window system was like AJAX, but with: 1) PostScript code instead of JavaScript code 2) PostScript graphics instead of DHTML graphics, and 3) PostScript data instead of XML data. 

HyperLook was inspired by HyperCard, but it additionally provided a 
client/server programming model, and more powerful graphics and 
scripting based on NeWS's object oriented dialect of PostScript.

The NeWS window system was like AJAX, but with:
1) PostScript code instead of JavaScript code
2) PostScript graphics instead of DHTML graphics, and
3) PostScript data instead of XML data.