Author Archives: jaapdemaat

Creative Ai – Workshop

If you have no Processing experience, follow the tutorials listed below, it shouldn’t take you more than a week to get up to speed.

Tutorials (do as many as you can, at least up to #9)
from Processing official tutorials, do them in the order provided


Main website



Computation & Typography

Automation has revolutionized the scope of graphic design production and recently more and more designers learn to code and build their own tools. Assistant Professor in the School of Design at the Carnegie Mellon University Kyuha Shim hosted a one-day workshop with students exploring how automation may impact on contemporary graphic design practices especially the future of typography.

During the workshop, participants explored consistency in the replicability of typographic form using algorithms. In order to generate iterations in a flexible manner, they worked with a range of parameters and randomness.

The results of this workshop have been published by the GCD program. Thanks to the students who participated in the Computation & Typography workshop for kindly contributing their works to this publication.

Gaetan Bernede
Olga Carpenco
Mia Chen
Su Choi
Georgia Cranstoun
Amy Elms
Benjamin Ezekiel Sing
Ana Henriques
Sooeun Kim
Claire Köster
Kenneth Lim
Clara Metter
JJ Hyunjung Noh
Autcha Puttipanpluck
Vera Schmid
LiSia Tan
Kaori Toh
Catalina Velásquez G.
Shuruti Vengatesh
Jordan Woodage
Melissa Zee

Hello processing

Screen Shot 2016-05-24 at 17.29.04
By Daniel Shiffman

This sequence of tutorials was produced by the Processing Foundation as a part of the Hour of Code™, a nationwide initiative by to introduce students to computer programming. The program launched during Computer Science Education Week, 9-15 December 2013 with the goal of giving millions of students the opportunity to explore coding as a way of thinking and making.

Our contribution uses Processing, a programming platform designed to bring programming to visual arts communities and to bring technical fields closer to the visual arts. Processing is used to teach programming principles within the context of visual media. The Processing software is free to download and is open source. Visit the Processing website to download it and learn more.

Jake Dow-Smith

Jake Dow-Smith (Associate Lecturers)
Creative coding & Web design

Matteo Loglio


Matteo Loglio (Associate Lecturers)
Physical computing and creative coding

Matteo Loglio is a designer and creative technologist based in London. He is one of the founders of the edu-tech startup Primo Toys and Visiting Lecturer at the Central Saint Martins college. Previously at Arduino and FabLab Torino, his work has been awarded by institutions such as the Interaction Design Association and displayed in various exhibitions around the world, such as the MoMA NY and the MIT.

Jaap de Maat


Jaap de Maat
Subject leader Digital
GCD Lecturer BA & MA Communication Design
In all days except on Friday.

Generative Design: Visualize, Program, and Create with Processing

Generative design is a revolutionary new method of creating artwork, models, and animations from sets of rules, or algorithms. By using accessible programming languages such as Processing, artists and designers are producing extravagant, crystalline structures that can form the basis of anything from patterned textiles and typography to lighting, scientific diagrams, sculptures, films, and even fantastical buildings. Opening with a gallery of thirty-five illustrated case studies, Generative Design takes users through specific, practical instructions on how to create their own visual experiments by combining simple-to-use programming codes with basic design principles. A detailed handbook of advanced strategies provides visual artists with all the tools to achieve proficiency. Both a how-to manual and a showcase for recent work in this exciting new field, Generative Design is the definitive study and reference book that designers have been waiting for.

Make: Getting Started with p5.js

With p5.js, you can think of your entire Web browser as your canvas for sketching with code!

Learn programming the fun way–by sketching with interactive computer graphics! Getting Started with p5.js contains techniques that can be applied to creating games, animations, and interfaces. p5.js is a new interpretation of Processing written in JavaScript that makes it easy to interact with HTML5 objects, including text, input, video, webcam, and sound. Like its older sibling Processing, p5.js makes coding accessible for artists, designers, educators, and beginners.

Written by the lead p5.js developer and the founders of Processing, this book provides an introduction to the creative possibilities of today’s Web, using JavaScript and HTML.

With Getting Started with p5.js, you’ll:

  • Quickly learn programming basics, from variables to objects
  • Understand the fundamentals of computer graphics
  • Create interactive graphics with easy-to-follow projects
  • Learn to apply data visualization techniques
  • Capture and manipulate webcam audio and video feeds in the browser