Hello. I'm Joey Lee.

Interaction Designer & Creative Technologist.
Brooklyn, New York

Generative Design: Visualize, Program, & Create with JavaScript in p5.js


Authors Benedikt groß, Hartmut Bohnacker,Julia Laub, Claudius Lazzeroni
With Contributions by Niels Poldervaart & Joey K. Lee
Layout & Book Design GWW
Special Thanks Lauren McCarthy, Cassie Tarakajian, Processing Community


In 2009, Generative Gestaltung: Entwerfen. Programmieren. Visualisieren. was published in German by Schmidt Hermann Verlag. The book was developed out of the Bachelor Thesis, Generative Systeme by Benedikt and Julia, which aimed to: 1. help designers see code as a material and tool to expand their design practice and 2. suggest a new way of teaching coding through contextual highlighting of key coding concepts in a progressive manner - true to the foundational principles of the Processing coding environment and community. This came at a time when coding was still considered a tool for “programmers and engineers” and not artists and designers.

In 2012, Princeton Architectural Press published the book in English with the title Generative Design: Visualize, Program, and Create with Processing. Since its release, the Generative Design book has become something of a household name in the design and creative coding community; I’ve often times heard artists and designers refer to it “the reason” why they started making visuals programmatically. Casey Reas, one of the founders of Processing said, “In my opinion, Generative Gestaltung is by far the most exciting book that uses Processing published to date. The book is an extraordinary achievement…”.

Now in 2018, Generative Design: Visualize, Program, and Create with P5.js serves as a modern update and interpretation of the motivation, concepts and aesthetics put forth by Benedikt Groß, Hartmut Bohnacker, and Julia Laub over 8 years ago. With the release of P5.js, the JavaScript interpretation of Processing, there are now infinite more possibilities to create new forms and interactions. While people no longer need to be convinced of the value of coding, the Generative Design book continues to make programming more accessible. The contributions of this work continue to expand the possibility of what can be done when artists, designers, and others begin to build their own tools to make their ideas tangible. All other things aside, the book is also just beautifully designed and produced.

DE version, Generative Gestaltung: Entwerfen. Programmieren. Visualisieren at: https://typografie.de/produkt/generative-gestaltung-creative-coding-im-web/

EN version, Generative Design: Visualize, Program, and Create with P5.js at: Coming Fall 2018


My contributions to the project include porting of the sketches from Processing (java) to P5.js (javascript), adding new sketches P_2_1_4_01, P_2_1_4_02, P_2_1_4_03, P_2_1_4_04, P_3_2_5_01, P_3_2_5_02, P_3_2_5_03, helping to get the sketches into the p5.js web editor, and copyediting of the German-to-English translation.

Selected Previews


Many thanks to the team! It was a pleasure to work with such a talented and motivated group.