Module 2 Formstorming

Arhielle Nieto

Project 2

Module 2

Exploring sounds around us and working with p5.sound to create an audio/visual header!

Activity 1

Ambient sound I recorded outside my house. <br><audio controls src='audio/streets.m4a'></audio> sound of my bird <br><audio controls src='audio/angy dash.m4a'></audio> sound of a kettle boiling <br><audio controls src='audio/boiling water.m4a'></audio> sound of rolling the toilet paper and ripping a piece off <br><audio controls src='audio/toilet paper.m4a'></audio> sound of a timer from a board game <br><audio controls src='audio/game timer.m4a'></audio> sound of a lamp switch turned on and off <br><audio controls src='audio/lamp.m4a'></audio> sound of footsteps walking inside the house <br><audio controls src='audio/footsteps.m4a'></audio> sound of a bell being dinged <br><audio controls src='audio/bell.m4a'></audio> sound of maracas being shaken <br><audio controls src='audio/maraca.m4a'></audio> sound of shuffling through a pile of chess pieces <br><audio controls src='audio/chess.m4a'></audio> sound of a stapler being pressed down <br><audio controls src='audio/stapler.m4a'></audio> sound of opening a soda can <br><audio controls src='audio/soda.m4a'></audio> sound of a pencil used on a paper <br><audio controls src='audio/sketch.m4a'></audio> sound of a door opening and closing <br><audio controls src='audio/door.m4a'></audio> sound of a game guitar being used <br><audio controls src='audio/guitar hero.m4a'></audio> sound of meat being cooked <br><audio controls src='audio/meat.m4a'></audio> sound of jumping on a trampoline <br><audio controls src='audio/trampoline.m4a'></audio> sound of a perfume bottle being used <br><audio controls src='audio/perfume.m4a'></audio> sound of an instax camera being extended <br><audio controls src='audio/instax.m4a'></audio> sound of keys jingling <br><audio controls src='audio/keys.m4a'></audio> sound of a jacket zipper being zipped <br><audio controls src='audio/jacket.m4a'></audio> sound of a book being flipped through <br><audio controls src='audio/manga.m4a'></audio> sound of typing on a keyboard <br><audio controls src='audio/keyboard.m4a'></audio> sound of shaking an 8 ball <br><audio controls src='audio/8ball.m4a'></audio> sound of a kalimba being played <br><audio controls src='audio/kalimba.m4a'></audio>

Activity 2

<a href = 'https://editor.p5js.org/arhcode/full/KufGSaKr5' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/VAUEnDUoI' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/voOH5M46e' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/idWSNjvmW' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/RR7AmHaVC' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/4FCYA7s1E' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/Zwvkg6a5N' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/z0yRRxG-k' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/U_1Tq9k6b' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/E9pPlzv_s' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/aLJntsF2a' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/WeZONT9z6' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/QjzNEdIV4' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/zzgokMlzx' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/YcvZEoKS7' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/FihLo8te-' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/hP_m3rJZU' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/7hae0XEbf' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/jO8FMZMjm' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/KlrRVlBsI' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/-wMMuqMMD' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/MWb31teCo' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/tLb3Z6D0C' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/hWribdBoz' target = 'parent'> Link to the P5.Sketch </a> <a href = 'https://editor.p5js.org/arhcode/full/5dGuS18nK' target = 'parent'> Link to the P5.Sketch </a>

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

Final Meditative Visualizer

Click here to see the final working design!

test2Lorem ipsum dolor sit amet, consectetur adipiscing elit

×

Powered by w3.css