Processing.js The real WOOW factor!

Jquery based script Proccessing.js is just cool!! I am talking about Processing visualization language “dynamically convert code written in the Processing language, to JavaScript”…

This is the from the the development i section in jqeury official site..

The language includes a number of interesting aspects, many of which are covered in the basic demos. Here’s a brief selection of language features that are handled:

  • Types and type casting - Type information is generally discarded, but becomes important in variable declaration and in casting (which is generally handled well).
  • Classes - The full class system is supported (can be instantiated, etc. just fine).
  • Method overloading and multiple constructors - Within classes you can have multiple method (or constructor) definitions - with the appropriate methods being called, based upon their signature length.
  • Inheritance - Even classical-style inheritance is supported.

The Processing API

The second portion of the project is the full 2d Processing API. This includes all sorts of different methods:

  • Shapes drawing
  • Canvas manipulation
  • Pixel utilities
  • Image drawing
  • Math functions
  • Keyboard and mouse access
  • Objects (point, arrays, random number generators)
  • Color manipulation
  • Font selection and text drawing
  • Buffers

Most of these are demonstrated in the basic demos.

There’s pretty-good coverage of the Processing API: there’s sure to be many gaps, but most of what I can throw at it works.

Here’s the full break-down of demos that are available:

…. Now check that and come back tell me that ain’t WOOW!

Dev Page
91 basic demos.

51 larger, topical, demos.

4 custom “in the wild” demos.

and last the full source code is contained within a single file. It comes in at about 5000 lines, compresses down to less than 10kb.

Enjoy

Leave a Reply