Brouillard / Fog

A Processing workshop about fog.
Built and created for a workshop with 1st and 3rd year students at ECAL, Lausanne and refined with beginner students at ProcessingParis 2012, Paris

Purpose
This quite simple program was built and used during a Processing workshop at ECAL with the third year and first year students. Programming neofites could build an image-scape just by adding textures to the program, displaying them in a 3D space and travel trough with a camera. Some basic camera movement is implemented and also some basic input (mouse and keyboard). The participants could customize the whole program, in particular the controls and the camera movement but also add some extra objects (for example 3d meshes) by extending the main Form class. The workshop was also repeated at ProcessingParis. It works well with beginners as they can focus on image and narrative. expert programmers can take the whole to a next level and build more complex experiences.

Origins
The idea was inspired
by Bruno Munari’s book “Nella Nebbia di Milano”
and by Disneys MultiPlane Camera.
See also the “Plexigram” series by John Cage.

Examples
Five basic example landscapes are included with the sketch;
press keys from 1 to 5 to switch from one to another.
check the keyPressed() method for more mapped keys.

Future
Works only with Processing 1.5 (OpenGL fog functions)
A port to Processing 2.0 is planned
A WebGL port is also planned (maybe)
An interesting “accident” happened with James Paterson’s animations (contained in a Processing example) which we used as a demo sequence for animated textures – see example 4 below. I would like to explore this a bit more.

Feel free to use the concept and code for your own workshops or lectures:
→ github.com/ertdfgcvb/Brouillard

The Abyss

Another Abyss workshop at SUPSI, Lugano.
This workshop was 4 days long with international students.
For more information and source code please read the original Abyss post.

Zero Button Game

A workshop about interaction.
After last year’s One Button Workshop (with mouse-hacking) we tried a new approach with very constrained interaction: “design a game with zero buttons”. Good projects emerged featuring audio input, accelerometer (both: from iPhone or the computer itself), mouse and multiple-mice, analog-sticks, trackpads, cameras, etc.
Focus was on interaction so the first two days were used to experiment with different input devices and on how to smooth noisy signals (for example data coming from accelerometer inputs).
Very handy came AccSim for iPhone-computer communication.

The Abyss

A Processing workshop about polymorphism and reflection.
The idea behind The Abyss project was to build a system and then let everyone contribute, with a good balance between individual and collaborative work.
Students could build new creatures or expand features of the abyss itself. For beginners it was easy enough to contribute with a basic creature, more advanced students could train their graphic skills or even build creatures which interacted with other creatures.
After several requests I decided to publish the (far from perfect) source code of The Abyss.
I left a few of my own example creatures but student’s creatures are not included as I didn’t ask their permission to publish the code.
Feel free to use the concept and code for your own workshops or lectures or contribute with your own leviathan on github:
github.com/ertdfgcvb/TheAbyss

Rules:

1. Extend the SuperCreature class and build your own creature.
2. Allowed colors are white with alpha shades. Not a strict rule.
3. Each creature must implement the “move()” and “draw()” methods. (see the SuperCreature class for details).
4. Transforms should use the pos, rot, sca vectors.
5. Animations can be timed with frames or actual time.
6. The name of the new creature class is built with the authors initals and the creature name (not an optimal naming convention but it works with 10-20 people).
7. The .pde file must have the same name of the class (for example: AGCubus.pde).
8. Insert your name, the creature name and the version in the constructor (to do: annotations?).
9. Break all rules and build something new.

During a workshop in december 2010, students of the 1st and 3rd year at ECAL in Lausanne learned how to create and then extended a generic “SuperCreature” class. A creature manager took care of the creatures (via Java reflection) and added them to The Abyss. 52 different types of creatures populated the deep waters at the end of the five days workshop.

Face to Face

A five days workshop at doc:LAB in Istanbul.

“In how many ways and with what techniques can one produce variations on the human faces seen from the front? The graphic designer works without set limits and without rejecting any possible combinations and methods in order to arrive at the precise image he needs for the job in hand, and no other.
Looking at the technique of the past we notice that a human face made in mosaic has a different structure from one painted on the wall, drawn in chiaroscuro, carved in stone, and so on.
The features—eyes, nose and mouth—are ‘structured’ differently. In the same way if one is thinking of making a face out of glass, wire, folded paper, woven straw, inflatable rubber, strips of woods, plastic, fiberglass, or wire netting.
The relationship between the features will have to be adapted to each material.”
in Bruno Munari, Arte come mestiere, 1966
(english version, Design as Art, Penguin Books)
 
For the first three days we (Alain Bellet from ECAL and me) used processing to build some very basic (almost trivial) tools to cover a set of six topics we identified around the human face:

1. Pareidolia
2. Symmetry
3. Expression (not explored)
4. Proportion
5. Mirror
6. Mask (not explored)

In the last two days students were then asked to explore one of the subjects and to develop a personal project around it.

For more images and an overview of the five workshops held visit doc:LAB’s blog.

Race! 2

Second edition of the Race! workshop. This time for three days in a beautiful villa in Vico-Morcote over the lake.
Thanks to all the participants, to MAInD for the organisation, to Renato and Serena.

Race!

Race! was a five days programming workshop at ECAL in Lausanne.
I asked the students to develop a race game. A video-game is a very good subject if you want to experiment with interaction, but I was scared about the complexity even a basic a.i. system could achieve. So the game had to be for two (or more) players, this simplified the code a lot and it also was a lot more fun.
I also didn’t want the students to invest too much time in developing graphics, sceneries, backdrops: we used real objects/architecture as “levels” and simply mapped the software around it. This approach is very fast and can produce some interesting concepts.
Technical aspects touched:
Input devices (joypads, keyboard, microphone, etc)
Video projection and mapping
Interactivity
Graphics and kinematics
As programming environment we used Processing.

Beam!

A five days workshop at ECAL, Lausanne.