Module 2 Formstorming

Weekly Activity Template

Project by SiyuanChen. This project mainly aims to complete an interactive website for sound. By using P5.js to write code to complete the project and explore the visualization and interactivity of sound.

Project 2

Module 2

This is a collection of 25 different sounds I've gathered, including both indoor objects and outdoor sounds. This activity is a preparatory step for the subsequent project. It aims to seek out all kinds of voices.

Activity 1

This is the indoor sound I was looking for.<br><audio controls src='audio/1.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/2.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/3.m4a'></audio> This is the indoor sound I was looking for.br><audio controls src='audio/4.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/5.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/6.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/7.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/8.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/9.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/10.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/11.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/12.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/13.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/14.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/15.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/16.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/17.m4a'></audio> This is the outdoor sound I was looking for.<br><audio controls src='audio/18.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/19.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/20.m4a'></audio> This is the outdoor sound I was looking for.<br><audio controls src='audio/21.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/22.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/23.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/24.m4a'></audio> This is the indoor sound I was looking for.<br><audio controls src='audio/25.m4a'></audio>

Activity 2

This is an example picture from the teaching video I'm learning from, and this is its display effect. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is the content from the teaching video I'm learning. This is the content from the teaching video I'm learning. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is the content from the teaching video I'm learning. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is the content from the teaching video I'm learning. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is the content from the teaching video I'm learning. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is the content from the teaching video I'm learning. This is the content from the teaching video I'm learning. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is the content from the teaching video I'm learning. This is the content from the teaching video I'm learning. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is the content from the teaching video I'm learning. This is an example picture from the teaching video I'm learning from, and this is its display effect. This is the content from the teaching video I'm learning. This is the content from the teaching video I'm learning. This is the content from the teaching video I'm learning.

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

This project of mine mainly aims to trigger the up and down sound wave vibrations through the changes in sound. In the middle, I added circles and particles, hoping that they could rotate like planets through the movement of sound. Then, I added linear sound waves and time in the middle, hoping that my work could not only meet the condition of visualizing sound but also have a wallpaper-like effect.

Click here to see it working on my server

test2Lorem ipsum dolor sit amet, consectetur adipiscing elit

×

Powered by w3.css