En febrero de 2011 daba mis primeros pasos con Processing. Este es uno de los experimentos que hice por esas fechas aprendiendo a programar. Se publicó inicialmente el apartado Lab de la web de montera34.com, que ahora está de reformas y lavado de cara. Lo re-publico aquí ahora para que no se pierda.
Probablemente la versión interactiva de más abajo no la veas bien, por problemas con java y esas cosas. Por eso he incluido la imagen que ves más arriba. Originalmente se hizo con Helvetica55RomanBold, que he sustituido aquí por una DIN.
Nos acabamos de enterar de los posters que han desarrollado Tres Tipos Gráficos con el asesoramiento tipográfico de Manuel Sesma en archetypes.es. A raiz de ello se nos ha ocurrido publicar uno de los primeros experimentos que hicimos con Processing hace unos meses, precisamente superponiendo una tipografía, la Helvética. La idea era poder hacer el dibujo sin tener que diseñarlo, que el programa lo hiciera por nosotros. Hemos incluido tanto la caja alta como la baja.
Para aprovechar que está generado automáticamente puedes pulsar cualquier tecla para sobreimprimirla:
El código de Processing utilizado es bien sencillo. Primero se genera la fuente como imágenes de cada una de las letras y luego se hace un loop que vaya imprimiendo con trasparencia todas las letras:
PFont font; void setup() { font = loadFont("Helvetica55RomanBold-200.vlw"); textFont(font); size(300, 280); } void draw() { textFont(font); background(0); textSize(300); fill(255,12); for (int i=65; i<180;i++) { char c =char(i); text(c, 30, height-60); } fill(255,0,0,85); text(key, 30, height-60); }Iremos actualizando en esta página otros experimentos que hicimos al respecto.
