Generative Gestaltung


Attention creative coders!
“Generative Design —  Visualize, Program, and Create with JavaScript in p5.js” is a great book from the german group Benedikt Gross, Hartmut Bohnacker, Julia Laub and Claudius Lazzeroni.

All the code, sketches and libraries done for the book are available in

The images were generated with the sketch


Paint an abstract painting

This sketch, was done for the Tiny Sketch Challenge, submissions ending 30 March, restricted to less than or equal to 200 characters. It’s really a challenge to make something interesting with such small code.

I made this sketch remembering that, when I was a student, my painting teacher José Mouga told me that the orientation of the brush strokes give structure and unity to the painting, something that I did some times at the time . Now, in the sketch, the orientation of the brush is connected to the movement of the mouse over the X axis.

So it goes a sketch with a bit less than 200 characters that make abstract paintings 🙂

“How to paint an abstract painting”,

Tiny Sketch Challenge,


P5.js course at MILL – Makers in Little Lisbon


Last month I gave a P5.js course at the media lab MILL – Makers at Little Lisbon. It was a short but intense course of 3 sessions of 3 hours.

P5.js is a tool for visual artistic creations, based on Javascript and Processing programming. The programs created are called Sketches and run naturally in the browser using the HTML5 “Canvas” object, being easily integrated into Web pages, and having all the resources that are available when developing applications for the web.

The course was based on the work of artist Sol LeWitt as a foundation for the creation of sketches, as well as classic examples of Processing, with the aim of developing new creations and exploring the potential of Processing and Javascript programming.

Sol LeWitt was a conceptual artist whose work consists of written instructions and diagrams for the execution of works, with more or less degrees of freedom. These instructions function as a meta-language for programming.

The course worked based on which allows to create classes and create and share sketches in an integrated way. This was an important point that gave dynamism to the course.

At the end was possible to draw a sketch in a pen plotter available at the MILL.


Programa Curso


I used the StippleGen tool to create vector files from an image to make the design of various materials for a musical event commemorating the 25th of April, the day of freedom in Portugal, whose symbol is a carnation.
This tool is widely used for new printing devices such as pen plotters that require vector formats as input.
The new vector images generated also have an aesthetic potential and allow a more interesting manipulation than the bitmap images improving the integration with other elements of design.


StippleGen: Weighted Voronoi stippling and TSP paths in Processing,

TSP art,