Design Programming

Become a designer who can code, learn p5.js!

This unit provides an introduction to the development of software in design and the creative industries. It teaches an understanding of the fundamentals of computational thinking as well as skills in the design and implementation of software for creative expression and prototyping.

Current Session

Go to: Breaking out of the p5 Canvas

Programming for Designers | Introduction to Generative Design

Programming for Designers

Introduction to Generative Design

Making Patterns with Code | Loops and Conditionals

Making Patterns with Code

Loops and Conditionals

Simple Algorithmic Design | Control Stucture and Visualisation

Simple Algorithmic Design

Control Stucture and Visualisation

Designing Reusable Code | Creating and Applying Functions

Designing Reusable Code

Creating and Applying Functions

Transformations and Events | Modifying the Matrix and P5.js Events

Transformations and Events

Modifying the Matrix and P5.js Events

Designing with Data | Using Randomness to be Creative

Designing with Data

Using Randomness to be Creative

Working with Media | Playing with images

Working with Media

Playing with images

Object Oriented Modeling | Scale Simple Designs

Object Oriented Modeling

Scale Simple Designs

Designing for Emergence | Sit back and let the machines take over

Designing for Emergence

Sit back and let the machines take over

Breaking out of the p5 Canvas | The world beyond your sketch

Breaking out of the p5 Canvas

The world beyond your sketch

Extension Topics (3D, AI & More) | Cool things we won't cover properly

Extension Topics (3D, AI & More)

Cool things we won't cover properly

Recommended Readings

Design Resources

Generative Design

Creative Applications Network

Learn to Code

Open Processing

Work Archives

Processing Exhibition Archives