4.2

In-class Assignment

Work in pairs to create a custom slider. Load in an image and display it in the center of the screen. Drag the slider left to right to increase and decrease the dimensions of the image. First, identify (in plain English) what the steps are to create this sketch. Then work together to write the code. When you are finished, email me the code at cehiggins@citytech.cuny.edu.

Homework – Part 1

Continue to work on the same sketch you’ve been working with for the past few weeks. Add a boolean “switch” and a load in an external image. Post to the blog.

NOTE! We should now have embedding privileges. PLEASE try to upload your sketches for Tuesday’s class.

After clicking the embed link on openProcessing, take note of 3 things–

the id (the 5-digit number “87533”), the height, and width

For instance–

iframe src=""http://www.openprocessing.org/sketch/87514frameborder="0" scrolling="no" width="800" height="600";

In your blog post, UNDER THE HTML TAB, put the following:


Mid-term Project: Create an Interaction (Due March 19th)

Come up with a concept for an interactive application. It should have a purpose, either something playful, a game, drawing program, etc. This should be a NEW sketch, different from what you’ve been working on all semester. This sketch should have user input in the form of a mouse click or key press. It should use IF/ELSE statements, boolean buttons, loaded images, hand coded functions, and for/while loops.

Homework– Part 2

Write a blog post for your midterm project proposal. Break the program down into parts. Identify the steps (in “pseudo-code”) that will be required to complete each part of the program. Include visual references or links to work that is informing your project. 

Leave a Reply

Your email address will not be published. Required fields are marked *