background preloader

Processing.js

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 sonoreVisualizations

dry.ly 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 Hello, this is the Open Flash Chart project. Get graphs like this for free: How does it work? User browses to your web site.The browser downloads the web page which contains the Open Flash Chart.Open Flash Chart downloads the data file and displays the chart. When you add Open Flash Chart to your web page, you tell it where to find the data file. We also do pie charts. Why is that great? When the user downloads the web page, Open Flash Chart requests the chart data from the server. Add a bit of pizzazz to your bar charts! Is it complicated to set up? You will need to include the Open Flash Chart in your HTML, and you also need to provide the data file on the server. For a simple chart you would just drop the data.txt file on your website and point the Open Flash Chart to this URL. But what we really want is dynamic data that is pulled from a database or calculated or something. To make this a bit easier there are PHP, Perl, Python and Java classes to write the data file for you. Get started! Yes.

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 (featureblend.com) 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

Related: