Processing.js

Incremental Delaunay Triangulationby Jeonggyu Lee An interactive implementation of incremental Delaunay Triangulation algorithm. My Life Aquaticby David Leibovic, Sunah Suh A shared aquarium Source code Circle of Fifthsby Shelley Marshall Create, transpose, and change a chord progression by using the circle of fifths, and play the progression. 2011 Advent Calendarby Nikolaus Gradwohl An advent calendar built with Processing.js 3D Sketchesby Andor Salga A collection of 3D sketches by Processing.js' 3D developer PJS in CoffeeScriptby David Guttman A tutorial showing how to write Processing.js sketches in CoffeeScript, a language that is compiled into Javascript Flight of the Navigatorby The Mozilla #audio team Fight of the Navigator is a demo showcasing the power of WebGL and Audio API Pew Pewby Nightmare Retro Asteroids clone written in Processing.js Flockingby Harry Brundage The math behind flocking algorithms coaltrace.js byTrevor Bedford Evolutionary simulation. Twitter Flowby Sandro Paganotti AFL Flagsby P5Pby Fizz
Related: Outils design sonore
• Visualizations

dry.lyKill Demo Want to create cool visuals using CoffeeScript and Processing.js? Excellent, me too. Read on. Particulars In the end, this sketch weighs in under 70 lines of CoffeeScript, and was a breeze to write. While it doesn’t do anything profound, it is pretty to look at and fun to tweak. Follow this guide and soon, you too can have some pretty in-browser javascript-canvas visuals to play with. Here’s the Demo (reload for new patterns) and the Source Pregame I’ll be using BaseJSApp to start. Grab your friends First, we need Processing.js. We won’t be pre-compiling our CoffeeScript with node. Now, create a new CoffeeScript that we can work on. Some HTML Put three new script tags in /index.html linking to Processing.js, the CoffeeScript compiler, and the .coffee file: <! If you’re using BaseJSApp or Sinatra as the webserver for this app, you’ll need to tell sinatra/rack how to handle .coffee files. Pulses Processing.js relies on canvas for its awesome drawing skills. <! Easy. a Quick note on Processing