nokami

.PureData Convention
Eric Filion - 18 may 2007

.Project

PureData Convention (Montreal)
Produce and research a graphic identity for the PureData Convention in Montreal.

Keywords: (graphic research)
1. Message
2. GUI boxes
3. Data structures

Pure Data (or Pd) is a graphical programming language.
The original idea in developing Pd was to make a real-time computer music performance environment like Max, but somehow to include also a facility for making computer music scores with user-specifiable graphical representations. (Pd Documentation)
(http://crca.ucsd.edu/~msp/Pd_documentation/)

.Theme

L’œuvre ouverte
‘L’oeuvre ouverte’ is an idea proposed by Italian philosopher Umberto Eco. Translated into English it is ‘Open Work’.

“Toute oeuvre d’art, même si elle est explicitement ou implicitement le fruit d’une poétique de la nécessité, reste ouverte à une série virtuellement infinie de lectures possibles : chacune de ces lectures fait revivre l’œuvre selon une perspective, un goût, une « exécution » personnelle.”
“La poétique de l’œuvre « ouverte » tend, dit Pousseur 3, à favoriser chez l’interprète « des actes de liberté consciente », à faire de lui le centre actif d’un réseau inépuisable de relations parmi lesquelles il élabore sa propre forme.”

“L’œuvre « ouverte », une catégorie plus restreinte de créations, susceptibles d’assumer des structures imprévues et matériellement inachevées : on peut les qualifier d’ oeuvres en mouvement.”
“L’ « ouverture » et le dynamisme d’une œuvre sont tout autre chose : son aptitude à s’intégrer des compléments divers, en les faisant entrer dans le jeu de sa vitalité organique ; une vitalité qui ne signifie pas achèvement, mais subsistance au travers de formes variées.”

Umberto Eco
La poétique de l’Oeuvre ouverte
Extrait de l’Oeuvre ouverte
Collection «Points», Éditions du Seuil, Paris 1965
pages 15-40

.Colors
(Miller Puckette programming window)

COLOR_REFERENCE.gif ( 13289 bytes )
var redArray=[0,255,233,216,133,66];
var greenArray=[0,255,233,216,133,66];
var blueArray=[0,255,233,216,133,66];
var myColors=[0×0,0xFFFFFF,0xE9E9E9,0xD8D8D8,0×858585,0×424242];

Data structures

color_graphic.gif ( 7528 bytes )
var redArray=[0, 255, 198, 115, 236, 222, 44, 110, 213, 253, 247, 118, 164, 211, 233, 184, 201, 160, 120, 209, 232, 211, 161, 207];
var greenArray=[0, 255, 203, 122, 239, 225, 125, 163, 217, 254, 249, 165, 201, 228, 242, 188, 215, 164, 124, 209, 232, 201, 126, 166];
var blueArray=[0, 255, 209, 127, 240, 226, 131, 165, 215, 253, 246, 84, 83, 171, 210, 165, 128, 130, 48, 190, 225, 86, 55, 83];
var myColors=[0×0, 0xFFFFFF, 0xC6CBD1, 0×737A7F, 0xECEFF0, 0xDEE1E2, 0×2C7D83, 0×6EA3A5, 0xD5D9D7, 0xFDFEFD, 0xF7F9F6, 0×76A554, 0xA4C953, 0xD3E4AB, 0xE9F2D2, 0xB8BCA5, 0xC9D780, 0xA0A482, 0×787C30, 0xD1D1BE, 0xE8E8E1, 0xD3C956, 0xA17E37, 0xCFA653];

The example, which only lasts a few seconds, is a polyphonic collection of time-varying noise bands. The graphical “score” consists of six objects, each having a small grab point at left, a black shape to show dynamic, and a colored shape to show changing frequency and bandwidth. The horizontal axis represents time and the vertical axis, frequency.

.Font

Courrier
(pure data entry)
Pd supports 4 basic types of text entities: messages, objects, atoms, and comments.

.Design

Pd’s data structures:
(visuals references)

Line (graphic chart)
number (data entry)
graphics (data processing)

.Logo

.Poster

Graphic processing (actionscript 2.0 - ramdom scripting)
(poster prototype)

Prototype