Workshop processing à la cambre #end
Merci à ceux qui étaient là pendant les trois jours. Avant d’entamer la phase projets, un récapitulatif de ce qui a été fait jusqu’ici et des notions abordées. L’idée du workshop était d’introduire des notions de programmation avec Processing, qui est un langage à la fois simple d’accès et suffisamment rigoureux pour comprendre la logique commune à tous les langages. Plutôt qu’aborder le code par du copier/coller, j’ai tenté de mettre en exergue la démarche inhérente à la construction d’un algorithme. La petite application en ligne développée rapidement pour l’occasion permettait à chacun d’insérer des énoncés puis de les récupérer au hasard pour les utiliser comme des exercices de programmation. La recette, la méthode ou l’algorithme qui a plus ou moins été suivi du début à la fin du workshop était:
1) introduire de nouvelles notions via des exemples déjà codés ou codés sur le moment.
2) chaque participant insère un énoncé en prenant en compte les notions abordées.
3) chaque participant récupère un énoncé précédemment inséré. Les énoncés sont distribués au hasard.
4) chaque participant code à partir de l’énoncé récupéré.
5) revenir à l’étape un.
Penser l’énoncé permet de penser algorithmes, de déjà construire un système qui produira une forme et (si tout va bien) envisager les solutions possibles.
L’instruction présentée au tout début du cours pour le placement d’un point dans un dessin mural de Sol Lewitt est suffisamment précise pour ne laisser place à aucune interprétation; elle équivaut à une ligne de code d’un programme. Les énoncés écrits pendant le workshop par contre ont parfois provoquées des interprétations différentes. La différence entre une langue et un langage informatique parait alors évidente; l’ordinateur n’interprète pas, il exécute. Par contre, dans le passage de l’énoncé écrit en français vers le code informatique, il y a forcément interprétation. Pour donner un exemple concret, un rectangle sous Processing peut être dessiné avec la fonction rect() ou en dessinant quatre lignes. Il est évident que l’interprétation est ici minime. Face à un énoncé tel que “le texte explose”, elle est autrement plus évidente. Pour télécharger les énoncés écrits pendant le workshop, cliquez ici.
Les notions abordées jusqu’ici sont les espaces colorimétriques RGB et HSB; les variables de types int, float, boolean, char, String, color; les fonctions de dessin de Processing ellipse(), line(), quad(), rect(), triangle(); la fonction setup() et draw(); les tableaux, les évènements du clavier et de la souris; les fonctions personnalisées sans arguments; la boucle for; l’importation et l’affichage de polices de caractères; l‘importation d’une librairie pour le traitement typo.
Les sketchs Processing d’exemples sont toujours disponibles ici.
Vu l’envie de réaliser un projet collectif et de se centrer sur l’interaction et le traitement typo, nous continuerons pour les 9h qui restent, consacrées à la réalisation de projets, avec l’introduction de la notion de classes (qui permettra de penser un programme modulaire et de répartir le travail), l’utilisation plus avancée de la bibliothèque Geomerative, l’utilisation de la Wiimote pour l’interaction. Une possibilité reste la recherche et l’acquisition de données sur Internet (c’est à voir selon le projet).
Et pour finir, une démo de Johnny Lee, le premier à avoir détourné la Wiimote
Workshop Processing à La Cambre #begin

Ci-dessus, des instructions écrites par Sol LeWitt pour un de ses Wall Drawings. Nous utiliserons pendant ces trois jours une petite application générative d’instructions à suivre pour écrire les sketchs Processing. Les différentes étapes de l’application correspondent à l’introduction de concepts de programmation (variables, boucles, fonctions, classes, …) ou à l’utilisation de nouveaux éléments graphiques (couleur, forme, typo, …). L’application est accessible à l’adresse http://www.docteurem.com/wlacambre/.
Les trois premiers sketches Processing sont à l’adresse http://www.docteurem.com/wlacambre/sketches/
Et quelques références dont je parlerai ce lundi:
Le channel Vimeo de Conditional Design: http://vimeo.com/cd
Leur manifeste: http://www.conditionaldesign.org/manifesto/
Luna Maurer: http://www.poly-luna.com/
Jonathan Puckey: http://www.jonathanpuckey.com/
Seed Drawings: http://infosthetics.com/archives/2011/02/seed_drawings_visual_emergence_using_mechanical_turk.html
Design By Numbers: http://dbn.media.mit.edu/examples/1.html
Processing: http://processing.org/
Ben Fry: http://benfry.com/
Le projet deprocess de Ben Fry: http://benfry.com/deprocess/
Casey Reas: http://reas.com/
Golan Levin: http://www.golanlevin.com/
Le manifeste de PostSpectacular, le studio de Karsten Schmidt (aka Toxi): http://postspectacular.com/manifesto/start
Le blog de Marius Watz: http://workshop.evolutionzone.com/
Le channel Vimeo de Robert Hodgin: http://www.vimeo.com/flight404/videos
La Villa Hermosa is back
Glitched
Réalisé (accidentellement) avec Processing et un driver de carte graphique légèrement instable.
open course/open source à la heaj (suite)
Pour être tout à fait en phase avec le thème de la journée, voici un petit sketch Processing à télécharger permettant de générer trois formes basiques (voir ci-dessous) à partir du flux de Reuters. Ici il n’est pas question de particules, de liens, d’interface tactile; j’ai en fait repris mes premiers tests de l’année passée en flash pour les convertir en Processing.
Le fonctionnement est très simple; une fois que les mots des 10 derniers articles sont chargés, le programme les affiche selon une trajectoire prédéfinie: un cercle, une spirale ou une “sphère”. Il y a quelques interactions clavier possibles: les flèches pour zoomer/déplacer la structure, le “r” pour lancer la rotation, le “e” pour exporter les images, et le 1, 2 , 3 pour sélectionner une autre forme.
Petit détail tout de même, la classe Grabber est la base du système de recherche des dépêches. Il y a tout ce qu’il faut pour se connecter à n’importe quel site, et récupérer n’importe quel contenu (il suffit de changer l’adresse cible et modifier quelque peu les expressions régulières). Elle peut donc très bien être utilisée pour un projet complètement différent.
Journée open course/open source à la HEAJ
Je ferai à nouveau la présentation de mon travail ce mardi 28 avril, toujours dans le cadre d’une journée Open-Course/Open-Source, cette fois à la HEAJ (Haute école Albert Jacquart). Les photos de la journée Open-Course/Open-Source précédente à l’ERG sont sur le blog de Marc Wathieu.
Journée open source/open course à l’ERG
Je présenterai ce mardi 31 mars l’installation “Homéostatic” (dont le dernier prototype a été montré chez iMAL le 19 février) dans le cadre des journées open source/open course à l’ERG (Ecole de Recherche Graphique, Bruxelles) organisées par Marc Wathieu. Je n’aurai malheureusement pas la possibilité de transporter le prototype de l’installation jusque l’ERG, MAIS ce sera l’occasion de décortiquer en détail le fonctionnement de l’installation, avec de la nouvelle documentation et quelques démos en temps réel du programme de visualisation. Pour le détail des événements qui composeront cette journée mémorable, voir la page dédiée sur le site de Marc: http://www.multimedialab.be/blog/?p=1204
La journée commencera à 9h30, pour une matinée de présentations, puis une “Print Party” à partir de 14h00. L’accès à l’événement n’est évidemment pas restreint aux étudiants de cette école, donc venez nombreux.
L’adresse: 87 rue du Page, 1050 Bruxelles.
J’en profite pour remercier le soutien constant de Marc Wathieu et souligner la parution de son article sur mon travail dans la revue “Art & Architecture” des Instituts St Luc.
Homeostatic chez iMAL
Je présenterai ce jeudi 19 février à 20h30 l’installation en cours de réalisation “Homeostatic”, l’écran multitouch et le programme d’analyse et de visualisation des dépêches d’agences de presse chez iMAL (iMAL, Center for Digital Cultures and Technology, 30 Quai des Charbonnages, 1080 Brussels).
Plus d’info ici.
Cette présentation ravira les amateurs de bricolages et de canaux citadins; venez nombreux.
“Compliant surface” etc.
test @iMAL
table multitouch
test @iMAL
Quelques nouvelles du projet Homéostatic/construction de l’écran multitouch (après trois mois sans post – et pas mal de problèmes dans la conception de la chose -). D’autres articles viendront dans les prochains jours (vraiment)…



























