Module 3 Formstorming

Weekly Activity Template

Victoria Ngo

Project 3 Connect: Design for Living Systems

Module 3

PLACEHOLDER TEXT, put a description here or you will lose grades

Activity 1: P5 Button Interaction

Square connected to sound changing in size depending on arrow key clicked

Circle being moved to different position using arrow keys on a colour changing background

Makey Makey controlling position of circle

Position of torus and plane moving using arrow keys

Using the Makey Makey to move the torus on a plane

Arrow keys are used to change the postion of the heart

Makey Makey used to change position of heart shape

Drawing circles using arrow keys

Using the Makey Makey arrow keys to draw circles

Using arrow keys to draw squares, speed of draw function varies depending on the arrow key pressed

Using the Makey Makey to draw squares

Up and down arrow keys used to switch between 3D primitives (ellipsoid, torus, cone)

Using Makey Makey arrow keys to change the shape that appears on screen

Left and right arrow keys are used to control the speed and rotation of sphere

Using left and right arrow keys on Makey Makey to control speed of sphere

Up and down arrow keys used to zoom in and out of the sphere

Using Makey Makey up and down arrow keys to mimic zooming in and out

Pressing arrow keys to create line drawings

Using Makey Makey arrow keys to draw lines

Flocking behaviour mimiced by using arrow keys to change direction of boids

Using the Makey Makey arrow keys to change direction of boids

Orbit Control function used to zoom in and move around boxes

Using the Makey Makey arrow keys and space bar to move around the collection of boxes

Using arrow keys and space bar to move around collection of toruses

Makey Makey controlling position of camera using arrow keys and space bar to zoom

Activity 2: Makey Makey Button Interaction

Testing connection between Makey Makey and copper tape

Using conductive paint as a connector to Makey Makey to control arrow keys

Using conductive paint to connect to arrow key to control P5js sketch

Using a zipper to mimic the down arrow key as the P5js sketch also drawing downwards

Using dimes as conductors hooked up to Makey Makey clips

Testing the dimes as buttons connected with the Makey Makey

Drawing on paper with a graphite pencil

Connecting a Makey Makey clip to the graphite pencil and using it as a arrow key

Connecting alligator clips to metal knitting needles

Having one alligator clip connected to one side of a needle and the other side connected to a arrow key makes a connection when touched together

Buttons made with felt and made conductive with copper tape

Each button is hooked to a different alligator clip and connected to multiple arrow keys

Using the metal clip of pins as buttons

Using the metal clip of pins as buttons

Alligator clips are hooked onto different pins and arrow keys to act as buttons

Using magnets to hold alligator clips

When the two magnets are put together, the two alligator clips touch which outputs a movement to the correspoinding arrow key

Tinfoil cut into circles to act as buttons

Using the tinfoil as buttons hooked up to arrow keys on the Makey Makey

Cutting out felt circles to use as buttons

Making felt buttons conductive with different materials

Using copper tape underneath felt button to make it conductive

Using tinfoil underneath felt button to make it conductive

Using a dime underneath felt button to make it conductive

Connecting the felt buttons to arrow key function on a Makey Makey

Project 3

Final Project 3 Design

This interactive page lets users touch a physical display of braille words that form a sentence. Users can learn what each letter/word means while still experiencing what those who are visually impaired use as a communication tool. The raised dots are placed on top of conductive paint, which are connected to aligator clips and a certain arrow key on the Makey Makey that will display its translation on screen.

Click here to see it working on my server

Powered by w3.css