Animated version of László Moholy-Nagy's Composition A XXI (1925) by Carlos Monterosa.
In the previous module you learned how to draw using code, but what you drew was a static image. In this assignment we're going to bring your previous sketch to life and learn how to animate and make it interactive using user input.
Modify your code for Module 1: Drawing with Code to make the image respond to input. Do this by adding variables to your program and controlling your custom variables with the built-in Processing variables mouseX, mouseY, and the mousePressed function. Use keyboard input using the key variable and keyPressed function.
This will enable your work to be animated and interactive.
Think about how the motion from your user's input should aesthetically affect the lines and shapes.
Note: The examples I provide are meant to only give you an idea of what's expected. Do not copy them. All of your ideas in this course must be original. Create your own approach to all assignments. Copies will receive no credit.
The following are student examples used with permission:
Sketch by Scott Wu
Note: Code must function in order to earn credit.
| Criteria | Points |
|---|---|
| Technique - Uses mouse ( mouseX and mouseY or the mousePressed functions).- Uses keyboard (the key variable or keyPressed function).- Uses clearly named variables to control all movements. Variable names should refer to their function. Avoid single letter variable names and serial numbers (x, y, z, x1, x2, x3, etc.). They should be more descriptive. |
1 pts |
| Conceptual Understanding - Sketch is interactive. - Interactivity adds basic, input-based animation to the sketch. |
1 pts |
| Presentation - Code has a clear, descriptive header. - Code is helpfully commented for your future self. - Code is auto-formatted (Command-T on macOS, Ctrl-T on Windows) - The code is presented neatly without commented out code. |
1 pts |