Fluto 2018.11
INTRODUCTION
Fluto s a colossal electronic wind instrument. With Fluto, you can conduct a visual symphony with friends blowing into your phone. Our idea was to create an interactive installation piece that would engage people of all different nationalities and ages prompt them to enjoy the experience together with others.
Fluto is created in Fall 2018 by the team of Yuhao Ko, Meicheng Jia, Rebecca Shurnik, and Caleb Ferguson for our interactive Pop-up Windows Display at ITP.
Coding Fluto
Check out the project GitHub for all of the code we use for the project.
Technology used:
-
Heroku
-
socket.io
-
p5, including the p5 serial control library
-
arduino
-
Node.js
We created our web app (www.fluto.us – designed for use on mobile devices) using Heroku. The app uses the phone’s microphone volume to determine if the user is blowing in to the device.
From there, we used socket.io to send this information to the physical devices. Using socket.io allowed us to have multiple user interact with the exhibit at once. Whenever a user taps on a color and blows into their microphone, the web app sends a socket message to the computers managing the physical structure.
We used a Mac Mini to control 5 tube each. Each mac mini was connected to a hidden page on the web app and connected to an Arduino Mega via USB.
When data from users comes in from a socket, the information is translated into codified information that the Arduino can understand via serial communication. We used the p5 serial control library to set this up. If you are curious about this, ITPs serial communication lab is the place to start!
Building Fluto
We built Fluto around the 10 acrylic tubes you see – the base was built with a lot of great planning and design. We used a CNC to make a base that holds the tubes, cutting a groove to hold the tubes in the bottom later, and a slot to fit the whole tube in the top.
We used 10 very strong fans that fit inside the tubes, and neopixel strips hidden behind a simple layer of paper to illuminate them.