Courses

7Programming Posters

(11 Lessons) Creative Coding in the realms of Graphic Design

6Grid Systems

(6 Lessons) Grid systems are not only an elementary component in art, architecture and design and serve in many cases as a […]

5Typemachines

(17 Lessons) Fundamentals in text and kinetic typography with Processing.

Work In Progress

4Mastering the For-Loop

(5 Lessons) A deep dive into For-Loops in Processing

Work In Progress

3The Third Dimension

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

2Bauhaus Coding Workshop

(15 Lessons) A collection of creative assignments, based on the teachings in the preliminary course at the Bauhaus in Weimar.

1Creative Coding Essentials

(29 Lessons) A rock-solid foundation for artists and designers. Learn the legendary programming-language Processing quickly and kickoff your path as a Creative Technologist.

Quickfinder

2 Bauhaus Coding Workshop

Editorial Styleguide Ideation Random Composition Dust and Dirt Painting with Light Square Circle Triangle Wave Figures Moiré Patterns Material Studies Rhythm Studies Geometric Typography Formal Contrasts Make the Fake Outro

3 The Third Dimension

The P3D-Renderer 3D Matrix Basics 3D Transformations push() and pop() recap 3D Geometry 3D Geometry (Examples)Lighting your Scene Directional Light The Camera Perspective Outro

4 Mastering the For-Loop

Intro Anatomy of the For-Loop Random Distribution Linear Distribution Circular Distribution

5 Typemachines

Chars and Strings Displaying Text Styling Text Asset-Management Utilizing a font Text-Frames Line-Breaks Line-Height String Methods String Concatenation Getting the Text-Width Example: charArt Example: Newsticker Example: 3D Typography Example: Circular Distribution Word Directory Outro

6 Grid Systems

Grids are Everywhere!Two Dimensional For-Loops Grids (Examples)Truchet Patterns Image-Rasterization Gallery

7 Programming Posters

Manifesto Adding image-files to a sketch PImage Displaying an image Resizing an image Advanced Layout Techniques PGraphics The Copy-Function Make the Fake Outro