Module 2 Formstorming

Weekly Activity Template

Zainab Ilyas

Project 2

Module 2

In Activity 1, I learned to observe the sounds that surround me in my daily life that I never really pay much attention too. The two main scenarios of the sounds I collected were sounds that surround me on campus, and sounds that surround me at home. In Activity 2, I began my exploration with p5.js and the ways that I could gradually manipulate the tutorial codes to eventually get to my final design.

Activity 1

Opening Water Bottle Loud Automatic Door Walking on Pavement Water Pump

Phone Message Book Return Clothes Hangers Peanut Snacks

Sifting Through Book Bookshelf Paint Brushes Paint Labels

Tape Glass Mugs Arcade Game + Sheridan Social Environment Classroom Onecard

Keyboard Collar Bell Cat Meow Makeup Setting Spray

Souvenir Bag Zipper Lighting Stove Cat Scratching-Post Chains

Washing Machine Song filler image for spacing filler image for spacing filler image for spacing

Activity 2

p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation p5.js Experimentation

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

This is my final p5.js design that uses audio and cursive responsive waveforms and shapes to create a visually interesting and interactive experience.

Click here to see it working on my server



×

Powered by w3.css