28: Interactivity - Projects

Project 1: Software Tools / Self Portrait

How do you use software to create visual media? Take a photo of yourself and modify it with software. Experiment and explore, try some different directions and push it. You will present this image to the class. Be prepared to explain how and why you modified it along the following axes: technically, socially, aesthetically. The final image must be 1080 x 1080 pixels. Project 1 is due at the start of the next class, January 10th. We will upload the images to the class server on that day.


Project 2: Code / Form

Required Media
Getting Started with Processing: Chapter 2, Chapter 3
Learning Processing Videos: 1.1, 2.1, 2.2

Using the Bruno Munari faces we looked at together in class as a starting point, design a geometric self portrait, then write a program in Processing to render your design. Start the work on paper or in CAD software like Illustrator, then translate it to Processing once the design is finalized. Your work will be evaluated on its ambition (degree of difficulty; shows a range of code techniques), aesthetics (it is formally excellent), and clarity of the code (the code is clean and easy to read; comments are used to explain the code).

Your project is due as a Processing "sketch." The final code must create an image 1080 x 1080 pixels, so use size(1080, 1080). Project 2 is due at the start of the next class, January 17th. Have your code uploaded to the "_Project_2" folder in the "drop" folder on the class server before 9am. We'll review the work then. Remember, the Processing (.pde) file needs to be inside a folder of the same name to run.


Project 3: Interaction / Drawing

Required Media
Getting Started with Processing: Chapter 4, Chapter 5, Chapter 6
Learning Processing Videos: 3.1, 3.2, 3.3, 4.1
Online resource: Weird Drawing Software

For Project 3, you will write code to create software specifically for drawing portraits. Your software should be minimal, but it should be capable of creating unique drawings. How is drawing with software the same or different from drawing with traditional tools? How might drawing tools be reimagined with current software and emerging media?

Read and watch all of the Required Media before class on Monday, January 22nd. Take your time. Run and modify the related examples from the book until they make sense. Follow the links in the Weird Drawing Software list to familiarize yourself with different approaches.

For the next class on Wednesday, January 24th, prepare a storyboard as a PDF to communicate your personal idea for Project 3. The PDF must be 1920 x 1080 pixels in dimension and it may be multiple pages. We will review it in class one on one. Remember to keep the idea minimal so that it can be realized within a week. Plan more than one kind of drawing tool for your software, but not too many. Avoid visual interfaces like buttons; we will cover switching between tools with the keyboard in Workshop 5.

Your project is due as a Processing "sketch" and as five individual PNG files of drawings you created with your software. The final code must create an image 1080 x 1080 pixels, so use size(1080, 1080). Project 3 is due at the start of class on January 31st. Have your code and PNG files uploaded to the "_Project_3" folder in the "drop" folder on the class server before 9am. We'll review the work then. Remember, the Processing (.pde) file needs to be inside a folder of the same name to run.

The grade breakdown follows:

  • Storyboard - 5 points
  • Final drawings - 5 points
  • Software - 10 points


Project 4: TBD

TBD


Project 5: TBD

TBD