http://www.hyper-metrix.com/processing/docs/index.php An expanding collection of Processing.JS examples and experiments for the HTML 5 Canvas element. Includes games, tutorials, UI elements and iPhone examples all built with the Processing.JS library. en-us director@hyper-metrix.com (Alistair MacDonald) director@hyper-metrix.com (Alistair MacDonald) PHP RSS Feed Generator Over the weekend I was experimentally adding multi-touch device events to Processing.js. Easy! Thanks to the work of Felipe Gomes. Watch the results... http://bocoup.com/processing-js/docs/index.php?page=Multi-Touch%20Screen%20Input Tue, 01 Dec 2009 13:38:00 EST http://bocoup.com/processing-js/docs/index.php?page=Multi-Touch%20Screen%20Input How to render fonts to the HTML5 Canvas... cross-browser in Processing.js. The Glyph method. http://bocoup.com/processing-js/docs/index.php?page=Cross-Browser%20Canvas%20Fonts Mon, 16 Mar 2009 16:22:00 GMT http://bocoup.com/processing-js/docs/index.php?page=Cross-Browser%20Canvas%20Fonts So I finally discovered why angel's weep upon reading John's regexp parsing code. http://bocoup.com/processing-js/docs/index.php?page=Angels%20Weep Mon, 16 Mar 2009 10:33:00 EST http://bocoup.com/processing-js/docs/index.php?page=Angels%20Weep A demonstration of a cross-browser font rendering method for the HTML5 Canvas element, re: Processing.js. http://bocoup.com/processing-js/docs/index.php?page=Lucida-Like Sun, 15 Mar 2009 02:30:00 GMT http://bocoup.com/processing-js/docs/index.php?page=Lucida-Like How to use Processing.JS to create rich UI elements like a dial. This article explains how to build a Dial element that has snap points and can communicate with the DOM to inject new HTML documents via AJAX. http://bocoup.com/processing-js/docs/index.php?page=UI%20Dial%20with%20Snaps Fri, 06 Mar 2009 11:00:00 GMT http://bocoup.com/processing-js/docs/index.php?page=UI%20Dial%20with%20Snaps There seems to be a problem with the way Processing.js handles public functions... http://bocoup.com/processing-js/docs/index.php?page=Public%20Functions Fri, 28 Nov 2008 13:48:00 EST http://bocoup.com/processing-js/docs/index.php?page=Public%20Functions This is a quick Procesing.js example moving an array of blocks in straight lines. When focusing on one axis, the eye is tricked into seeing the blocks move in a wave-like motion. http://bocoup.com/processing-js/docs/index.php?page=Motion%20Illusion Fri, 28 Nov 2008 11:24:00 EST http://bocoup.com/processing-js/docs/index.php?page=Motion%20Illusion A tutorial explaining how to build a Gaussian Blur using Processing.js: including a couple of a real-time demos and a code example you can use in your projects. http://bocoup.com/processing-js/docs/index.php?page=Gaussian%20Blur Fri, 21 Nov 2008 14:22:00 EST http://bocoup.com/processing-js/docs/index.php?page=Gaussian%20Blur I wanted to find a fast way to plot a bell-curve or "normal-curve" with Processing.js because I wanted to create a dynamic Gaussian-blur kernel with the correct distibutive weights. Check out the demo... http://bocoup.com/processing-js/docs/index.php?page=Bell%20Curves Fri, 14 Nov 2008 16:59:00 EST http://bocoup.com/processing-js/docs/index.php?page=Bell%20Curves This script demonstrates how to generate Plasma Fractals using Processing.js. http://bocoup.com/processing-js/docs/index.php?page=Plasma%20Fractals Sun, 09 Nov 2008 23:41:00 EST http://bocoup.com/processing-js/docs/index.php?page=Plasma%20Fractals I wanted to create a rounded corners function in Processing.js that I could use in a multitude of web projects such as: Rounded DIV corners for web pages, rounded boxes for games, rounded form buttons, rounded link icons like my animated RSS icon. http://bocoup.com/processing-js/docs/index.php?page=Rounded%20Corners%20with%20Processing.js Mon, 27 Oct 2008 22:41:00 EST http://bocoup.com/processing-js/docs/index.php?page=Rounded%20Corners%20with%20Processing.js Race your bike across the virtual arena, throwing up walls of light behind you as you go.... boost for extra speed; but carefull not to hit anything! I have been making this game in every language I have used since I was 10 years old. It has become a bit of a benchmark and so I wanted to make a Processing.JS version with an Ajax ScoreBoard. Click to play! http://bocoup.com/processing-js/docs/index.php?page=Game%20-%20Light%20Cycles Sun, 26 Oct 2008 08:00:00 EST http://bocoup.com/processing-js/docs/index.php?page=Game%20-%20Light%20Cycles I noticed while building a Processing.JS game, that FireFox and Chrome handle two things at very different speeds. Rendering to the Canvas and stepping through For Loops. Check the examples and discover the results here. http://bocoup.com/processing-js/docs/index.php?page=Drop%20Frames%20and%20For%20Loops%20-%20Chrome%20vs%20FireFox Sat, 25 Oct 2008 08:00:00 GMT http://bocoup.com/processing-js/docs/index.php?page=Drop%20Frames%20and%20For%20Loops%20-%20Chrome%20vs%20FireFox Ever wanted to share variables between one canvas and another? Read this tutorial... http://bocoup.com/processing-js/docs/index.php?page=sharing%20variables%20between%20canvases Fri, 24 Oct 2008 08:00:00 EST http://bocoup.com/processing-js/docs/index.php?page=sharing%20variables%20between%20canvases While I was building the mouse driven graphic equaliser, I was experimenting with the way Processing.js drew curves on the canvas and thought it would be helpful to build a curve with interactive points. Even though it is not object oriented code that you can plug into anything, I liked the results enough to think it was worth sharing. http://bocoup.com/processing-js/docs/index.php?page=User%20Controlled%20Curve%20Points Thu, 23 Oct 2008 08:00:00 EST http://bocoup.com/processing-js/docs/index.php?page=User%20Controlled%20Curve%20Points There was talk on the Processing.JS google group about making a Processing.JS graphic equalizer that could be controlled by mouse movements. I thought this was a pretty sweet idea and decided to experiment. I was very pleased with the results. http://bocoup.com/processing-js/docs/index.php?page=A%20mouse-driven%20graphic%20equalizer Wed, 22 Oct 2008 09:50:00 EST http://bocoup.com/processing-js/docs/index.php?page=A%20mouse-driven%20graphic%20equalizer How to make exCanvas work with Processing.JS and how to call a new Processing.JS instance from JavaScript. http://bocoup.com/processing-js/docs/index.php?page=Using%20exCanvas.js%20with%20Processing.js Fri, 17 Oct 2008 08:00:00 EST http://bocoup.com/processing-js/docs/index.php?page=Using%20exCanvas.js%20with%20Processing.js