Day 20

Here we do some fairly involved text placement. We put numbers on the face of our clock.

Text Placement, Fonts and Strings from Albert Schueller on Vimeo.

Day 19

Here we use 2D transformations to build a simple clock. Enjoy:

More 2D Transformations, Building Clocks from Albert Schueller on Vimeo.

Here we continue the exploration of 2D transformations through the creation of a simple clock. We use nested transformations to render a clock along with tick marks, a second hand, and a minute hand.

Day 18

Here we discuss 2D transformations. The video:

2D Transformations: translate(), rotate() from Albert Schueller on Vimeo.

Day 17

Here we build a Conway's Game of Life sketch. The video:

Conway's Game of Life from Albert Schueller on Vimeo.

Day 16

We finish up image manipulation and introduce Conway's Game of Life. The video:

Mirroring Images, Block Shuffling, and Intro to Conway's Game of Life from Albert Schueller on Vimeo.

Day 15

Here we focus on the somewhat more involved image modification called "blurring". We also show how to do a rectangular selection. The video:

Blurring and Rectangular Selections from Albert Schueller on Vimeo.

Day 14

Manipulation of images and pixels. The video:

Images and Pixels from Albert Schueller on Vimeo.

Day 13

Here we continue the bouncing circle example with good bounce simulation and elasticity. We also introduction two-dimensional arrays. Here's the video:

Better Bounces, 2D Arrays from Albert Schueller on Vimeo.

Day 12

We talk about sharing sketches, circles in random directions, and bouncing circles. Here's the video:

Sharing your sketches, More ArrayList info, Bouncing Balls from Albert Schueller on Vimeo.

Day 11

Using ArrayLists instead of arrays. Newtonian motion simulation (fun!). Here's the video:

ArrayLists and Newtonian Motion from Albert Schueller on Vimeo.

Day 10

Another example using arrays and the start of object-oriented programming. The video:

7-10-2013 11-09-25 from Albert Schueller on Vimeo.

Day 09

Here we talk about while loops and arrays. The video:

7-7-2013 18-09-42 from Albert Schueller on Vimeo.

Day 08

More user-defined functions. For loops. Watch the video:

7-3-2013 09-41-47 from Albert Schueller on Vimeo.

We continue our discussion of user-defined functions. We create a function that renders a square at a certain location of a certain size with certain colors. We introduce the for-loop syntax and use it to create 100 squares in random locations of random sizes. We finish with a discussion of H04 and the hyperbolic line illusion.

Day 07

User-defined function syntax and usage. An example using buttons to set the color of a circle.

User-defined Functions from Albert Schueller on Vimeo.

Day 06

A continuation of Day 05's discussion of conditional statements. Also, an introduction to processing's mouse functions. Watch the video:

Conditional Statements from Albert Schueller on Vimeo.

We finish the mouse circle interaction example using a Boolean expression derived from the distance function. We continue the example using the mouseClicked() function and introduce the other mouse-specific functions.

Day 05

Here we discuss variables, Boolean logic, and conditional statements. We start an example sketch in which a circle changes color when the mouse pointer intersects it. Here's the video:

Variables and decision making. from Albert Schueller on Vimeo.

We discuss the notion of variables in programming. We also introduce Boolean expressions and conditional statements. We finish with an example in which a circle changes color when the mouse pointer is moved into it. We will finish this example in the Day 06 lecture.

Day 04

Here's a discussion of structured programming and, more specifically, the structure of a processing program. Warning:  There's a wee bit of misinformation in the video at about 13:55 about why the sketch is blank.  I correct myself later.  Watch for yourself:

Structured Programming, Simple Animation from Albert Schueller on Vimeo.

We discuss the notion of structured programming and the setup()/draw() structure of a basic processing sketch. We compare this structure to that of a simple flip book animation. We do a simple animation with a rectangle attached to the mouse and discuss some of the subtleties of repainting vs. not repainting the canvas. We do an example of a user-defined variable and use it to perform a simple animation. Finally, we introduce the random() function and use it to create a randomized animation of balls and ellipses.

Day 03

Here we discuss an approach to making more structured sketches. Don't be afraid to use a piece of scratch paper to plan your processing sketch. We also talk about grayscale, RGB color and transparency. H01 is due and H02 is now available for your perusal. Watch the video:

Color and transparency. from Albert Schueller on Vimeo.

We review coordinate systems and shapes by recreating a classic doodle from childhood. We continue the example by introducing color to the figure. We explain the grayscale and RGB color schemes. We introduced the stroke() and fill() commands. We finish with the idea of transparency.

Day 02

We discuss a bit of the history of computer science: Grace Hopper and the idea of a compiler; how a computer works and what happens when you run a program. We then discuss the Processing coordinate system and how to draw basic shapes in Processing. Enjoy:

6-14-2013 10-54-36 from Albert Schueller on Vimeo.

Day 01

Getting Processing up and running on your machine.  Watch the video:
Getting Started with Processing from Albert Schueller on Vimeo.
Here I show you how to download and install the Processing development environment. We also write a simple processing program that draws an ellipse.

Day 00

Welcome to my self-paced introduction to the Processing programming language.  My interest in free/open source software motivated me to create this free/open on-line course.  Please watch the video to see how to use this course.



How to Use This Course (watch this first). from Albert Schueller on Vimeo.
Just a brief overview of how to use the on-line resources associated with this course. Please leave comments/questions in the comments section below.