background preloader


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 sonoreVisualizations Kill 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

Home Underscore.js Raphaël—JavaScript Library The Nature of Code SoundManager 2 Tutorial: Getting Started SoundManager 2 Start-up and Debug Tools This troubleshooting tool can come in handy for debugging SM2 start-up problems, when Flash support is required. Flash options: Flash 8 (default), Flash 9 (normal) or Flash 9 + highPerformance + fastPolling modes. OKFAILN/AUnknownSoundManager 2 start-up soundManager onready() or ontimeout() events are ultimately called when start-up completes.If you're seeing a failure, refer to the below for troubleshooting details for common causes. Launch the Flash Security Settings Panel Flash blockers (FlashBlock, "click to flash" etc.) preventing flash load and start-up - need whitelisting/"allow this domain" to work smoothly. Flash detection code from Flash Detect ( Flash Movie Debug Output When soundManager.debugFlash = true, Flash will write debug info as text to the flash movie. You can also specify ? Live Debug Output Below is a live example of debug output. sm2TestSound: onload() (Flash): auto-play allowed sm2TestSound: Merged options:

prefuse | interactive information visualization toolkit CoffeeScript D3.js - Data-Driven Documents