Module 3 Formstorming

Weekly Activity Template

Ho Yi Chloe Tang

Project 3

Module 3

In activity 1, I tested p5.js with Makey-Makey, testing how keypads can be utilised to be interacted with.

Activity 1

Generate circles in different color everytime a keypad is pressed.

Moving the square and circle at the same time, changing colors of both to different colors everytime a keypad is pressed.

The model, taken from my project 2, auto-rotates and changes color every time a keypad is pressed. You can also control the camera angle.

Example of auto-rotation color change of the model.

Using the design principle of space to manipulate what you see.

Creating a circle that moves up and down and changes color when keypad is pressed.

Using the ff spectrum from project 2, I made it react to the sound the keypad made.

Creating a set of piano keys that produce a different sound everytime a 'key' is played.

Adding another frequency spectrum that both play sounds and change colors. The circle increase/decrease in size when key is pressed/let go.

Using one of Steve's tutorial, the background and the circle itself moves to a specific direction of the color spectrum.

Referencing from a flower p5.js tutorial online, I made a flower that reacts to amplitude and can be move around in a blue sky.

I made it so that the flowers generate a new one everytime a key is pressed

The grass at the ground acts as a frequency spectrum that increase in height when the audio is played.

I made ripples that create new ones every time a key is pressed.

I applied a similar method here as the previous sketch. Though this time, you can click on the screen to generate butterflies and change their colors through keyboard.

Here I experimented with 3D shape that changes the direction of its rotation with keypads.

This one here changes the size of the cube when a keypad is pressed

I reference a tutorial online that use the string of spheres that go up and down. For every other number, I applied a function where it changes color when keypad is pressed

The same applies to the cones. Though, I find it interesting to look the animation from a different angle.

I reused the model from my project 2 again and an interesting effect happened: since the distance is very close, the models created the shape of a cloud.

Using a tutorial I found online, I made lines of different layers that generate a variety of colors. A new 'ring' appears everytime a key is pressed.

Here is the effect of what happens when you press the keypads quickly or the same keypad over and over again.

I found a tutorial that groups a bunch of cylinders that automatically rotates and moves up and down. I modified its colors and movement.

I added keypads that change its starting position. Here, the shape looks flat for a second.

Example of using keypads on this sketch.

Activity 2

For my first ever experimentation, I attached two alligator clips together.

I painted a graphic picture using graphite paint, with four spaces to attach the clips. It worked pretty well, except for some parts when the water may have dillute the paint a little bit.

Using graphite paint on paper I did back in project 1, I removed the LED lights and attached clips on both sides.

I used a LED pocket I made back in project 1, it uses conductive fabric and so it ended up working pretty well.

Here's a video of me making the LED pocket work.

Referencing from Steve's Module 3 tutorials, I made my own pattern of copper tape.

Again, I used a LED experiment I made back in project 1. The placement works perfectly.

I used graphite pencil but the lines are too thin for it to be conductive.

I made the lines thicker here. However, the conductivity is still weak.

I drew a flower with the graphite pencil. It finally works this time.

I made some fun illustrations. I realise a lot of graphite is needed in the area the clips attach to, in order for the makey makey to work.

I used my necklace, which is made of brass, to activate the keypads.

I experimented with different code and placement of the clips.

Referencing Steve's tutorial of making physical prototypes, I attached copper tape on a dirty sock. Since the fabric of the sock is thin, the alligator clips easily attach without the use of tape.

I tried using sock on the copper tape pattern I made.

I sewed a small piece of fabric with conductive fabric, and attach one alligator clip on the thread.

I again tried it on the copper tape pattern I made.

Experimented it on a code. It works pretty well as 'the ground' is close to other tapes.

Since water is known to be conductive as well, I attached a clip that touches the surface of the water in a bottle cap.

I made a fun plant-like pattern using copper tape.

I made a Picasso-inspired pattern using copper tape.

I made straight lines that extrude out of all sides of paper.

I sewed the fabric using conductive thread, and attach them on my ear muffles. I was going for a headphone concept, thought it will be fun to play different audio on each ear.

Picture of me trying out my new experiment.

Project 3

Final Project 3 Design

An interactive audiovisual experience that explores the creation of a higher power through the trinity of flesh, engine, and the divine .

Here are the link to my published GitHub file. I also attached YouTube link here.

Powered by w3.css