Module 3 Formstorming

Weekly Activity Template

Marion Xiao Project 3 Web Template


Project 3


Module 3

P5js and Makeymakey experimentation.

Activity 1

Colour and placement experimentation Colour and placement experimentation Making the circle move continuously with the key pressed down Colour and shape proportion experimentation More continuous movement with colour and shape difference Smoother movement with higher frame rate Size and spin experimentation Size and spin experimentation Experimentation of shape dimensions and speed Extreme experimentation of shape dimensions and speed Interrupted spin cycle Interrupted spin cycle Inserting a cat variable inside a cube Inserting a random image variable inside a cube Inserting both variables inside smooth spinning spheres Inserting a random image variable inside an outlined sphere Replacing the responsive white circle with an animated cat image Button redesign 1 Button redesign 2 More animated responsive cat, spinning More animated responsive cat, spinning with changing colour Animated fish on colour changing background Animated bouncing fish on colour changing background Animated bouncing fish with bubble animation on colour changing background Smoothly moving boar with subtle walking animation

Activity 2

Basic concept 01, hooking up the Makeymakey to different objects with corresponding noises. Basic concept 02, creating 4 buttons that correspond to 4 directions that push the subject NSEW. Basic concept 03, sequel to my physical computing class from last year. Press the metal edges of the frog to get teeth on the screen. Basic concept 04, press a banana and get bananas from the sky. Basic concept 05, guide a blind mouse through a maze by touching its corresponding body parts. Hooking up a conductive banana Hooking up a conductive foil wrapper Hooking up a conductive chopstick A more detailed sketch of the mouse concept Hooking up a conductive graphite mark Hooking up two conductive wire swords A working prototype of the banana concept Successfully experimenting with the conductive chopstick Successfully experimenting with the conductive graphite Successfully experimenting with the conductive swords Successfully experimenting with the conductive bananas Successfully experimenting with the conductive foil Using the Makeymakey to control a sketch from Activity 1, studying the difference in how the movement feels Using the Makeymakey to control a sketch from Activity 1, studying the difference in how the movement feels Using the Makeymakey to control a sketch from Activity 1, studying the difference in how the movement feels Using the Makeymakey to control a sketch from Activity 1, studying the difference in how the movement feels Using the Makeymakey to control a sketch from Activity 1, studying the difference in how the movement feels Using the Makeymakey to control a sketch from Activity 1, studying the difference in how the movement feels Using the Makeymakey to control a sketch from Activity 1, studying the difference in how the movement feels Using the Makeymakey to control a sketch from Activity 1, studying the difference in how the movement feels

Project 3


Final Project 3 Design

The Rat In A Maze. It is meant to mimick the feeling of being a lab rat connected to wires, hence the grisly, very direct controller. At the end of the experience, because the rain is falling, the electronic signal between you and the rat breaks and you lose control. The viewer is left to watch the rain as the rat leaves after an otherwise eerie and silent experience.

Using the makeymakey physical rat to control a digital rat.
Rat controller topside.
Rat controller bottomside.
×

Powered by w3.css