abstractmachine

12 February, 2012

Code Impressions

Filed under: abstractmachine,atelier hypermedia,code,paper,student,workshop — Douglas Edric Stanley @ 18:16 pm

Code impressions, Julien Gachadoat + Mark Webster

Starting Tuesday, Julien Gachadoat and Mark Webster will be in Aix-en-Provence working in the Atelier Hypermédia and the Atelier Sérigraphie for a workshop entitled « Code impressions ». Basically, we will be continuing our explorations of code + print in its various forms, this time via Seriography, by inviting two artists who have already organized similar workshops throughout France (cf. Algorithmes sérigraphiques).

Here is the official description of the workshop (en français):

objectif

Concevoir des affiches et des T-Shirts à partir de formes générés via des algorithmes. Explorer l’aspect génératif du code et comment à partir d’instructions simples on peut arriver à des formes complexes. Confronter les outils de production manuels avec les outils de production procédurales.

contenu

Les atéliers Sérigraphie et Hypermédia invitent cette année Julien Gachadoat et Mark Webster du Free Art Bureau afin d’explorer la confrontation de ces deux matériaux. L’occasion sera donnée de découvrir l’art de la programmation interactive, d’en comprendre les mécanismes grâce au logiciel Processing, environnement de création graphique dédié aux artistes et designers. Des données sonores, visuelles, gestuelles ou issues d’internet seront récupérées, analysées et traitées pour produire des visuels uniques qui, une fois exportés et retravaillés, seront imprimés sur un support textile par le biais de la sérigraphie.

méthode d’enseignement

Les deux premières journées seront consacrées à la découverte de la programmation graphique avec Processing. Elles seront animées par Julien Gachadoat pour aboutir à la création de graphismes prêts a être imprimés.

méthode d’évaluation

Exposition des travaux.

7 February, 2012

Art + Recherche

Filed under: abstractmachine,atelier hypermedia,CityMedia,live,media design,Mur Communiquant,student — Douglas Edric Stanley @ 22:05 pm

Tomorrow I’ll be speaking at 15:00 in a short presentation at the Symposium on Art & Research, organized by the Ministry of Culture. My presentation, on the CityMedia project, is part of a series of round-table/lightning-round presentations that have been divided into different groups. Here is an outline of tomorrow’s presentations:

  • 1/ Image, Son, Technologie
  • Images (~40 min)
  • E Grande Image, Le Mans, CS
  • E City Média, Aix en Provence
  • RI Faux raccords, Angers
  • RI Enactive TV, EESI
  • RI Sciences et arts des interactions Lumière-Matière-Couleur, ENSAD
  • RI Obs/IN, Arles
  • Formes de l’interactivité (~40 min)
  • E Écrans mobiles et récit interactif, Ensad/EnsadLab
  • E DRII, ENSAD, Paris
  • E Sliders-lab, Architecture et mémoire, accord cadre CNRS-MCC,(Angoulême-Poitiers)
  • RI Interactions tactiles TIOP, Amiens
  • RI « It’s interactive : so what ? », école média art de Chalon-sur-Saône (e|m|a|fructidor)
  • Musique, son, instrumentalité (~25 min)
  • E Locus-Sonus, accord cadreMCC/CNRS, ESA Aix en Provence, ENSABourges
  • E Résonances, du sensible au sens, Le Mans, CS
  • RI ARS, son architecture, urbanisme, Esal, Metz
  • [PAUSE]
  • Nouveaux outils, nouvelles pratiques (~40 min)
  • E Des oeuvres-outils/Webring, Toulouse
  • E Créativité instrumentale, EESI
  • RI Espace numérique – Extension de la réalité, ENSAD
  • RI Opti Lab, Aix en Provence
  • RI RANDOM (lab) Recherches 0uvertes en Art, Design et Nouveaux Médias, Saint-Etienne
  • RI IDEA (If Design Else Art), Le Havre
  • Culture « numérique », histoire (~35 min)
  • E DatAData, groupe de recherche sur les médias poétiques, Lyon
  • RI Formes et processus des pratiques artistiques du XXIème siècle au sein des cultures numériques, ESBAMA, Montpellier
  • RI Digital Art conservation, Strasbourg
  • RI Émergences de la synthèse d’images en France dans les années 1980-1990
  • RI Tokyopad, Avignon
  • RI Imaginaires, Technologies, société. Design et quête de sens, ESAD Reims
Légende : E = présentation de 8 à 10 min. RI = présentation de 4 à 5 min.

30 November, 2011

互动编程艺术 (Processing)

Filed under: abstractmachine,atelier hypermedia,CityMedia,code,collaborators,publication,student — Douglas Edric Stanley @ 22:39 pm

Processing 互动编程艺术 Processing 互动编程艺术 Processing 互动编程艺术

I was recently given a copy of this book on Processing by Liang TAN. This is great news as Liang was an invited instructor during the 2009-2010 academic year at the Atelier Hypermédia where he studied Processing (amongst other things) and participated in the Mur Communicant/CityMedia project. While I don’t (yet) read Chinese, I was able to more or less read the book by studying the code and gleaning information from various keywords ; it’s not an expert book, more of an overview of Processing and probably would be a decent introductory text for students starting out with the environment. At least it does get into Classes/objects near the end and has some nice sections about Arduino, libraries and so on.

Processing 互动编程艺术 Processing 互动编程艺术 Processing 互动编程艺术

This is a pleasant validation for our collaboration between the Aix-en-Provence School of Art with the Guangzhou Academy of Fine Arts (广州美术学院). We are currently hosting our third invited instructor, Hong Rongman, who is also learning Processing as well as electronics and interfacing via Arduino and our own in-house Pinguino platform developed by Jean-Pierre Mandon.

Processing 互动编程艺术 Processing 互动编程艺术 Processing 互动编程艺术

19 May, 2011

CityMedia at Mapping

Citymedia Project & Body Double Workshop – Mapping Festival Profile from mappingfestival on Vimeo.

FILMED AT MAPPING FESTIVAL – GENEVA – MAY 2011
www.mappingfestival.com

The CityMedia system is an open platform for the exploration of public screens and new forms of collective interaction. It uses multi-touch sensors, 3*d body tracking, webcams and internet connectivity to connect people, data, media and objects. CityMedia systems can connect to other CityMedia systems, with the first two exhibited simultaneously in Aix-en-Provence and Marseille during the month of April 2011. Tthe CityMedia Project can currently be experienced at the Bâtiment d’art contemporain as part of the Mapping Festival in Geneva, Switzerland until the end of May 2011.

Over the past year, we have been building and experimenting various applications at the Atelier Hypermédia in Aix-en-Provence and at the Master Media Design —HEAD Genève. We were also joined in the prototyping phase by students and teachers from the Studio Lentigo, ESBA Marseille, the École spéciale d’architecture Paris, and the École nationale supérieure des arts décoratives, Paris. Over forty students have built about twice as many prototypes in 10 different sessions dedicated to designing, prototyping and developing uses for and with the system.

There are currently about 25 applications presented in the system, with eventually more to come at the end of a workshop dedicated to Kinect hacking this Thursday, May 26, 2011, also at the BAC. This workshop sold out very quickly, and unfortunately we do not have any more room for extra participants. So please people, stop begging, it’s heartbreaking. You are welcome to come at the end of the workshop though, and watch as will attempt to add any working applications developped during the workshop into the system.

While the project was developed principally at the Atelier Hypermédia in Aix-en-Provence, our students in the Media Design Master at the HEAD did a considerable amount of work in the design and development of the various applications and contributed as well to the design of some important platform components; as a consequence we wanted to show the result of this work in Geneva. Given that there was already this interresting festival dedicated to real-time visualization, and given the amount of body tracking and various other techniques of real-time image manipulation we use in our system, the venue seemed appropriate.

Finally, I will be giving a talk Wednesday afternoon at 16:30 at the auditorium of the BAC, along with Jean-Baptiste Labrune and VJ Fader, moderated by Nicolas Nova. For my part, I’ll be exploring some of the artistic and speculative predecessors to Microsoft’s latest Kinect device, and will finish with the artistic work, research, and collaborations that allowed us to quickly get up to speed with these new devices.

P.S. There are some good pictures of the exhibit over at Pasta&Vinegar: From Hal to Kinect: live visuals, music and body tracking technologies – Mapping Festival Geneva

25 November, 2010

Mur communicant:Territoire

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 01:00 am
  • workshop : Territoire
  • dans le cadre du projet du Mur communicant
  • avec la participation du département Media Design, HEAD Genève
  • dates : du 30 novembre au 3 décembre 2010 / de 4 au 14 janvier 2011 / du 8 au 11 février 2011
  • vidéo : Mur communicant

Le mur communicant est un dispositif collectif d'exploration et de découverte. Il s'agit d'un grand écran interactif. Grace à son système de capture « multi-touch » on peut littéralement toucher l'image et en modifier ainsi son contenu. Le mur récolte des informations depuis de multiples sources (téléphone, Internet, capture vidéo, borne de saisie, etc) et les re-transforme en des visualisations tactiles. De cette façon le mur n'est pas hermétique ; au contraire il s'agit d'un carrefour d'informations, d'une carte temps-réel qui simplifie et rend tangible certaines informations et relations complexes (locales/globales) qui seraient trop difficiles à représenter sur l'espace réduit d'un ordinateur personnel ou d'un ordinateur de poche (smartphone). C'est un mur/écran urbain, qui crée des relations informationnelles adaptées à l'échelle du corps humain et qui relie des corps à leurs territoires.

Pendant l'année scolaire 2009-2010, quatre workshops ont été proposés - « Mobilité », « Toucher », « Communication » et « DataFlow » — pour définir l'objet, son intérêt, ses usages. Pour la session 2010-2011 trois temps forts seront proposés pour définir/sélectionner les contenus finals du projet et pour les produire.

La principale thématique de cette dernière phase du projet tournera autour du concept de « Territoire », pour mettre l'accent sur l'idée d'une implantation urbaine du mur et du territoire qui l'entoure. À l'intérieur de cette problématique « Territoire », l'artiste Stéfan Piat viendra pour la session de décembre, puis reviendra pour celle de février, pour travailler avec un petit groupe d'étudiants autour du concept d'une « image-paysage ». Ce travail sera plutôt un travail de photographie, de documentation d'espace(s), mais profitera néanmoins des possibilité qu'offre le mur avec une interface imaginé par les participants.

Pendant cette première session, des étudiants du département Media Design de l'Haute école d'art et de design Genève viendront également pour travailler sur la ligne éditoriale du mur, en collaboration avec Seconde Nature et divers partenaires institutionnelles du projet.

La deuxième session — janvier 2011 — sera mené en parallèle avec le workshop New Atlantis. Pendant cette session les étudiants peuvent travailler sur un de ces deux projets, à l'intersection des deux, ou peuvent tout simplement faire avancer leur application pour l'exposition finale. La troisième session permettra de réunir l'ensemble de travaux et de terminer les projets débutés dans les sessions de décembre ou de janvier. Le projet se terminera avec une exposition (mars/avril 2011) aux bibliothèques Méjanes (Aix-en-Provence) et Alcazar (Marseille). Un prototype sera également montré en début du février lors de la rencontre Lift11 à Genève. Divers suites du projet (MP2013, festivals, etc.) sont également envisagées, mais ne seront décidés qu'à la fin de cette première année de développement du projet.

« Image-paysage »

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 00:00 am
  • workshop : « image-paysage »
  • intervenant : Stéfan Piat
  • dans le cadre du projet du Mur communicant
  • dates : 30 novembre au 3 décembre 2010

Un paysage est un lieu transformé, que ce soit par l'acte physique qui consiste à l'habiter, ou par la transformation qu'opère sur lui la perception humaine pour établir les bases d'une carte, ou d'une image. Le paysage est une representation, qui n'existe que dans le regard que l'on porte sur lui. Il est relatif à un ensemble de dispositifs techniques d'observation. Ainsi la photographie a-t-elle façonnée notre interpretation du paysage. Considérée comme l'outil représentant le plus fidèlement le réel, elle est issue du code perspectif qui organise la representation depuis un point de vue unique, immobile. Il manque à l'image photographique comme paysage, l'experience de l'espace pour le corps, une expérience spatiale. Au regard de la notion de point de vue, nous experimenterons des formes photographiques interactives afin de reflechir au lien entre le corps, le regard et la photographie.

Ce workshop propose de concevoir une oeuvre interactive questionnant les liens entre photographie et déambulation. Sur le mode de la promenade nous explorerons un territoire, et chercherons à en donner une forme par la mise en place d'une cartographie sensible mettant en scène des photographies et leurs possibles relations interactives.

ARTISTES - PROJETS

- Stephen Shore
- Marin Kasimir
- Miroslaw Rogala – Lovers Leap (1995)
- Geoffroy Mathieu – Dos à la mer (2005, 2008) / La dynamique des paysages (2005, 2010)
- Paul Strand & Charles Sheeler - Manhatta (1921)
- Jan Dibbets - Panorama Dutch Mountain (1971)
- David Hockney - Pearblossom Highway (1986)
- Michael Snow – La region centrale (1970)
- Bill Viola – The Reflecting Pool (1979)
- Dieter Appelt – Forth Bridge, Cinema.Metric space (2004)
- Andreas Gursky Alain Paiement – Living Chaos (2004)
- Dominique Gonzales Foerster - Parc central (2006)
- Beat Streuli David Claerbout - Arena (2007)
- James Benning – 13 Lakes (2004)
- Gus Van Sant – Gerry (2004)
- David Rokeby – Machine for taking time (2001)
- Wolfgang Staehle – Untitled (2001)
- Kurt Ralske – Time square ,Timeshare (2006)
- Michael Naimark – BeNowHere Interactive (2007)
- Zbig Rybczynski – Tango (1980)
- Joachim Sauter & Dirk Lüsebrink - The Invisible Shape of Things Past (1995)
- Camille Utterback - Liquid Time (2000)
- Alvaro Cassinelli & Masatoshi Ishikawa Khronos Projector (2005)
- Mateusz Herczka – Zuidvleugel (2007)
- Michael Aschauer - Danube Panorama Project (2005)
- Stephan Schulz – Travelrama (2004)
- Stadtmusik – Mauerpark (2006)

LIVRES

- Paul Auster – Trilogie New Yorkaise
- Bruce Chatwin – Le chant des pistes
- Thierry Davila – Marcher, créer
- Robert Walser – La promenade
- ZKM – Future Cinema
- Catherine Grout – L'émotion du paysage
- David Hockney – Ma façon de voir
- Marc Augé – Non lieux
- Philippe Vasset – un livre blanc
- Georges Perec – Tentative d'épuisement d'un lieu parisien

13 November, 2010

Seminar: Algorithms + Physicalization

Just a quick note to announce that I’ll be conducting a seminar this afternoon at the Portuguese Catholic University. I’ll be showing work and discussing our research at the Media Design department in Geneva and the Atelier Hypermédia in Aix-en-Provence. More specifically, we’ll be discussing the current mutation of art/media in the wake of the massive introduction of algorithmic machines, and role these machines play in transforming aesthetic forms.

29 October, 2010

Polymorphism

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 16:38 pm

Cet exemple plutôt complexe, voire compliqué, montre comment changer le comportement d'un objet en lui changeant sa classe.

On utilise le principe du polymorphisme qui permet à plusieurs classes d'hériter les mêmes aspects et comportements de base (position, taille, couleur, etc), puis de changer uniquement un aspect ou un comportement. On traite chacun des objets spécifiques comme un objet générique (variables communes) mais avec ses comportements spécifiques (méthodes spécifiques).

Multitouch Example

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 09:33 am

Voici un exemple qui montre comment faire un projet plutôt simple qui exploite l'aspect multi-touch des iPhone et iPad. Ce code marche uniquement avec OpenFrameworks v0062 (cf. http://github.com/openframeworks/op...). Il montre également l'utilisation des classes, structs, vectors, et #define.

À noter enfin que cet exemple révèle l'existence d'un onzième doigt humain.

25 October, 2010

Programmation artistique avancée avec OpenFrameworks (iPhone + iPad + PC)

Filed under: atelier hypermedia,code,confirmé,feed — Douglas Edric Stanley @ 15:34 pm

- Étudiant-e-s concerné-e-s : 3° / 4° / 5°
- Intitulé : « Programmation artistique avancée avec OpenFrameworks »
- Enseignant (s) : Douglas Edric Stanley
- Date et heure : 9h à 18h du 25 au 29 octobre 2010

Objectifs

- Passer à la vitesse supérieure dans la programmation d'œuvres interactives et évolutives
- Compréhension du langage de programmation C++
- Acquisition des techniques avancés de la programmation, notamment l'usage des pointeurs et vecteurs
- Comprendre l'environement de programmation « XCode »
- Développement d'applications mobile (iPhone, iPodTouch, iPad)
- Intégration de PureData dans un projet OpenFrameworks sur iPhone/iPad

Contenu

OpenFrameworks est un environment de création algorithmique, conçu pour et par des artistes pour faciliter la création de dispositifs interactifs et génératifs. Il s'inspire de la philosophie de Processing, et partage un certain nombre de ces fonctions : si vous vous sentez à l'aise avec les fonction de base de Processing vous serez prêt à passer le cap vers OpenFrameworks.

Pourquoi un deuxième environment de travail, alors ? Tout d'abord pour des questions de vitesse et de qualité d'affichage et d'execution. Processing est basé sur Java, alors qu'OpenFrameworks est basé sur C++, un langage beaucoup plus rapide, mais aussi un peu plus difficile à apprendre, surtout pour ceux qui n'ont jamais touché une ligne de code. En contrepartie de ce supplément d'apprentissage, le langage C++ vous permettra de travailler à la vitesse maximale de votre machine, et de faire certaines choses que vous ne pourriez jamais faire en Java.

Deuxièmement, le langage C++ est très proche de Java et lui ressemble énormément. De cette façon, OpenFrameworks a été conçu pour permettre aux personnes expérimentés de passer de l'un à l'autre dans leur apprentissage, ou en façon des besoins de chaque projet (chaque environment a ses avantages et désavantages).

Enfin, OpenFrameworks vous donnera accès à des fonctionalités — par exemple la vidéo — qui sont difficilement accessible à l'intérieur de Processing ; sinon à des plate-formes nouvelles qui nécessite une meilleure gestion des ressources de la machine, comme la plate-forme iOS d'Apple (iPhone, iPad, AppleTV, ...).

Démo

- OpenFrameworks Gallery
- Anti VJ, et al.
- Arcs21 + Philia 02, Lia, 2009/2010
- IQ Font, et al.
- Lights On, Zach Liberman, et al., 2009
- Sound Yeah, Henry Chu, 2010
- I want you to Want Me - Jonathan Harris and Sep Kamvar, 2008
- Multitouch interface tests - Todd Vanderlin, 2008
- Contact - UVA, 2008
- Delicate Boundaries - Chris Sugrue, 2008
- Opto-Isolator - Golan Levin, 2007
- Reface - Tmema (Golan Levin and Zach Lieberman), 2007
- AR Magic System - Lalalab, 2007
- Funky Forest - Theo Watson and Emily Gobeille, 2007
- Out of Bounds - Chris O'shea, 2007
- L.A.S.E.R tag - GRL, 2007
- OF Logos - Hikaru Furuhashi, 2008

Méthode d'enseignement

Cours intensif. Démonstration et explication des concepts avancés de la programmation, exemples et analyses d'oeuvres interactives, exercises pratiques (individuels et collectifs).

Nous recommandons fortement à tous les participants de réviser l'ensemble des cours sur [Processing–>rub81], notament ceux sur les listes et la programmation orientée-objet. Le cours sur Processing sera par exemple une bonne préparation pour cette formation.

Matériel personnel

Les machines sont fournis par l'atelier, et les logiciels entièrement gratuits. Nous recommandons néanmois aux étudiants d'apporter leurs ordinateurs portables s'ils en possèdent. Pour ceux voulant exécuter directement leurs programmes sur iPhone ou iPhone, une machine MacIntel sera nécessaire.

Références bibliographiques

- OpenFrameworks
- Cours en ligne / OpenFrameworks (en français) : OpenFrameworks
- OpenFrameworks wiki
- C++ Language Tutorial

- openFrameworks on vimeo
- openFrameworks on youtube
- openFrameworks on flickr
- "Creative Applications", blog (http://www.creativeapplications.net...)

- « Programming Interactivity : A Designer's Guide to Processing, Arduino, and openFrameworks », Joshua Noble (lien AppStore)
- « Designing Interactions » Bill Moggridge, ed.
- « Code de création » John Maeda, ed. (+)
- « Design by Numbers » John Maeda (+)
- « Maeda@Media » John Maeda (+)
- « 4D Space, Interactive Architecture » Lucy Bullivant, ed.
- « Physical Computing » Dan O'Sullivan & Tom Igoe

(+) livres disponibles au centre de documentation

22 October, 2010

Introduction à la programmation artistique avec Processing

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 14:46 pm

- Stage de remise à niveau
- du 18 au 22 octobre 2009 (9h-12h / 14h - 17h)
- Enseignant : Douglas Edric Stanley
- Années concernées : 3°/4°/5°

Objectifs

Découvrir les possibilités de l'algorithme dans la création de dispositifs artistiques. Bien connaître l'environnement de programmation « Processing ». Acquisition des techniques de base permettant de gérer seul ou à plusieurs un projet d'œuvre interactive ou évolutive.

Contenu

Souvent on sous-estime le rôle de la programmation dans les œuvres interactives, oubliant que l'interactivité nécessite en réalité la création d'un programme. Malheureusement, l'ordinateur ne créera pas ce programme à notre place. HAL9000 n'existe pas encore, ce qui est plutôt rassurant, mais la plupart du temps gênant pour l'étudiant en arts plastiques qui n'a pas forcément envie de devenir ingénieur informatique pour créer des œuvres artistiques. Heureusement de nombreux artistes ont déjà traversé cette difficulté et ont laissé derrière eux de puissants outils à la fois ouverts, gratuits et conçus spécifiquement pour des étudiants en art.

Ce cours utilisera un des plus célèbres logiciels de programmation artistique : Processing (http://www.processing.org). Le cours sera basé sur des cours en ligne du site de l'école (http://www.ecole-art-aix.fr/rubrique81.html) et le nouveau livre Processing, dessiner et créer avec du code informatique qui vient d'être publié sous une licence libre. Ce deux cours en-ligne et/ou sur paper, permettront à l'étudiant de revenir à n'importe quel moment après la formation sur les concepts et techniques enseignés, mais à son propre rythme. Ces cours en ligne seront révisés sur place, accompagnés d'expérimentations artistiques.

La base de Processing est la création d'images et nous axerons le cours sur ces aspects de l'environnement. Mais Processing peut manipuler de nombreuses autres matières : nous traiterons par exemple les entrées audio et vidéo, des programmes en ligne, et l'interfaçage avec le monde physique via Arduino ou Pinguino.

Méthode d'enseignement

Démonstration et explication des concepts de base de la programmation, exemples et analyses d'oeuvres interactives, exercices pratiques (individuels et collectifs).

Nous devons noter ici qu'aucune connaissance préalable est nécessaire pour suivre ce cours, et rappelons à tout ceux qui auraient fuit les mathématiques en s'inscrivant dans une école d'art, que la programmation n'est pas de la mathématique et peut être un lieu fertile pour l'exploration artistique.

Particularités

Les machines sont fournies par l'atelier, et les logiciels entièrement gratuits. Nous recommandons néanmoins aux étudiants d'apporter leurs ordinateurs portables s'ils en possèdent.

Références bibliographiques

- "Processing", site (http://www.processing.org/)
- "Processing : dessiner et créer avec du code informatique", site/livre (http://fr.flossmanuals.net/processing)
- "Processing", cours en-ligne (http://www.ecole-art-aix.fr/rubriqu...)
- "OpenProcessing", code dépot (http://www.openprocessing.org/)
- "OpenFrameworks", site (http://www.openframeworks.cc/)
- "OpenFrameworks", cours en-ligne (http://www.ecole-art-aix.fr/rubriqu...)
- "Arduino", site (http://www.arduino.cc)
- "Pinguino", site (http://www.hackinglab.org/)
- "Happy Code Farm", code dépot (http://www.ecole-art-aix.fr/rubriqu...)

- "Processing Exhibition", blog (http://www.processing.org/exhibition/)
- "Creative Applications", blog (http://www.creativeapplications.net/)

- Casey Reas, "Processing : A Programming Handbook for Visual Designers", 978-0262182621
- Daniel Shiffman, "Learning Processing", 9780123736024
- Kostas Terzidis, "Algorithms for Visual Design Using the Processing Language", 978-0470375488
- Joshua Noble, "Programming Interactivity : A Designer's Guide to Processing, Arduino, and openFrameworks", 978-0596154141
- Ira Greenberg, "Processing : Creative Coding and Computational Art", 978-1-59059-617-3
- Bill Moggridge ed., "Designing Interactions", 978-0262134743
- John Maeda ed., "Code de création", 978-2878112467
- John Maeda, "Design by Numbers", 978-0262632447
- John Maeda, "Maeda@Media", 978-2878111866
- Lucy Bullivant, "4D Space, Interactive Architecture", 978-0470090923
- Tom Igoe, "Making Things Talk : Practical Methods for Connecting Physical Objects", 978-059651051

19 October, 2010

T-Shirt Classe-Objet

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 14:28 pm

Voici un fichier .ai et .pdf pour fabriquer votre propres T-Shirts pour se rappeler à tout moment les fondamentaux de la programmation objet. Sur un côté on trouve la définition de la classe, sur l'autre les instructions pour créer 1000 instances de cette classe.

29 September, 2010

Controleurs multiples

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 15:04 pm

Parfois il est pratique d'avoir plusieurs sous-programmes dans une seule et même application. Par exemple, chaque "chapitre" d'une narration interactive pourrait se comporter comme s'il était son propre programme ; de même, il serait bien de pouvoir le programmer séparément, sans se soucier du comportement du premier chapitre, etc.

Dans ce cas, on remplace le "testApp()" générique, livré de base avec votre projet OpenFrameworks, par une sorte de programme maître, un "Application Delegate", qui ouvre et ferme les différents chapitres, chacun appelés des Controleurs.

Cet exemple est complexe, et nécessite la compréhension de plusieurs concepts avancés : classes, super-classes, polymorphisme, et délégation.

10 August, 2010

Multi-touch demo reel

Monolithe - 2001 A Space Odyssey

Over the past year I have been working for Seconde Nature designing a public multi-touch platform via my Atelier Hypermédia in Aix-en-Provence. It’s a fairly ambitious project and involves many partners and most importantly, a whole bunch of students and researchers from five different schools/departments exploring interactivity from the perspectives of art, design, architecture or some combination therein. While I’ve been tooling away at the project in some form or another over the past 12 months, the production team was officially formed at the beginning of 2010 and still has about 6 months to go before completing the project with an exhibition planned for early 2011 in Aix-en-Provence and Marseille. In other words, we’re only at the half-way point and anything you see here should be considered highly work-in-progress, and purely experimental/speculative in nature.

That said, we have amassed enough material from the exploratory/workshop phase of the project to create the following document which can be considered a collection of ideas that we found interesting enough to record and group into this 20-minute demo reel. There were actually far more ideas explored than those you will see in this reel but they were unfortunately either lacking decent documentation or were simply too preliminary/unpolished. That said, many if not all of these ideas will need to be completely reworked during the production phase of the project. Only a few will be retained and most of those will be redesigned in collaboration with our content partners.

All of the projects were built within one of the four workshops, with each workshop lasting either 1 or 2 weeks. In total, this reel represents the accumulation of about 6 weeks of direct prototyping.

4 June, 2010

Mur communicant

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 10:00 am

- workshop DataFlow : 7 au 11 juin 2010
- workshop Communication : 23 mars au 2 avril 2010
- workshop Toucher : 8 au 19 février 2010
- workshop Mobilité : 1 au 5 décembre 2009
- années concernées : 3°/4°/5°
- avec la participation de Seconde Nature + FING + PACA Labs + ZINC + Digital Deluxe + villes d'Aix-en-Provence et de Marseille + Studio Lentigo ENSBAM + École Spéciale d'Architecture + École National Supérieure des Arts Décoratives + Media Design HEAD

- invités : Guillaume Stagnaro, Elizabeth Guyon, Stéphane Cousot, Pascal Chirol, Julien Gachadoat, Memo Akten

Objectif

Construire des usages et oeuvres innovants sur un support multi-touch urbain, le « Mur communicant ».

Contenu

Le mur communicant est un dispositif collectif d'exploration et de découverte. Il s'agit d'un grand écran interactif. Grace à son système de capture « multi-touch » on peut littéralement toucher l'image et en modifier ainsi son contenu. Le mur récolte des informations depuis de multiples sources (téléphone, Internet, capture vidéo, borne de saisie, etc) et les re-transforme en des visualisations tactiles. De cette façon le mur n'est pas hermétique ; au contraire il s'agit d'un carrefour d'informations, d'une carte temps-réel qui simplifie et rend tangible certaines informations et relations complexes (locales/globales) qui seraient trop difficiles à représenter sur l'espace réduit d'un ordinateur personnel ou d'un ordinateur de poche (smartphone). C'est un mur/écran urbain, qui crée des relations informationnelles adaptées à l'échelle du corps humain et qui relie des corps à leurs territoires.

Pendant l'année scolaire 2009-2010, trois workshops sont proposés autour de trois thèmes : mobilité (décembre), toucher (février), communication (mars). Des étudiants, chercheurs et artistes multimédia expérimenteront pendant cette période sur les contenus de ce nouveau type de support. A la suite des expérimentations, le mur sera construit dans sa forme définitive (été), avec des contenus adaptés (novembre), terminant avec une exposition (février/mars 2011) aux bibliothèques Méjanes (Aix-en-Provence) et Alcazar (Marseille). Divers suites du projet MP2013, divers festivals, etc. sont également envisagées, mais ne seront décidés qu'à la fin de la première année de développement du projet.

Partenaires du projet : Région PACA (financement) ; Seconde Nature (production) ; Atelier Hypermédia / École Supérieure d'Art d'Aix-en-Provence (rélisation) ; ZINC / La Friche (étude) ; Ville 2.0 / FING (expertise conseil) ; villes d'Aix-en-Provence et de Marseille (soutien) ; Studio Lentigo / École Supérieure des Beaux-Arts Marseille (expérimentation) ; École Spéciale d'Architecture, Paris (expérimentation) ; École National Supérieure des Arts Décoratives, Paris (expérimentation) ; Media Design / Haute École d'Art et de Design Genève (expérimentation).

Références bibliographiques

- Myron Krueger, "Videoplace", vidéo (http://www.youtube.com/watch?v=dmmx...)
- "Jeff Han demos his breakthrough touchscreen", vidéo (http://www.ted.com/talks/redirect?k...)
- "Multitouch Cell", vidéo (http://www.multitou.ch/)
- "8=8", vidéo (http://www.youtube.com/watch?v=Z8yF...)

- Douglas Edric Stanley, "Mur Communicant", document PDF (http://www.abstractmachine.net/docu...)

7 May, 2010

Paramkebi

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 10:25 am

Ce programme démontre comment faire passer la souris à la partie opposée de l'écran, afin de pouvoir utiliser des trackball ou des souris hackés comme des roues qui peuvent tourner infiniment dans un sens ou dans un autre. Pour illustrer ce principe, nous utilisons la forme d'un paramkebi.

16 March, 2010

Two Line Element Sets

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 17:15 pm

Voici un exemple vite-fait d'un globe avec des satellites autour. Cet exemple se base sur l'exemple Cop15 mais rajoute les positions des satellites via le site Celestrak en utilisant le principe des Two Line Element Sets. Cet exemple Processing a été créé pour illustrer un concept exploré lors du projet Mining The ElectroMagnetic Spectrum par Alejandro Duque et les étudiants en 2ème année (Morgane Guiard & Nicolas Durand).

8 February, 2010

Multitouch Experiences en vrac

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 17:36 pm

Voici purgatoire des programmes perdus lors du workshop Toucher du projet Mur communicant.

7 February, 2010

Dessin génératif (AOC Hypermédia)

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 18:24 pm

- 7,8,28,29 janvier + 4,5 février 2010 (impression papier)
- 15-19 mars 2010 (impression 3D)
- AOC Hypermédia : Dessin génératif
- Années concernées : 2°
- Equipe : Douglas Edric Stanley, Antoine Bollasina
- Invité : Marius Watz

Objectifs

Atelier pratique de dessin numérique. Apprentissage des techniques algorithmiques. Création de programmes informatiques. Impression des dessins sur support papier, puis par extrusion avec des formes physiques en relief/3D lors du projet Anti-datamining.

Contenu

L'Atelier Hypermédia propose aux étudiants en 2ème année une exploration du dessin numérique par le biais de la programmation informatique. Contrairement à la vision expansive du workshop Eniarof de l'année dernière, cet Apprentissage des Outils de la Création sera focalisé sur un seul aspect de l'hypermédia : le dessin génératif. Nous ne travaillerons ni l'interactivité, ni l'animation ; nous ne fabriquerons aucun gadget. L'idée est plutôt d'acquérir le plus rapidement possible les bases techniques pour focaliser sur une approche plastique de la génération de formes.

L'outil de base sera l'environnement open-source Processing, un outil conçu par des artistes et enseignants et art pour donner aux artistes et designers un accès plus rapide aux réelles capacités de nos machines contemporaines. Nous apprendrons ensuite comment préparer ces dessins pour l'impression, avec un travail en imprimerie pendant la phase finale.

Les techniques acquises pendant de ce AOC seront ensuite utilisés par les étudiants lors du workshop en mars avec l'artiste Marius Watz, où il sera question de la génération de formes physiques en relief, mais toujours en se servant du même outil (Processing) pour la génération des formes.

Particularités

Les machines sont fournies par l'atelier, et les logiciels entièrement gratuits. Nous recommandons néanmoins aux étudiants d'apporter leurs ordinateurs portables s'ils en possèdent.

Méthode d'enseignement

Démonstration, cours techniques, expérimentation, création

Méthode d'évaluation

Chaque étudiant doit créer une impression à partir d'un programme informatique généré dans environement de développement Processing.

Références bibliographiques

- "Processing", site (http://www.processing.org/)
- "OpenProcessing", code dépot (http://www.openprocessing.org/)
- "Processing", cours en-ligne (http://www.ecole-art-aix.fr/rubriqu...)

- "Processing Exhibition", blog (http://www.processing.org/exhibition/)
- "Creative Applications", blog (http://www.creativeapplications.net/)
- "Information Aesthetics", blog (http://infosthetics.com/)
- "Generator.x", blog (http://www.generatorx.no/)
- "Code & Form", blog (http://workshop.evolutionzone.com/)

- Casey Reas, "Software Structures" (http://artport.whitney.org/commissi...)

- "Manfred Mohr", site (http://www.emohr.com/)
- "Roman Verostko", site (http://verostko.com/)
- "Harold Cohen", site (http://www-crca.ucsd.edu/ hcohen/)
- "Casey Reas", site (http://reas.com/)
- "Ben Fry", site (http://benfry.com/projects/)
- "Marius Watz", site (http://www.evolutionzone.com/)
- "Robert Hodgin", site (http://www.flight404.com/)
- "Turux", site (http://www.turux.org)
- "Lia", site (http://www.liaworks.com/)
- "Jer Thorpe", site (http://www.blprnt.com/)

- Daniel Shiffman, "Learning Processing", 9780123736024
- Casey Reas, "Processing : A Programming Handbook for Visual Designers", 978-0262182621
- Kostas Terzidis, "Algorithms for Visual Design Using the Processing Language", 978-0470375488
- Ira Greenberg, "Processing : Creative Coding and Computational Art", 978-1-59059-617-3

- Ben Fry, "Visualizing Data", 978-0596514556
- Charles Csuri, "Charles A. Csuri Beyond Boundaries, 1963 - Present", 978-0978727505
- R. Klanten, N. Bourquin, S. Ehmann, F. van Heerden, "Data Flow", 978-3-89955-217-1
- Sol LeWitt, "Wall Drawings", 978-8889431597
- Sol LeWitt, "100 Views", 978-0300152821
- Nicholas Baume ed., "Sol LeWitt : Incomplete Open Cubes", 978-0262523110
- John Maeda, "Design by Numbers", 978-0262632447
- John Maeda, "Maeda@Media", 978-2878111866
- Edward R. Tufte, "Beautiful Evidence", 978-0961392178
- Edward R. Tufte, "Envisioning Information", 978-0961392116
- Edward R. Tufte, "The Visual Display of Quantitative Information", 978-0961392147
- Edward R. Tufte, "Visual Explanations : Images and Quantities, Evidence and Narrative", 978-0961392123
- Edward R. Tufte, "Visual & Statistical Thinking : Displays of Evidence for Decision Making", 978-0961392130

15 January, 2010

Cop15

Filed under: atelier hypermedia,code,feed — Douglas Edric Stanley @ 18:40 pm

Voici une petite animation Processing qui montre à peu près comment reproduire le célèbre logo du malheureux sommet écolologique Cop15. Le logo original a été construit également avec Processing.

 older »