Processing.js

a port of the Processing Visualization Language

  • home
  • exhibition
  • reference
  • learning
  • download
  • community
  •  blog 
view source
learning / topic

Topic Demos

Topical demonstrations of how Processing works, from the Processing.org web site. All of the following demos were written by Casey Reas and Ben Fry unless otherwise stated.

Processing.org Topic Demos


Animation

Sequential
Animated Sprite


Cellular Automata

Wolframs's 1D CA
Conway's Game of Life
Spore 1


Drawing

Continuous Lines
Custom Tool
Pattern
Pulses
Animator
Scribble Plotter


GUI

Rollover
Button
Buttons
Image Button
Handles
Scrollbar


Image Processing

Pixel Array
Histogram
Brightness
Linear Image
Convolution
Blur
Edge Detection


Interaction

Tickle (Firefox 3)
Follow 1
Follow 2
Follow 3
Reach 1
Reach 2
Reach 3


Motion

Linear
Bounce
Bouncy Bubbles
Collision
Circle Collision
Moving On Curves
Brownian
Puff
Reflection 1
Reflection 2


Simulate

Spring
Springs
Chain
Soft Body
Flocking
Simple Particle System
Multiple Particle Systems


Fractals and L-Systems

Koch
Mandelbrot
Tree

Web IDE

  • Try your code live

Demos

  • Basic Demos
  • Topic Demos
  • Custom Demos

Links

  • hasCanvas IDE

Community

  • Dev. Community on IRC
  • Lighthouse Bug Tracking
  • Processing.js GitHub Repo
  • Open Source @ Seneca
  • Processing.js on Twitter
  • Processing.js Google Group
  • Community Credits
Web IDE / The HasCanvas Chrome Experiment / Download The Native Processing IDE
  • Processing.js is an open visualization language ported to Javascript by John Resig, originally developed by Ben Fry & Casey Reas.
  • Site by Bocoup