AVC 109 > Creative Coding > Spring 2021

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) Addition of new shapes than what was previously created

3) Evidence of 2 of the 3:

  i) user interaction (mouse or keyboard interaction)
  ii) random() function
  iii) 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 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:

1) Your rationale for the story you created and the media you chose.

Arrange shapes to make a moving video game character (sprite). 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) For/While 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.

Write an accompanying paragraph that explains:

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

GENERATIVE LANDSCAPE

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 art. 2) Mathematical computation to move and loop shapes 3) Separate functions for each movement

Write an accompanying paragraph that explains:  1) Your rationale for the scene you created.

Create a P5js sketch, code included, that contains:

1) Three songs of at least 30 seconds each and 2) Three accompanying visuals that correspond to a song

Rules:

1) One visual must contain evidence of user interaction. 2) One visual must contain evidence of 3D elements. 3) One visual must contain evidence of audio reactive shapes.

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.