AVC 109 > Creative Coding > Fall 2020

Assignment 01: Due 09/01/2020

Create a static piece of album art for a song of your choosing.

Create a P5js sketch, code included, that contains:

1. An arrangement of different shape functions as found in the P5js reference, positioned into a work of album art.
2. Evidence of shape attribute manipulation (fill, alpha, corner-type, stroke, etc.)
3. A defined color palette.

Write an accompanying paragraph that explains:

1. Your rationale for the visual language of the album art and its connection to the song of choice.
2. Your rationale for the color palette of the piece
3. Your rationale for shape placement within the piece

Remix a static album cover submission to create a piece of interactive album art.

Create a P5js sketch, code included, that contains:

1. An arrangement of different shape functions as found in the P5js reference, positioned into a work of album art.
2. Evidence of 2 of the 3:
   • user interaction (mouse interaction, keyboard interaction)
   • random() function
   • movement.

Write an accompanying paragraph that explains:

1. Your rationale for the user interaction for the album art and its connection to the song of choice.

Create a P5js sketch, code included, that contains:

1. An arrangement of different shape functions as found in the P5js reference, positioned into a video game character.
2. Evidence of user interaction (mouse interaction, keyboard interaction)
3. Evidence of costume changes.
4. Evidence of character movement.
5. Evidence of world building (a 2D Background)

Write an accompanying paragraph that explains:

1. Your rationale for the user interaction for the video game character, their movement, and the world they exist in.

Create a P5js sketch, code included, that contains:

1. An arrangement of different shape functions as found in the P5js reference, positioned into a video game character.
2. Evidence of user interaction (mouse interaction, keyboard interaction)
3. Evidence of costume changes.
4. Evidence of character movement.
5. Evidence of world building (a 2D Background)
6. Evidence of a game objective
7. Evidence of a timer
8. Evidence of a winning screen

Write an accompanying paragraph that explains:

Your rationale for for the video game: the video game character, their movement, the world they exist in, the game objective, and how one wins.

Create a P5js sketch, code included, that contains:

1. An array of 5 images used to tell a story.
2. Evidence of cycling through an array to show each image.
3. Evidence of accompanying text or audio.
4. Evidence of a timer, frameRate() keyboard interaction to move the images along.

Write an accompanying paragraph that explains: Your rationale for the story you created and the media you chose.

Create a P5js sketch, code included, that contains:

1. For loops that are used to repeat a visual design throughout the wallpaper.
   2.. Evidence of a visual design/drawing/character that is repeated throughout the wallpaper.
2. Evidence of passing values to functions.

Write an accompanying paragraph that explains:

5. Your rationale for the visual aesthetic of the wallpaper: the rationale behind the design and color palette of the sketch.

Create a P5js sketch, code included, that contains:

1. Three songs
2. An audio-reactive visual to accompany each song
3. Evidence of user interaction in each audio-reactive visual (keyboard interaction, mouse interaction, web camera interaction, etc.)
4. Evidence of user interaction to switch between songs.

Write an accompanying paragraph that explains:

Your rationale for the song selections, the visual aesthetic of each audio-reactive visual, and the rationale behind the design and color palette of the sketch.