# Module 2 Formstorming

# Weekly Activity Template

# Yawen Qiao
This project allowed me to find elements from real life and iterate them step by step into our interaction design. For the first activity, we looked for sounds associated with objects. In the second activity, we utilized the collected audio to create an animation of the associated sound. This gave the sounds a vaguely animated representation as well as an interaction. Mixing them together, we implemented a more complete sound interaction in our code. It gave us an idea of how sound iterates with graphics and animation.

# Project 2

## Module 2

### For this one activity we focused on collecting the sounds around us in our lives. We will start this project by exploring sound and the way we react and respond to sound This activity at this stage is to collect favorite audio and experiment with sound editing in editing software. We will be exploring and collecting sounds based on quite overwhelming themes.

## Activity 1

## Activity 2

# Project 2

## Final Project 2 Design

## P5 Interactive Audio Web Header Portfolio - Midnight Star

This is my final design. About my inspiration, it came from the ceiling in my room. I really like the star element, so I chose to create something related to it for the second campaign. As an iteration, I chose the star theme for my final project. For my design, I chose some elements about imagery. For example, the click interaction, when you click on the star it makes a crisp sound, here it represents that the star is like glass in my mind and represents its brightness blooming in the darkness of the night. For the active mouse interaction I chose to add a trailing tail to represent this. Because I think it can represent the trajectory of the shooting star. In the sound interaction, when you make a sound, the stars will get bigger. It's like making a wish and reacting to it. This is my understanding of the project.

Click here to see it working on my server

×

##

Powered by w3.css