MMP 210: Multimedia Programming I
BMCC Spring 2024
For the final project proposal, click here
Alter the urban audio landscape by sliding your finger vertically across the touchpad. Hit the play button, and watch as the character embarks on a journey through the park in a cart. The user can click on different parts of the touchpad to hear different city sounds
click here for the code for my final project
Jo Morton
The following sketch presents my final project proposal
I chose to integrate two projects that I created for MMP 210. Read the images below for more details
Moving Clouds City Park Sounds in the Night, by Jour Morton
Year: 2024
Software: p5.js Web Editor, Audacity, PhotoShop
About
I added sound to the generative landscape project. Click the keyboard space bar anywhere on the image to begin the sound and see the birds, converted from clouds, moving fast in the skyline. If you move the mouse or trackpad up and down, you will hear the sound increase or decrease.
Click the link to see my interactive final project pitch in p5
Jour Morton
The generative design was created using a nested for loop to create the pattern
Click link for code to Generative Design Example 1
The transformation design uses randomness and variation, click on design in P5 to see a variation in the pattern, colors and shapes
Click link for code to Design Example 2
Design 3 creating randomness in the color palette
Jour Morton
These images represent the standard brick co-op buildings seen throughout New York. This one is the building I live in on the LES.
Jour Morton
A simple animation featuring a cone-shaped character randomly bounces off the edges of the canvas, creating a dynamic movement pattern. The background colors change randomly, providing visual variety. No mouse interaction is required; the animation runs automatically. The pupils and eyes of the Cone Head are programmed to move from right to left. While the pupils move horizontally, the Cone Head simultaneously oscillates vertically
To view all three frames using p5, select the link below. Then, follow these simple steps:
First, hover your mouse over the sketch. Then, click anywhere on the comic. Click your mouse three times for the entire comic: once to start, once to change the frame, and once to end the motion.
Click the link to open the sketch on p5 and follow the steps above.
By Jour Morton
The animation I’ve designed includes a functionality that enables it to alter its color and expression in response to a finger sweep on a mousepad.
The animation undergoes the following changes as the mouse is moved in different directions (left to right)
1. When the mouse is stable, the image remains fixed.
2. The eyes and wheels become larger When the mouse is moved straight down the middle to the bottom.
3. When the mouse is moved to the bottom left, the color changes from olive to green, and the eyes and lips move left.
4. When the mouse is moved to the right, the eyes and wheels become smaller, and the color changes to orange.
5. When the mouse is moved to the bottom-right, the eyes and wheels become larger again.
Powered by:
