Module 3 Formstorming

Weekly Activity Template

Marley Luna

Project 3

Module 3

Connect: Design for Living Systems

Activity 1

With the first activity I played around a bit with the settings and lines of code that were said to be played with within the tutorial, I also added some things like more elements, but nothing that took away from the original, they aren't code breaking I wouldn't say, but I did learn a good bit about how the makey makey can interact with the visuals on screen, overall it was a fun activity and learning experience.

Right click the images to go to the p5 sketches of them, when reading the descriptions there is a delay to the links which are about a minute, so if at any point the p5 sketch appears it is likely due to the delay.

This is the first sketch of the tutorial, with my first variation I changed the shape of the object as well as changing the colors.

This is the second variation of the first, here I changed the shape into an ellipse as well as gave the colors more of a theme, using a blue/green range.

This is the third variation, here I left the colors along and wanted to add some more shapes and just played a little with those and their positioning.

This is the fourth, with this one I added the squares and played with size and positioning.

This is the first variation of the second sketch, here I played with the size of the ellipse and the colors of the sketch.

This is the second of the second, I added two other shapes and changed they're positions, they move the same with the original object.

This is the third, with this I changed the shapes and size of the ellipse along with they're position, I also changed the ways that the keys moved the shapes, the circles move with the opposite controls from each other.

This is the fourth, I added multiple shapes with multiple sizes, they all move randomly when the controls are used, the color also shifts a bit with them staying on the shades of green.

This is the third sketch, here I changed the shape of the object and only used one of the ways that the object could rotate, I also adjusted the speeds a bit of the keys.

This is the second variation of the third, I added two objects in, changing they're colors, they also move in the opposite directions when the keys are clicked, though that is a bit hard to see, the speed was also made slower.

This is the third, I added two other shapes, mad them solid colors, and the way that they rotate is a little different from each other.

This is the fourth, I didn't do too much here other than changing the speeds that the rotations operated when a control is clicked.

This is the first variation of the fourth sketch, here I changed the shape and color of the it as well as the plane.

This is the second, here I added shapes at different sizes and rotation speeds, I also played a bit with the speed of the controls, just to test them a bit, some faster than others, not drastic but noticeable.

This is the third variation, with this one I changed the speed of the controls to be a bit faster, I also added three shapes with different colors and rotations speeds.

This is the fourth, I removed the plane and added four surrounding objects with different colors, the camera moves a little faster when going in/out and up/down, and a little slower when going from left and right.

This is the fifth sketch and its first variation, here I added 3 shapes that all rotate differently, I also slowed down the camera's movement speed with the controls a bit.

This is the second variation, I added two objects that rotate different from each other at different sizes, I also changed the controls a bit with speed and direction.

This is the third, I added multiple cubes that rotate in on direction as well as a cylinder to make it look as if it was attached making the cubes spin, the plane was also stretched out with the left and right arrows as well as the mouse being made faster than the other buttons to move across.

This is the sixth sketch, here I changed the size and pitch of the sound to be higher than before, nothing else was changed much except for the background color.

This is the second variation of the sixth, I changed the size to be much larger, the pitch and volume to be higher, as well as the colors of the background and ellipse to change.

This is the third, I didn't add too much, the size is larger, but the pitches were changed going from low to high with the controls.

This is the first variation of the final sketch, here I changed the size to be bigger, I made the pitch higher and I also changed the colors to be a bit darker in shade.

This is the second, I made the ellipse a little larger, I made the down and space buttons to be darker in color and make a darker pitched noise, with the other buttons making a lighter pitch with lighter colors.

This is the third variation, I made the colors more concentrated, I made the pitch and volume higher, and I made the ellipse large.

Activity 2

This is the first circuit that I created, I took a piece of paper and used graphite for the connection points and the ground, where my palm would sit on the ground and my fingers would complete the circuit by touching the connection points where the graphite is. A pretty simple circuit just to test out the graphite.

The second circuit is a little piano like circuit, with some strips of graphite drawn onto paper for connection points to the makey makey and copper tape to act as the ground, this is a simple circuit that was used to see how the two materials would work together.

The third circuit is similar to the last one though instead of graphite there are quarters, here I was testing how effective coins, in this case quarters would be and how they would work alongside copper tape.

This is the fourth circuit, similar to the previous but I am using conductive fabric as the connections and a quarter for the ground, the base material for the circuit is fabric, used just to try out another material rather than paper or cardboard.

The fifth circuit uses graphite strips on a piece of cardboard for connections, the ground is separated from the connections using a quarter for the conductive material, the circuit completes when I put my right hand on the ground and my left hand taps the graphite strips, this circuit was an idea taken from the mouse and keyboard, although they are completely different in terms of how they work.

This is a sketch of the first circuit, showing a diagram of the circuit.

This is a sketch diagram of the second circuit.

This is a sketch diagram of the third circuit.

This is a sketch diagram of the fourth circuit.

This is a sketch diagram of the fifth circuit.

This is the sixth circuit, it is a paper and cardboard piano-like circuit that uses copper tape as the conductor and paper as the tiles, the design is pretty straightforward, the connections are connected to the tiles and the ground is just on the other side of the board.

The seventh circuit is a sliding rod circuit, using a pencil and cardboard, as well as copper tape as the conductor, the pencil is used as the ground and slides through a part of the cardboard to activate the buttons of the makey makey, it is very rough showing it being a low fidelity prototype.

The eighth circuit is a dial circuit, this uses a dial to activate the makey makey buttons, the dial is where the ground is connected, and the connection points are lines of copper tape, copper tape is used for the dial as well as a small line of conductive thread for flexibility allowing the dial to turn.

This is the ninth circuit, it is a coin slot circuit, the main conductor on the circuit is copper tape, but a quarter is used to complete the circuit to activate each of the makey makey buttons, when the coin is placed into one of the slots the button activates.

This is the tenth circuit, it these sort of pinch tabs, with the whole circuit made with paper as the base and copper tape as the conductor, the paper tabs can be pinched to complete the circuit and activate one of the buttons, it is a simple circuit but a somewhat unique concept.

This is a sketch diagram of the sixth circuit.

This is a sketch diagram of the seventh circuit.

This is a sketch diagram of the eighth circuit.

This is a sketch diagram of the ninth circuit.

This is a sketch diagram of the tenth circuit.

This is the first circuit with the visuals of the first p5 sketch being displayed on the screen.

This is the fourth circuit with the visuals of the second p5 sketch being displayed on the screen.

This is the eighth circuit with the visuals of the third p5 sketch being displayed on the screen.

This is the ninth circuit with the visuals of the fifth p5 sketch being displayed on the screen.

This is the tenth circuit with the visuals of the seventh p5 sketch being displayed on the screen.

Project 3

Final Project 3 Design

This is my final design, it is a visual and physical object of a basketball court, giving the user the experience of being in the environment of a basketball court.