Processing

Douglas Edric Stanley

2005.09.24

Simple Processing demo

Here’s an excerpt from an email I send to the CEDAR group of French multimedia art instructors. It announces my intention to give up teaching Macromedia Director and move entirely to Processing, as well as other open standards-based environments.

De retour de Los Angeles où j’ai pu rencontrer l’équipe de Processing ainsi que quelques-uns de ses utilisateurs, j’ai décidé de franchir le pas. Les bibliothèques de Processing ont évolué depuis notre première tentative (maintenant on a du Son, MIDI, OSC, Post-Script, Port Série, Surveillance, OpenGL, …), ça marche en ligne, le projet est Open-Source, et depuis peu la plate-forme s’ouvre vers les mobiles et l’électronique (deux obsessions majeurs de l’atelier depuis quelques années). Et pour finir, c’est du Java : on peut donc l’ouvrir vers ce qu’on veut.

[…]

Bon, j’arrête là. Il y a encore beaucoup à dire. En tout cas, fini Director chez nous (de toute façon Macromedia vient de se faire racheter, les Xtras évoluent au ralentis, etc.) et j’arrête d’emmerder les étudiants avec du OpenGL/C. S’il n’est pas encore l’outil idéal — rien ne le sera — il est pas mal, et vous pouvez de toute façon l’améliorer si vous voulez. Je fonce, j’espère que d’autres y vont aussi. J’attends vos réponses.

The rest of the email suggests possible collaborations with CEDAR members.

There have been quite a few replies so far, and a lot of requests for a simple starter in French which I quickly whipped up as the following, which is translated here:

Quick and dirty method :

To start, download the software (Mac / PC / Linux) : Processing Download

Then open Processing and enter the following text :

line(20, 20, 50, 50);

Press the PLAY button (or ctrl-r). Admire your chef d’œuvre.

Now if you want something that moves, replace the previous program with the following, then press PLAY again. See what happens.

void draw( ) {

    stroke( random(0,255), random(0,255), random(0,255), random(0,255) );
    line( random(0,100), random(0,100), random(0,100), random(0,100) );

}

Once you’ve gotten over your emotions, you can read this introduction: Environment

And check out some previous work built with Processing: Exhibition

Then, start dipping into the online examples where you can directly copy the code (always short) and then modify them in your own copy of Processing : Learning

From here on it’s up to you to find your own way.

You can also learn a bit from this comparison with other well-known environments: Compare