Tutorials

Tutorial 1: Introduction to Peep

Just an introduction to the website, why we're using it, how you use it and an overview of what's going on.

Tutorial 2: Elements of Code

In this tutorial, we will examine the elements of code that are used to construct programs in Processing. This tutorial is intended to be a revision and expansion upon the topics covered in the lecture. You may find it a useful reference for the basic elements of code that are used in programming in Processing.

Tutorial 3: Drawing with Code

Processing provides a number of built-in functions to support the drawing of simple and complex shapes to the display. In this tutorial we're going to look at the different drawing functions that Processing provides and how we can change how the drawing is done by altering the colour and thickness of lines and the colour used to fill shapes.

Tutorial 4: Drawing with Colo(u)r

In this brief tutorial we will explore the use of colour in drawing with code. This tutorial expands on the lessons learned in the Drawing with Code tutorial, so be sure to review that tutorial if you're uncertain of the drawing commands in Processing.

Tutorial 5: Drawing with Conditionals and Loops

In this tutorial we will examine the use of conditionals and loops to draw shapes based on the value of variables and grid-based patterns.

Tutorial 6: Drawing with Randomness

This tutorial explores the potential of using stochastic processes when drawing with Processing to enable variations. This tutorial is particularly relevant to the first assignment, so it is worth spending some time exploring this material in detail.

Tutorial 7: Drawing with Functions

In this we'll look at how you can define your own functions to reduce repetition in code and support the generation of variations by describing important variables as parameters to a function.

Tutorial 8: Drawing with Transformations

Using the functions provided by Processing to transform the drawing canvas can be a powerful way to draw complex scenes without having to do lots of maths.

Tutorial 9: Simple Animation

This tutorial extends the sketches we previously developed for continuously drawing to the canvas to explore how we can produce simple animations.

Tutorial 10: Organic Motion

This tutorial explores the creation of organic motion through the use of random walks, noise functions and steering behaviours.

Tutorial 11: Easing and Tweening

This tutorial explores the use of easing functions to produce animations by "tweening" between values that control the position, shape and colour of drawn objects.

Tutorial 12: Working with Fonts

In this tutorial we will look at how to load fonts and use them to display text.

Tutorial 13: Working with Images

In this tutorial we will look at the support provided by Processing for working with images.

Tutorial 14: Working with Objects

This tutorial introduces some of the basics of object-oriented programming.

Tutorial 15: Interaction 1 - Mouse

This tutorial will introduce you to the basics of interaction with the mouse.

Tutorial 15.1: Interaction - Keyboard

This tutorial will introduce the basics of interacting with the keyboard.

Tutorial 16: The Process Compendium (Part 1)

In this tutorial we will explore the use of object-oriented programming to implement some of the processes listed in Casey Reas' Process Compendium.

Tutorial 17: The Process Compendium (Part 2)

In this tutorial, we will continue with the implementation of the Process Compendium using object-oriented programming.

Tutorial 18: The Process Compendium (Part 3)

This tutorial continues the implementation of The Process Compendium...

Tutorial 20: The Process Compendium (Part 4)

Continuing The Process Compendium

Tutorial 21: Particle Systems

Particle systems are a general class of system often used in graphics, gaming and film special effects.