Module 3 Formstorming

Weekly Activity Template

Rayne Eckersall

Project 3

Module 3

In this module, I explored conecting the physical and digital world using the makeymakey and javascript.

Activity 1

When you click the mouse the square changes colour. When you use the arrows, the circle moves. When you use an arrow the torus changes direction. When you use an arrow the object changes direction When you use the arrows it moves side to side. When you click it grows in size. When you click it changes colour and size. When you use the arrows it moves and changes colour. When you click it adds more layers. When you click it changes the visual on the screen When you click it changes the visual on the screen When you use the arrows the torus moves closer and changes direction When you use arrows the torus moves with a trail behind it When you use the arrows the visual changes and they move in different directions. When you use the arrows the square moves and changes colour When you use the arrows the circle moves and changes colour When you click the circle changes colour When you use arrows the square moves and changes colours with an effect behind it When you use arrows the square moves and changes colours with a trail behind it When you use the arrows particles fly out in the direction of the arrow. When you use the arrows particles fly out in the direction of the arrow. When you use the arrows particles fly out in the direction of the arrow. When you use the arrows the square moves with particles flying behind it. When myou use arrows it makes the circle bounce around with particles behind it. When you use the arrows the circle moves around with particles following it.

Activity 2

cardboard prototype with arrows on it. felt with copper tape scissors with copper tape felt with copper tape controlling different things heart felt with copper tape cardboard and felt with copper tape sunglasses with copper tape glove with copper tape on two fingers glove with more copper tape added for more interactions crochet cat with copper tape string with copper tape paperclip and felt with copper tape paperclip and paper plate with copper tape paperclip on its own connected to makeymakey purple felt with 3 copper tape purple felt with 2 copper tape purple felt with 1 copper tape felt heart with 1 copper tape felt heart with 2 copper tape felt heart with 3 copper tape biscoff cookie with copper tape cat spring toy and paperclip with copper tape paper plate with 4 copper tape paper plate with 1 copper tape hand sanitizer with copper tape

Project 3

Final Project 3 Design

My final design is an interactive plant pot meant to help soothe anxiety. By pressing the side it turns on the lights and grounds the makeymakey. Touching the petals it triggers the javascript flower animation to run.

Please click here to view the javascript on its own.

×

Powered by w3.css