click to view applet

I’ve been busy the past few weeks building the online classes for the Atelier Hypermedia. For the moment I’ve still got a lot of work to do on the Web Programming class, but the Processing Programming class is fairly complete for someone trying to learn how to code. Obviously, I still have a lot of things to add to the mix, most importantly the 3d aspects, but all the basics are there : how to write a simple program, making it move, using variables, varying the program, using loops, as well as how to extend Processing by adding external libraries. There are lots of screenshots to keep it visual. It was really designed as a complement to the excellent Processing website, and as we wait for Casey Reas book to come out.

Attention! Tous les cours sont en français! (= all classes are in French)

Do anyone from germany remember the “Zini” from Spass am Dienstag? You can generate such an effect very easily with processing.

The Fade Hack

- choose a backgroundcolor b
- choose the matching color bt with added transparacy
- draw a transparent rect over the whole screen at every draw
- simply move your object.

This technique adapted right adds a smooth depth into you pieces.

Do anyone from germany remember the “Zini” from Spass am Dienstag? You can generate such an effect very easily with processing.

The Fade Hack

- choose a backgroundcolor b
- choose the matching color bt with added transparacy
- draw a transparent rect over the whole screen at every draw
- simply move your object.

This technique adapted right adds a smooth depth into you pieces.Copy and paste code:

// The Fade Hack
// making a trail by a very simple technique
// http://www.node3000.de/020200

color b = color(0);
color bt = color(0,0,0,15);

void setup() {
  size(450,300);
  background(b);
  framerate(30);
  noStroke();
  smooth();
  noCursor();
}

void draw() {
  // fade hack
  fill(bt);
  rect(0,0,width,height);

  fill(250,250,0);
  ellipse(mouseX,mouseY,50,50);
}

Just a little kaleidoscope eyecandy using beginBitmapFill() and the allmighty draw() command. I like the speed of it and also the looks if you zoom down to the pixel level. The image used is “Autumn Leaves” by J.H. Lynch.

There are quite a few keyboard commands (if there is no reaction you will have to click the flash file once in order to activate the keyboard focus):

[1] - start/stop rotation 1
[2] - start/stop rotation 2
[3] - start/stop rotation 3
[4] - toggle flip tiles
[+]/[-] - more/less tiles
[q]/[w] - rotation 1 speed
[a]/[s] - rotation 2 speed
[y]/[x] - rotation 3 speed
[e] - reset rotation 1 speed
[d] - reset rotation 2 speed
[c] - reset rotation 3 speed
[UP]/[DOWN] - zoom in/out
[m]/[n] - spiral offset
[0] - reset spiral offset
[5]/[6] - shearing 1
[7]/[8] - shearing 2

The only thing that is worse than hearing my own voice on the answering machine is to see myself on video. So I personally cannot watch my Spark session on Fabchannel.com - but you might want to in case you couldn’t make it Amsterdam. Currently there are already five complete sessions to be watched for free online: Kevin Lynch’s, Stefan Sagmeister’s, Craig Swann’s, André Michelle’s and mine and I think they will even add more over time. Today those sessions are still at the top of the list, but if you read this at a later time you might have to use their search function to find them.

“Drifts” is the first of two casual Flash games I was referring to in my last post. I’ve finished work on it yesterday night. The second game will take a bit longer.

The aim in Drifts is to stick as many green bubbles to your cursor as possible while avoiding the purple bubbles. Touching a blue bubble turns your green bubbles into points (it’s a Good Thing!). You need at least three green bubbles to receive a point. More green bubbles at once means drastically more bonus points.

Drifts requires the Flash 8 player (!) and semi-decent hardware. It runs fine on my 1.5 Ghz laptop.

link

Uno de los primeros posts de este blog trataba sobre lo que llamé “actualizacionitis“, más ampliamente conocido como “information anxiety“, “information overload”…

Me sigue preocupando la permanente necesidad de información y más aún la inabarcable cantidad disponible. Dado que no puedo (y no quiero) consumir toda la información existente, necesito un modo de acceder de manera óptima (rápidamente, sin esfuerzo) sólamente a la que me interesa.

En teoría eso es precisamente lo que me proporciona la sindicación de contenidos: encuentro una fuente de información que me interesa y me subscribo para no tener que gastar mi tiempo en ir a buscarla. En la práctica, la realidad es que no me interesan las fuentes de información, sino determinado tipo de contenidos. Me explico:

Hace un par de meses hice un tagcloud con todos mis feeds de bloglines para observar un poco el contenido que consumo. Teniendo en cuenta los feeds que suelo leer, me esperaba que términos como actionscript, processing, information visualization, interactivity, audio u otros similares estuvieran entre los términos más comunes. Sin embargo, la mayoría ni siquiera aparecían. Los más frecuentes eran, más o menos (tendrán que creerme, no conservo una captura de pantalla): “apple”, “ipod”, “nano” y “google”. Es obvio que coincidía con la época en que apple había sacado su último juguetito, y supongo que google también tendría un servicio nuevo (y todos sabemos la desmedida afición de los escritores de blogs por ambos fenómenos). Pero pasa una cosa: No me interesa. Nada.

Si la cantidad de información a la que tenemos acceso no fuera tan exagerada, no tendría mayor importancia. Pero teniendo tantos frentes tan interesantes a los que atender (sin contar la vida cotidiana, que bastante dedicación requiere), cada entrada duplicada o carente de interés es una pequeña pérdida. Digo esto admitiendo que soy un poco adicto a la información, pero ante todo adicto a lo que me interesa.

Últimamente me he dado cuenta de que no soy el único. Algunos artículos me han ido dando pistas sobre donde buscar.

Pero lo que hoy me ha alegrado el día, ha sido el descubrimiento de attentionxml:

Attention.XML is an open standard, built on open source that helps you keep track of what you’ve read, what you’re spending time on, and what you should be paying attention to.

Aunque no he recabado mucha más información, un rápido vistazo a las notas de una sesión sobre attentionxml del año pasado en foocamp lo hacen parecer realmente prometedor para mis problemas de atención. Si descubro algo, lo dejaré por aquí.

Uno de los primeros posts de este blog trataba sobre lo que llamé “actualizacionitis“, más ampliamente conocido como “information anxiety“, “information overload”…

Me sigue preocupando la permanente necesidad de información y más aún la inabarcable cantidad disponible. Dado que no puedo (y no quiero) consumir toda la información existente, necesito un modo de acceder de manera óptima (rápidamente, sin esfuerzo) sólamente a la que me interesa.

En teoría eso es precisamente lo que me proporciona la sindicación de contenidos: encuentro una fuente de información que me interesa y me subscribo para no tener que gastar mi tiempo en ir a buscarla. En la práctica, la realidad es que no me interesan las fuentes de información, sino determinado tipo de contenidos. Me explico:

Hace un par de meses hice un tagcloud con todos mis feeds de bloglines para observar un poco el contenido que consumo. Teniendo en cuenta los feeds que suelo leer, me esperaba que términos como actionscript, processing, information visualization, interactivity, audio u otros similares estuvieran entre los términos más comunes. Sin embargo, la mayoría ni siquiera aparecían. Los más frecuentes eran, más o menos (tendrán que creerme, no conservo una captura de pantalla): “apple”, “ipod”, “nano” y “google”. Es obvio que coincidía con la época en que apple había sacado su último juguetito, y supongo que google también tendría un servicio nuevo (y todos sabemos la desmedida afición de los escritores de blogs por ambos fenómenos). Pero pasa una cosa: No me interesa. Nada.

Si la cantidad de información a la que tenemos acceso no fuera tan exagerada, no tendría mayor importancia. Pero teniendo tantos frentes tan interesantes a los que atender (sin contar la vida cotidiana, que bastante dedicación requiere), cada entrada duplicada o carente de interés es una pequeña pérdida. Digo esto admitiendo que soy un poco adicto a la información, pero ante todo adicto a lo que me interesa.

Últimamente me he dado cuenta de que no soy el único. Algunos artículos me han ido dando pistas sobre donde buscar.

Pero lo que hoy me ha alegrado el día, ha sido el descubrimiento de attentionxml:

Attention.XML is an open standard, built on open source that helps you keep track of what you’ve read, what you’re spending time on, and what you should be paying attention to.

Aunque no he recabado mucha más información, un rápido vistazo a las notas de una sesión sobre attentionxml del año pasado en foocamp lo hacen parecer realmente prometedor para mis problemas de atención. Si descubro algo, lo dejaré por aquí.

Uno de los primeros posts de este blog trataba sobre lo que llamé “actualizacionitis“, más ampliamente conocido como “information anxiety“, “information overload”…

Me sigue preocupando la permanente necesidad de información y más aún la inabarcable cantidad disponible. Dado que no puedo (y no quiero) consumir toda la información existente, necesito un modo de acceder de manera óptima (rápidamente, sin esfuerzo) sólamente a la que me interesa.

En teoría eso es precisamente lo que me proporciona la sindicación de contenidos: encuentro una fuente de información que me interesa y me subscribo para no tener que gastar mi tiempo en ir a buscarla. En la práctica, la realidad es que no me interesan las fuentes de información, sino determinado tipo de contenidos. Me explico:

Hace un par de meses hice un tagcloud con todos mis feeds de bloglines para observar un poco el contenido que consumo. Teniendo en cuenta los feeds que suelo leer, me esperaba que términos como actionscript, processing, information visualization, interactivity, audio u otros similares estuvieran entre los términos más comunes. Sin embargo, la mayoría ni siquiera aparecían. Los más frecuentes eran, más o menos (tendrán que creerme, no conservo una captura de pantalla): “apple”, “ipod”, “nano” y “google”. Es obvio que coincidía con la época en que apple había sacado su último juguetito, y supongo que google también tendría un servicio nuevo (y todos sabemos la desmedida afición de los escritores de blogs por ambos fenómenos). Pero pasa una cosa: No me interesa. Nada.

Si la cantidad de información a la que tenemos acceso no fuera tan exagerada, no tendría mayor importancia. Pero teniendo tantos frentes tan interesantes a los que atender (sin contar la vida cotidiana, que bastante dedicación requiere), cada entrada duplicada o carente de interés es una pequeña pérdida. Digo esto admitiendo que soy un poco adicto a la información, pero ante todo adicto a lo que me interesa.

Últimamente me he dado cuenta de que no soy el único. Algunos artículos me han ido dando pistas sobre donde buscar.

Pero lo que hoy me ha alegrado el día, ha sido el descubrimiento de attentionxml:

Attention.XML is an open standard, built on open source that helps you keep track of what you’ve read, what you’re spending time on, and what you should be paying attention to.

Aunque no he recabado mucha más información, un rápido vistazo a las notas de una sesión sobre attentionxml del año pasado en foocamp lo hacen parecer realmente prometedor para mis problemas de atención. Si descubro algo, lo dejaré por aquí.

After almost two weeks of travelling between Asia and Europe I have finally arrived back at my homebase in Munich again. Whoa those have been some very intense and amazing days - Singapore - Seoul - Amsterdam - so many new impressions, so many wonderful people! I will probably need a little bit of time to get used to normal life again.

I especially want to thank all those people who made this trip possible and made my stays so very enjoyable: Audrey, Azlin, Eun Young, Sumi, Song Hee, Carolina and Stewart. Thank you very much!

As promised I have now uploaded the lecture notes for my session “Beyond the Blur - the Dawn of the Bitmap Age”. As usual there are lots of keyboard shortcuts necessary to control the various demo files (after all it’s a presentation and not a tutorial) - but I hope you are able to figure them out somehow - well, I guess I will have to add them to the comments later. In general you will have to click the title first to load the demo and then trying the space bar will work quite often. In order to give the keyboard focus back to the presentation you will have to click the little airplane and then use “ARROW RIGHT” to get to the next page.

As you will see I have also created an archive that contains the sources for most of the demos plus my ColorMatrix and Gradient classes. I hope I didn’t miss anything.

Of course I would like to hear your feedback in case you’ve been visiting my session. Feel free to leave a comment. And in case you have any more questions I’d be happy to answer them.

Regarding PharLap, my VJ tool - I will upload a test version for you to play with soon, please give me a few more days to prepare everything. As I mentioned - it’s still a prototype.