Skip to content


Beginning Programming

  1. Assignment 1:  Drawing Stuff! Try to recreate this Example Picture (or draw something better!) using the drawing methods we learned in class.In this lesson you will learn about the following methods:
    1. size(width, height)
    2. background()
    3. stroke()
    4. strokeWeight()
    5. fill()
    6. Basic Drawing Methods 

  2. Assignment 2:  Loops and Variables.  The power of processing is not in drawing pictures by specifying exact x,y positions – you can just use MSPaint for that.  Processing is much more useful for drawing patterns that repeat mathematically.  In this example program, you can see how a simple pattern can be created with loops and variables.  Using what you learned from the in class examples, try to recreate the following patterns:Cartesian GridShrinking CirclesCurve Illusion
    Polka Dots
    Also, try to make the patterns work even if you create a bigger window, using the built-in variables of width and height.In this lesson you will use the following new commands / methods:

    1. width variable
    2. height variable
    3. int variables
    4. for loop
    5. random() 

  3. Assignment 3: Interaction and Animation.  Now we are going to make interactive programs, like this Animation example program.  We will be focusing on mouse interaction in this lesson.  We will be using the following new commands and variables:
    1. void setup() method
    2. void draw() method
    3. mousePressed variable
    4. mouseX and mouseY variables
    5. pmouseX and pmouseY variables
    • For this assignment,  you will be creating 3 programs:
      • First write a program that features a rectangle that moves across the screen from left to right.
      • Next, write a program that draws lines from the center of the screen and radiates out lines to the mouse cursor.  Write a version that never erases the lines, and a version that only draws the current line.
      • Finally, write a simple drawing program.  When you click and drag the mouse, it leaves behind a line that traces out the path of your mouse, like the brush tool in MSPaint.

Advanced Programming

No comments yet

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS