Multimedia Programming I
For this windows assignment I decided to create a basic window design using one large rectangle as the outer frame, accompanied by 4 smaller ones within acting as the panes. Afterwards, I used one loop function to create a line of 3 additional windows, then another to create an entire second row underneath the first.
p5.js link has been embedded in the attached image above.
For this animation assignment I chose to create something similar to my interactive design, but instead of the circle moving in 4 directions via the arrow keys, I designed the circle to indefinitely bounce around diagonally similar to a screensaver.
p5.js link has been embedded in the attached image above.
For this interactive comic assignment I struggled to come up with an actual joke so I ultimately decided to base the punchline of the comic around that. Stick figures were drawn externally and then added into the p5js project as .png files.
p5.js link has been embedded in the attached images above.
For this interactive design assignment I chose to create a controllable circle that moves around at fixed points across the canvas. I assigned these controls using the arrow keys, which is mentioned in the included HTML text.
p5.js link has been embedded in the attached image above.
For this assignment I opted to create a meme as that seemed like an easier idea to work with. It still took some times to come up with something to make a meme about but I ultimately settled with representing a poor sitting posture using an stock photo of a shrimp.
p5.js link has been embedded in the attached image above.
For this artwork recreation assignment I chose to recreate “Double Post-Image” by Julio Le Parc due to its minimalistic nature: 18 teal colored horizontal lines on the left, and 20 red colored vertical lines on the right.
p5.js link has been embedded in the attached image above.
For this color assignment I created a cluster of 5 shapes made up of rectangles and squares of basic colors. I started off with the red square as the centerpiece, then created other shapes around it in an attempt to form an overall compositionally balanced canvas.
p5.js link has been embedded in the attached image above.
Powered by:
