— Webdrama

Vient de se jouer un workshop autours de la typographie que j’animais à l’invitation Florence Jamet de l’école Estienne à la Gaité lyrique. Nous devions accompagner une trentaine de participant à prendre en compte nombre d’éléments constitutifs de la micro-typographie à l’écran. Si mon intervention n’avait volontairement pas de titre, elle se présentait néanmoins de la sorte:

“Il s’agira d’accidenter les éléments constitutifs de la typographie. Sous forme d’essais relevant de la programmation informatique nous générons des formes par manipulation des articulations constituant les lettres, les signes. Aux outils interfacés propres à cette machine à ordonner qu’est l’ordinateur — clavier, souris, microphone, caméra — nous emploierons à la création d’instruments, de surfaces de communication.”

Aux manipulations typographiques comportementales et de tracés, se sont adjointes, et révélées, ce dernier jour, des préoccupations des phénomènes de lecture entres plateaux. Si la notion d’hypertexte est aujourd’hui commune (quoique), je fus enthousiaste d’observer par leur tâtonnement et de manière fine la mise en place des “shifters”, tel que Jean-Louis Boissier traitait dans son ouvrage “La relation comme forme”. Ainsi à la proposition d’outils de manipulation de formes les participant de cette première année créèrent des objets d’observations d’une langue et de sa manipulation contextuelle à la constitution de micro-récits.

Merci aux nombreux enseignants de l’école Estienne qui passèrent en curieux éclairés aux différents stades de réalisation. À Florence Jamet, bien évidement à l’initiative de cette proposition, et Irène Stehr de la Gaité Lyrique qui veilla aux bonnes conditions de cet atelier. Spéciale dédicace à Benjamin Delaville qui m’assista.

/*D’après l’exemple inclut dans le logiciel Processing

* Sequential de James Patterson.

* Adaptation pour jouer une séquence

* d’images par déplacement du curseur.

*/

int numFrames = 12;

int frame = 0;

PImage[] images = new PImage[numFrames];

PFont font;

void setup() {

size(200, 200);

frameRate(30);

for (int i=0;  i< numFrames; i++){

String imageName = “PT_anim” + nf(i, 4) + “.gif”;

images[i] = loadImage(imageName);

}

font = loadFont(“maTypo.vlw”);

textFont(font, 18);

}

void draw() {

float pos = map(mouseX, 0, width, 0, 11);

image(images[int(pos)], 0, 0);

fill(0, 0, 255);

textFont(font, 24);

text(“Hello” , mouseX, mouseY);

fill(0, 0, 125);

textFont(font, 18);

text(“Legende de mon image” , mouseX, mouseY + 24);

}

Vient de se dérouler, sur le site du Havre, à l’école supérieure d’art et design le workshop Vertex. La proposition consistait à accidenter les éléments constitutifs de la micro-typographie. Sous forme d’essais relevant de la programmation informatique, des étudiants, de la première à la 4e année étaient invités à générer des formes par manipulation de sommets (vertex) à destination d’imprimés, d’animations, d’objets volumiques.

Les “développeurs” ont souvent pour habitudes d’employer comme images test une photographie de leur enfant, une représentation de la Joconde. Après des années d’évitement, la malice d’une des participantes, en ayant réalisé l’affiche témoignage de cet atelier intensif, signe par association cette anecdote.

Maquette d'idéogrammes extrudés par Zhan Sun.

Affiche programme par Delphine Boeschlin

Sculptures d’Empatements par Kevin Tessier, fev 2012.

Arnaud Toupet, fev 2012.

Arnaud Toupet

Candice Leblond. Capture d’écran d’un éditeur de texte dont les alternatives sont régies par la frappe clavier.

Affiche-ws, Vertex ‘Original’, par Delphine Boeschlin, fev 2012.