Courses

Basics

This first module is the start of your journey into Creative Coding with Processing and p5.js.

Processing and p5.js Essentials

The starting point of the curriculum, made for beginners.
(33 lessons)

Sketching with Code

Learn best practices for a fluent and smooth sketching process
(9 lessons)

Mastering the For-Loop

A deep dive into For-Loops in Processing and p5.js
(10 lessons)

Waves

Learn to utilize waves for motion graphics in Processing and p5.js
(13 lessons)

Random Compositions

One of the most exciting and maybe even unsettling discoveries in the learning process of Creative Coding in Graphic Design […]
(12 lessons)

Vera Molnar Reconstructed

Exercises for beginners and intermediate creative coders.
(16 lessons)

Bauhaus Coding Workshop

A collection of creative exercises, based on the teachings in the preliminary course at the Bauhaus in Weimar.
(14 lessons)

Text and Images

Get creative with code, images and text.

Typemachines

Fundamentals in text and kinetic typography with Processing and p5.js
(18 lessons)

Images and Pixels

All you need to know to work with Images in Processing and p5.js.
(18 lessons)

Copy and Paste

Exploring the copy-function in Processing and p5.js
(8 lessons)

ASCII Adventures

This course is about the aesthetic potential of ASCII typography. Specifically, in this course you’ll learn how to develop your […]
(10 lessons)

Space and 3D

Learn how to create three-dimensional scenes in Processing and p5.js.

The Third Dimension

A brief introduction to 3D enviroments in Processing
(11 lessons)

Generative Sculptures

Learn to transform image data into three-dimensional structures.
(12 lessons)

Data and Information

This module opens up the world of Generative Design through data integration.

Basic Datastructures

Fundamental principles of Arrays in Processing and p5.js
(13 lessons)

Grid Systems

In this course you will learn how to use two-dimensional grids for a variety of design applications.
(15 lessons)

Modulo Mixtape

The modulo operator is a magical little tool that can be used to achieve many different effects and solve several […]
(11 lessons)

Form follows Music

An exemplary introduction to generative design and data visualization.
(8 lessons)

TextMode (WIP)

Explorations in String Manipulation.
(16 lessons)

Layouts

With the PGraphics element, you can combine several sketches as individual layers in your app. This opens up new possibilities for more comprehensive graphic applications.

PGraphics

A deep dive into PGraphics
(13 lessons)

Generative Collages

Learn to merge photos and graphics into expressive collages.
(11 lessons)

Toolmaking

Build your own, custom design software.

Building Tools

Up to this point, you have changed all the parameters in your sketches directly in the code. This will get […]
(19 lessons)