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*.

2Roqs will present Expression(S) at panOramas 2010 the 2 & 3 October, with both Gravity and Expression installations pinging messages to each other and projected into the wild forests surrounding Bordeaux.

Gravity won the New Technological Art Award Foundation Liedts-Meesen at the occasion of the third biennale for contemporary technological art in the Zebrastraat, Gent, Belgium (17 April – 20 June 2010).
It was also awarded by the public, among ten other works that were selected for this event.

More details on e-flux website.

Expression is a interactive installation of the studio 2Roqs which was shown in Bordeaux, Place Fernand Lafargue. We were invited by the association Amalgames to illustrate this topic : ” If you could express yourself in public, what would you say?”

Expression is a typographic projection based on the sending of SMS. When received, messages were flowing on the first wall wandering slowly around windows, ending their path on a second wall feeding a structural composition representing syntax analysis.

Expression is part of a set of installations exploring typography and public expression, which was initiated by Gravity.

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”.

• Télécharger sur Google Code
• Sketch pour Processing [OpenProcessing]

* oneDollarRecogniser[Tuio]

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

• Télécharger “oneDollarRecognizer” [XCode, Mac]
• Télécharger “oneDollarRecognizerTUIO” [XCode, Mac]

* 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.

• Télécharger Boink! [XCode, Mac]
• Télécharger les add-ons

* 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.

• Télécharger LiveCoding [Mac]
• LiveCoding sur GoogleCode

* Bouts de code

Quelques algorithmes / Processing sketches utilisés cette semaine.

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

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.