Module 3 Formstorming

Weekly Activity Template

Morgan Danendra Inderadjajanata

Project 3

Module 3

This project explores the connection between physical touch and digital visualization using the Makey Makey and P5.js. Through experimentation with input methods and sound interaction, students will iterate on creative formstorming activities to develop an interactive final design. The goal is to integrate physical computing with WebGL visuals while expanding artistic, technical, and conceptual approaches to interaction design.

Activity 1

Javascript sketch for tutrial 1

Javascript sketch1 for tutrial 1

Javascript sketch2 for tutrial 1

Javascript sketch3 for tutrial 1

Javascript sketch4 for tutrial 1

Javascript sketch5 for tutrial 1

Javascript sketch6 for tutrial 1

Javascript sketch exploration

Javascript sketch1 exploration

Javascript sketch1 exploration 2

Javascript sketch1 exploration3

Javascript sketch2 exploration

Javascript sketch3 exploration

Javascript sketch3 exploration 2

Javascript sketch4 exploration

Javascript sketch4 exploration 2

Javascript sketch5 exploration

Javascript sketch5 exploration 2

Javascript sketch6 exploration

Javascript sketch6 exploration 2

Javascript sketch2 exploration 2

Javascript sketch2 exploration 3

Javascript sketch4 exploration 3

Javascript sketch5 exploration 3

Javascript sketch6 exploration 3

Activity 2

Code for Tutorial 1 & 2 are the same

Understanding the flow of electrons in a circuit just in case

MkyMky Exploration

playing around with the mkymky

Using the green wire for the ground

Testing the MkyMky on the JS sketch

Testing the MkyMky on the JS sketch1

Testing the MkyMky on the JS sketch2

Testing the MkyMky on the JS sketch3

Testing the MkyMky on the JS sketch4

Testing the MkyMky on the JS sketch5

Testing the MkyMky on the JS sketch6

Testing the MkyMky on the JS sketch7

Testing a banana like in the tutorial

Failed Circuit (conductive thread)

Iteration idea 1

Iteration idea 2

Iteration idea 3

Iteration idea 4

Iteration idea 5

testing the mkymky on a 25 cent coin

testing the mkymky on a 1 dollar coin

testing mkymky on project 1 circuits (copper tape)

accidental button with conductive thread

testing mkymky on project 1 circuits (copper tape) 2

Project 3

Final Project 3 Design - 6 Note Keyboard

This project is an interactive digital instrument built using p5.js, Makey Makey, and WebGL concepts. By connecting physical objects like coins to a Makey Makey board, users can trigger one of six musical notes — C, D, E, F, G, and A — each mapped to a key press or mouse click.

Click here to see it working on my server

Powered by w3.css