Module 2 Formstorming

Weekly Activity Template

Lilith Solomon

Project 2

Module 2

Ambience associated with sounds

Activity 1

The rustling of keychains against my grey bag. The rustling of figurine mini pieces in its box. The rustling of leaves on a house plant. My dog itching her collar. The rustling of plastic on a snack bag. Knocking on a door. Elevator beeping. GO station overhead speakers. Walking amidst a busy crowd. GO station overhead speakers declaring location while exiting or entering the train. The rustling of glass containers inside the fridge. Kalimba noises. The clacking of keys in school. Clicking of light switches. The sound of my pet dog growling. The Oakville buses hissing to lower itself for passengers to board. Flipping of a book. Clicking the digits of a payphone. Pistachios falling onto a bowl. The sound of a printer whirring. The sound of camera UI settings. Playing with a kandi bracelet. Adjusting the settings of a thermostat. Clicking of a toaster. The sound of footsteps.

Activity 2

P5js Audio Experimentation

Footsteps with an orange circle. <br><a href = 'https://editor.p5js.org/kkii00ss.zzz/sketches/4X-cxLPjK'>https://editor.p5js.org/kkii00ss.zzz/sketches/4X-cxLPjK Pistachio falling audio with hovering cursor sliders. <br> <a href= 'https://editor.p5js.org/kkii00ss.zzz/sketches/vZZGTlLmF'>https://editor.p5js.org/kkii00ss.zzz/sketches/vZZGTlLmF Blue lines connected via triangle wavelength. <br> <a href= 'https://editor.p5js.org/kkii00ss.zzz/sketches/FTNt3HcSR'>https://editor.p5js.org/kkii00ss.zzz/sketches/FTNt3HcSR Speaking green circle. <br> <a href= 'https://editor.p5js.org/kkii00ss.zzz/sketches/tCBg0YVSt'>https://editor.p5js.org/kkii00ss.zzz/sketches/tCBg0YVSt Speaking green circle and speaking green line. <br> <a href= 'https://editor.p5js.org/kkii00ss.zzz/sketches/CBdCnh_eQ'>https://editor.p5js.org/kkii00ss.zzz/sketches/CBdCnh_eQ Speaking lines connected via triangle wavelength. <br> <a href= 'https://editor.p5js.org/kkii00ss.zzz/sketches/RPiyvmc5S'>https://editor.p5js.org/kkii00ss.zzz/sketches/RPiyvmc5S Speaking lines connected via triangle wavelength. <br> <a href= 'https://editor.p5js.org/kkii00ss.zzz/sketches/IJnMho04k'> https://editor.p5js.org/kkii00ss.zzz/sketches/IJnMho04k Circles connected via microphone. <br> <a href= 'https://editor.p5js.org/kkii00ss.zzz/sketches/5MDICzEIO'> https://editor.p5js.org/kkii00ss.zzz/sketches/5MDICzEIO Audio Interaction by DK_Donkey_Kong. Sketch is not mine. <br> <a href='https://editor.p5js.org/DK_Donkey_Kong/sketches/VuYkL2bcQ'> https://editor.p5js.org/DK_Donkey_Kong/sketches/VuYkL2bcQ Tweaking DK_Donkey_Kong's sketch. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/tga5-pF4A'>https://editor.p5js.org/kkii00ss.zzz/sketches/tga5-pF4A Lines moving by audio from right to left. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/lDnqWPOVe'>https://editor.p5js.org/kkii00ss.zzz/sketches/lDnqWPOVe Having a circle and a line connect via sensitive microphone. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/FrYa3ku-S'>https://editor.p5js.org/kkii00ss.zzz/sketches/FrYa3ku-S A circle and line connected via microphone. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/xRDXKDqg-'> https://editor.p5js.org/kkii00ss.zzz/sketches/xRDXKDqg- Lines connected via microphone. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/s96iy4OmO'> https://editor.p5js.org/kkii00ss.zzz/sketches/s96iy4OmO Different sizes of circles connected via microphone. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/zmmRo1ZwJ'>https://editor.p5js.org/kkii00ss.zzz/sketches/zmmRo1ZwJ Interactive Music Visualization by Maliya_Naz. Sketch is not mine. <br> <a href='https://editor.p5js.org/Maliya_Naz/sketches/wHAQvG0YU'> https://editor.p5js.org/Maliya_Naz/sketches/wHAQvG0YU Playing with a visualizer for color and size. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/jDTe-MXxd'> https://editor.p5js.org/kkii00ss.zzz/sketches/jDTe-MXxd Playing with a visualizer for color and size. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/mdo-XZs4w'> https://editor.p5js.org/kkii00ss.zzz/sketches/mdo-XZs4w Playing with a visualizer for color and volume sensitivity. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/l9pzGpfKf'> https://editor.p5js.org/kkii00ss.zzz/sketches/l9pzGpfKf Experimenting with the first microphone exercise. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/F0D_O-L70'> https://editor.p5js.org/kkii00ss.zzz/sketches/F0D_O-L70 Putting together sine waves with a circle for microphone input. Based on the tutorials. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/yUD7Bwg3N'> https://editor.p5js.org/kkii00ss.zzz/sketches/yUD7Bwg3N Putting together sine waves with a circle for microphone input. Based on the tutorials. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/IOFumCC9V'> https://editor.p5js.org/kkii00ss.zzz/sketches/IOFumCC9V Putting together the audio visualizer with a circle for microphone input. Based on the tutorials. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/S3p5l6Wap'> https://editor.p5js.org/kkii00ss.zzz/sketches/S3p5l6Wap Sensitive circles with glass rustling. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/3EPIs0YV5'> https://editor.p5js.org/kkii00ss.zzz/sketches/3EPIs0YV5 Speaking flat lines. <br> <a href='https://editor.p5js.org/kkii00ss.zzz/sketches/JJUu11XTK'> https://editor.p5js.org/kkii00ss.zzz/sketches/JJUu11XTK

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

Sounds in Silence (P5*js link if web header link doesn't work)

Sounds in Silence (Web header link)

Sounds in Silence<br>A web header that has voice input via microphone.<br> ' The metaphorical symphony for allowing those to hear their voice within the darkness. '

×

Powered by w3.css