Module 2 Formstorming

Weekly Activity Template

Freddy Hu, Discovery of sounds and visual effects.

Project 2

Module 2

Soundtrack collections

Activity 1

The sound of opening the AirFryer.

The sound of opening the bottle.

The sound of pressing the camera shutter

The sound of opening the can

The sound of two coins colliding

The sound of the earphone compartment opening

The sound of M1 Garand rifle being fired

The sound of the hair dryer blowing air

The folded sound of headphones

The sound of the two keys colliding

The sound produced by typing on the keyboard

The sound when a laptop is closed

The sound of turning on the light switch

The sound of clicking the mouse

The sound of opening a vitamin bottle

The sound of opening the pencil box lid

The sound of pressing the ballpoint pen button

The sound of the bottle of sleeping pills being shaken

The sound of inserting the plug

The sound of opening the drawer

The sound of scissors cutting

The sound of the skateboard sliding

The sound of opening the snack bag

The sound of the cleaner being sprayed out

The sound of the wallet's zipper opening

Activity 2

I followed the steps in the tutorial to study the basic audio startup function of JavaScript.

I followed the steps in the tutorial to study the basic functions of audio startup and volume adjustment in JavaScript.

I made my own music using the Kudaband.

I tried to change the color of the interface.

I imported my music into JavaScript.

After importing my audio, I observed the changes in the visual effects.

I added my audio and then made some changes to the code details and colors.

I used JavaScript to try changing the speed of my audio.

I changed the color and sensitivity of the audio waveforms.

Code for changing the color of JavaScript

I continued to follow the tutorial and used my audio to experiment with various visual effects and audio effects.

I continued to follow the tutorial and used my audio to experiment with various visual effects.

I attempted to edit my own webpage based on the previous tutorial.

I used my music to experiment with the horizontal ripple visual effect of JavaScript.

JavaScript code for creating a horizontal ripple visual effect

I experimented with the audio ripple visual effect

Code writing for the visual effect of audio waveforms

I experimented with the visual effect of circular breathing.

The code for creating the visual effect of circular breathing

I tried the bar chart visual effect.

Code writing for the visual effect of the column chart.

I attempted to add a volume adjustment function to the linear ripple visual effect.

The code for adding the volume adjustment function to the linear ripple visual effect was written.

I experimented with various combinations of visual effects and added a volume adjustment function.

The coding for the combination of various visual effects and the volume adjustment function

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

My final project design is a simulator that can switch pictures according to the music, simulating a flashback of memories. When the music volume reaches a certain threshold, the pictures will switch. As the music reaches its climax, the memory pictures will switch even more rapidly. So my creative concept is to create a webpage that can accurately reproduce the scenes from my memories of the past.

Click here to see it working on my server

test2Lorem ipsum dolor sit amet, consectetur adipiscing elit

Powered by w3.css