v3ga » Processing

Processing Paris #2

v3ga — Wed, 09 Mar 2011 21:25:28 +0000

All you need to know about the second edition of Processing Paris has been published on the fresh www.processingparis.org website.
Thanks to Mark Webster for having invited me again this year as last year edition was great and successful. This time, three different workshops are organized with beginners, intermediate and masterclass levels.

See you there !

Processing, livres en français.

v3ga — Sat, 26 Feb 2011 00:36:50 +0000

Je viens de recevoir un exemplaire de “Processing, le code informatique comme outil de création”, rédigé par Jean-Michel Géridan et Jean-Noël Lafargue.
Ce livre est le troisième ouvrage en français consacré à Processing, répondant à un besoin de la communauté francophone d’avoir de tels manuels et témoignant aussi de la vitalité de la plateforme, qui fêtera ses dix ans d’existence cette année.
Le livre est destiné aux débutants qui veulent s’initier à cet outil par le biais de la programmation interactive graphique, avec une progression didactique tout au long des 24 chapitres.
Le site If(){design}else{art} vient en complément, en proposant notamment les exemples du livre en téléchargement. A noter que deux des chapitres du livre sont proposés au format pdf.

Ce livre est paru très peu de temps après l’ouvrage “Design Generatif”, traduction française de “Generative Gestaltung”.
J’ai modestement pris part à ce projet en travaillant à la relecture de la traduction en collaboration avec l’équipe de Pyramyd.
Le livre est plutôt destiné à un public “niveau intermédiaire”. L’apprentissage de techniques de création générative se fait par l’étude d’exemples dont le code est systématiquement commenté, l’ensemble étant soutenu par une mise en page irréprochable. Le livre comprend de nombreuses illustrations (toutes en couleur), résultant des diverses itérations des programmes montrés en exemples.
Tous les exemples du livre sont aussi en téléchargement sur le site principal.

Enfin, le livre Floss Manuals “Processing, dessiner et créer avec du code informatique” est toujours disponible gratuitement en ligne, la version ayant largement évolué depuis le premier jet en Septembre dernier. Un Floss Manuals consacré à Pure Data vient de paraître, au début du mois de Février.

Contour map & blob detection

v3ga — Tue, 22 Feb 2011 20:07:25 +0000

Cedric Kiefer posted a tutorial on how to make contour maps in 3D from height maps and blob detection, using Processing. Nice !

More photos on the onformative Flickr.

Workshop “Exposer” à Pau

v3ga — Wed, 16 Feb 2011 00:26:45 +0000

Du 31 Janvier au 4 Février, l’ESA de Pau a accueilli plusieurs artistes dans le cadre d’une série d’ateliers autour du thème “Exposer”. Les élèves participant avaient pour objectif de restituer leurs travaux le dernier jour de la semaine, dans l’enceinte de l’école.

J’ai été invité à animer un atelier autour de la création par le code informatique, en utilisant l’outil Processing. J’étais venu avec l’idée de faire travailler les étudiants sur la typographie, en y intégrant des processus interactifs et génératifs.

Pour démarrer doucement, nous avons d’abord travaillé sur des formes géométriques simples que nous avons ensuite utilisées pour créer des motifs, impliquant un travail sur la symétrie, les formes, les couleurs et la répétition. Rapidement, plusieurs affiches ont été imprimées, les étudiants expérimentant sur les variations de paramètres dans leur code. Déjà, des sensibilités sont apparues au niveau des compositions, du choix de formes ou bien encore des palettes de couleurs.

Ensuite, grace à l’excellent librairie Geomerative, nous avons pu décomposer du texte en formes géométriques vectorielles, rendant possible la re-interprétation graphique.
Certains étudiants n’ont pas hésité à importer des motifs vectoriels générés la veille pour composer de nouvelles formes. Ces expérimentations ont donné lieu à une nouvelle série d’impressions.

Tout au long de l’atelier, la notion d’interactivité a été vue de manière simple par l’interprétation de l’état de la souris (position, boutons) du clavier et aussi du niveau sonore de l’entrée micro.
Pour l’exposition prévue le dernier jour, j’ai travaillé en collaboration avec David C. (professeur à l’école) sur l’élaboration d’un sketch qui permettait de remplacer le curseur de la souris par la position de la main d’un utilisateur. La détection a été faite avec une camera Kinect (grace à la librairie de Daniel Shiffman), les sketches des étudiants ayant été intégrés dans un séquenceur pour être diffusés tour à tour lors de l’exposition.

Le code source de cette application est disponible ici en téléchargement.
J’ai aussi été interviewé par Marie Bruneau et Bertrand Genier, vous pouvez trouver une re-transcription en suivant ce lien. D’autres photos de l’atelier sont visibles là, sur cet autre lien.

Crédits photos : Vincent Meyer et EsaPyrénées, ppp*.

Barcamp Gorée

v3ga — Sat, 11 Dec 2010 15:34:05 +0000

Last week-end I was on the Gorée island in Senegal where I had the chance to teach a two days Processing workshop, which was part of the second barcamp organized there. Beyond the climate changes (from freezing to burning), I was pleasantly surprised by the amount of people who attended the first day.

The session happened in one of the classrooms of the Mariama Bâ school and it was far too small to contain everyone. Some participants were standing outside, watching through the windows. All in all, everyone was motivated to learn the basics of Processing and the feedback was extremely positive. Special thanks for Mamadou Diagne and the OIF for having made this happen !

More photos here

Processing booksprint

v3ga — Sun, 12 Sep 2010 21:00:18 +0000

I am very happy to announce the release of the first french Processing book. I had the pleasure to take part in its writing alongside with Adama Dembele, Elisa Godoy de Castro Guerra, Adam Hyde, Alexandre Quessy, Horia Cosmin Samoïla, Douglas Edric Stanley and Lionel Tardy.

The event took place in Paris from the 5th to the 10th of September 2010 and was made possible by Christian Ambaud from l’Organisation internationale de la Francophonie.

The book was edited and published through the Floss manuals platform, using the booksprint technique. It allowed us to write about 250 pages in just 5 days.

This book is completely free, so feel free to print it and distribute it. If you want a good printed copy of it, you can find one onLulu’s website, where the book is already available for purchase.
We encourage anyone to take part in its evolution by correcting mistakes or writing new paragraphs, which is made easy by the Floss manuals website.

On Saturday, there was a public presentation hosted by Le Centre de Ressources Arts sensitifs @ Mains d’Oeuvre. We had a very quick presentation of Processing itself, Adam talked about the philosophy of Floss manuals and finally we discussed the content of the book, answering a few questions at the end.

Related articles :

Processing Paris photos

v3ga — Sat, 24 Apr 2010 11:00:25 +0000

I animated a two-days Processing workshop in Paris @ La Fonderie de L’image.

We worked with the students on interactive pattern making, resulting in the creation of posters and wallpapers that were exposed then.

Thanks to all the participants, this was a fun and creative week-end. Cheers to Mark and David for making this happen.

Processing Paris 01

v3ga — Mon, 29 Mar 2010 17:22:32 +0000

Processing Paris is an initiative between la Fonderie de l’Image, Cefag Formations and OFFF Tracks, which will be organizing OFFF Paris this year. For this first session, two workshops and an exhibition of international artists will be set up.

Workshops will focus on creative programming through the use of Processing environment.
Participants will practice and experiment new ways of creating static and dynamic visuals by writing their own softwares and tools. Karsten Schmidt (aka Toxi) will teach a Master Class for experimented people (in english) while I will be teaching a beginners course (in French) ~~alongside with Christian Delecluse~~.

————

Processing Paris est une initiative collaborative entre La Fonderie de l’Image, Cefag Formations et OFFF Tracks (organisateurs du festival OFFF à Paris). Au cours de l’année nous souhaitons organiser des événements qui porteront sur l’éducation, l’échange et la création Processing. Pour cette première édition nous avons organisé deux ateliers plus une exposition d’oeuvres internationales.

L’objectif de ces ateliers sera de familiariser les participants à la programmation avec Processing pour leur permettre d’expérimenter de nouvelles formes de création visuelles, de réaliser des prototypes/software et de produire des oeuvres visuelles statiques aussi bien qu’interactives/réactives. Deux ateliers sont proposés :

Un groupe pour débutants qui sera mené par Julien Gachadoat en français.
Un groupe ‘Master Class’ pour les plus expérimentés, mené par Karsten Schmidt en anglais.

Monolithe & communication

v3ga — Sat, 27 Mar 2010 23:29:19 +0000

Date : 22 Mars au 26 Mars 2010
Lieu : Hypermedia / Ecole des Beaux-Arts / Aix-en-Provence / France

Douglas Edric Stanley, professeur à l’école des Beaux-Arts d’Aix-en-Provence, m’a invité pour animer un atelier autour du “Mur Communicant”, écran interactif “multi-touch” construit à l’école. Il s’agissait d’explorer et de défricher les possibilités liées à la communication par téléphonie mobile et ses interactions possibles avec le mur.

J’ai pu travailler en collaboration avec Stéphane Cousot et Guillaume Stagnaro qui ont conçu les parties hardware et software du dispositif. L’atelier aura permis de me familiariser avec l’environnement qui a été développé spécifiquement pour ce mur (switchboard notamment). Parallèlement, j’ai pu épauler les étudiants sur leurs projets destinés à être intégrés sur le monolithe.

J’ai mis en ligne sur cette page les projets sur lesquels j’ai pu travailler durant cette semaine.

* ofxOneDollarRecogniser

Cette librairie est un add-on pour Openframeworks qui permet de manière économe (en terme de ressource machine) d’avoir une reconnaissance de gestes rapide et robuste. Elle est basée sur la librairie “1$ Unistroke Recognizer”.

* oneDollarRecogniser[Tuio]

Utilisation directe de ofxOneDollarRecogniser, avec communication TUIO pour intégration sur le monolithe.

* Boink!

Cette application permet de créer des “objets physiques” avec les doigts et les lacher sur l’écran. Elle nécessite les add-ons ofxTriangle et ofxBox2D que j’ai du légèrement modifier pour les utiliser avec cette application.

* LiveCoding / Tuio

J’ai intégré la réception des messages Tuio (curseurs) en Javascript pour cette version. Un exemple (très) simple de sketch .js est disponible avec l’application en téléchargement.

* Bouts de code

Quelques algorithmes / Processing sketches utilisés cette semaine.

Test d’un point à l’interieur d’un rectangle en rotation [Processing]

Atelier Processing à l’EESI (suite)

v3ga — Sun, 21 Feb 2010 23:27:09 +0000

Date : 22,23 Février 2010
Lieu : Ecole européenne supérieure de l’image / Poitiers / France

Je suis retourné à l’EESI de Poitiers pour donner deux journées de formation sur la programmation interactive avec Processing, faisant suite à la première formation donnée au mois de Janvier dernier.
La première journée a été consacrée à la communication réseau alors que la seconde journée a permis de revoir plusieurs sujets ardus de programmation, comme la programmation parallèle et l’utilisation de threads notamment. Enfin, j’ai pu accompagner les élèves sur leurs différents projets.

Journée 1 : Communication réseau

Notions de base : IP, port, serveur, clients.
Communication via le protocole UDP :
- Architecture Clients / Serveur.
- définition d’un protocole simple d’émission / réception de données : position de la souris, couleurs.
- envoi d’une image compressée au format Jpeg sur le réseau, stream vidéo.
Communication via OSC
- Démonstration d’une application collaborative de dessin, mini-chat.
Installation, utilisation de Carnivore.

Télécharger les sources UDP

Télécharger les sources OSC

Journée 2 : Timeline, threads et grille(s)

Création d’une classe pour la gestion d’évènements pré-programmés, modèle évènementiel.
Notion de callbacks (ou fonctions de rappel), introspection (faisant partie de la réflexion) en Java.
Notion de threads, chargement asynchrone d’une liste d’images sur le web, affichage.
Stockage de données dans une grille en 2 dimensions.