Processingjs @ nihongoresources.com

This is the repository domain for processing.js projects I (Mike "Pomax" Kamermans) work on. The significant ones are discussed on projects.nihongoresources.com, but if you just want a quick look, the following projects are currently hosted:

Full pages

• A tutorial on how to use Processing on the web
  Explaining in detail how to use place Processing sketches on your webpages, how to get your page to talk to your sketch, how to get your sketch to talk to your page, and how to pass data between them in a way that keeps the sketch working both embedded on a webpage, and when run through the PDE.
• A primer on Bezier curves
  A mix between a long article and instructive tutorial on Bezier curves, with oodles of Processing sketches acting as illustrations, covering a wide variety of topics such as bounding box computation, intersection detection, clipping, and curve offsetting.

Testers

• Graph visualisation
  A test for graph visualisation where all you have to do is plug in your own reflow algorithm
• 2D path extrusion
  A test for extrusion-along-a-path
• Simple vector drawing
  A test for writing an online vector graphics application, with jQueryUI styles
• Point-based vector drawing
  A test for point-based outline vector graphics with CJK font outlines in mind
• An svg-path to point curve to processing shape to svg implementation
  A test for converting point-based vector graphics to SVG graphics and back.
• Combining Processing, SVG and Opentype
  A test implementation of movable type
• Shakyman!
  A simple, but very cpu intensive game sketch. It relies on drawing an incredible amount of lines, which makes it a good stress tester.

Mini tutorials

• Event and draw cascading for Processing
  An object-oriented implementation for interactive drawable components
• Sketch interfacing
  How to correctly make Processing call javascript, even if it's not run in a browser. This is covered in more detail in the "Processing on the web" page

Mini pages

• An example of image kerning (magnifying lens effect)
• A Bezier curve analysis for curve offsetting
• A demonstration of de Casteljau's algorithm for splitting a Bezier curve
• A look at "spiros" (a.k.a Cornu, Euler or Fresnel spirals)
• Performing boolean operations on outline paths (union, intersection)
• Constructing convex hulls for arbitrary sets of point

Not P.js

• Forming the smallest font I can. Not Pjs related

- Mike "Pomax" Kamermans
nihongoresources.com