STARS Exploring CS
In this programming assignment you will practice all the skills you learned in the first day of class, by recreating an analog piece of art in a digital format using Processing.
Locate a piece of art that inspires you, for this project it is best if you choose an artwork with geometric-like shapes. A few resources are linked below, but feel free to look elsewhere.
- Harvard Art Museums Collections
- Museum of Modern Art Collections
- Artstror Note: You will need to login with your UW netid for full access
- Oxford Art Online Note: You will need to login with your UW netid for full access
Download the image, and decide either to reproduce the entire artwork or select a crop of the artwork (this is best for artworks with lots of details). If you need help cropping your image, reach out to your instructional team. You will need to turn in either the entire image or the crop depending on what you decide.
Plan out what shapes you will use in Processing to represent the shapes in the artwork, draw it out by hand so you have a guide to work from.
You will also want to plan out the colors you are going to use. You will more than likely want to use Photoshop, Gimp, or another piece of software to pull the RGB color values from the artwork. If you need help with this please reach out to your instructional staff.
You do not need to directly replicate the artwork, instead use it as inspiration to create a digital version.
Write your static code (no draw function needed) in Processing making sure to include comments as you go that explain your code. We highly recommend that you run your code often so you can discover errors along the way instead of waiting until the very end.
In most situations we expect you to use many different kinds of Processing functions including but not limited to line, triangle, quad, rect, ellipse, arc, stroke, fill, and background.
| Description | Points |
|---|---|
| Student created a unique and creative digitization of a piece of art work | 4 pts |
| Student uses a variety of p5.js shape methods correctly as necessary (4 or more) | 3 pts |
| Program includes comments on almost every line | 2 pts |
| Program is indented correctly | 1 pt |
| Student included their planning sketch with their submission | 1 pt |
| Student included original art image in their submission | 1 pt |
Make sure your code has a comment on most every line and then upload your .pde file to canvas, along with your planning sketch and the image file of the original artwork. If you need any help saving and uploading your files please reach out to your instructional staff.
- Kalemba II—Santiago
- Andy Warhol—Marilyn Monroe
- Braque—The Guitar
- Leonid Afremov—The lamppost
- Unknown
This assignment is inspired by the assignment, Port an Image to Code created by Chandler McWilliams, Casey Reas, and Lauren McCarthy.