Find Your Flow – Final Project

‘Find Your Flow’ is a touch sensitive interactive installation that asks you to feel every pixel of its sequin surface and follow its vibration patterns until you ‘Find Your Flow’.
Our physical movement and sense of touch are a large part of our everyday perception, yet we only passively pay attention to them. By tuning into our senses, we become more perceptive of ourselves and our surroundings, and are more able to enjoy the nuances around us.

This project has come a very long way! I started off experimenting with various interactions to ‘slow people down’. From breathing, movement, touching/feeling, human connection. Below is the documentation of the journey!

Phase I – link to ideation

Phase II – link to playtest

Phase III – link to winter show (concept)

Find Your Flow live on Coding Train –

Screen Shot 2561-12-18 at 23.45.25  Screen Shot 2561-12-18 at 23.45.20


Find Your Flow Project Image


Elaboration on last stage:

Once I decided on the design for find your flow, I started experimenting with the physical computing aspect of it.

Summary of process

  • design interaction and fabrication
    • touch to activate?
    • how much time to delay so that people would know to slow down?
    • how sensitive does the touch have to be?
    • does it only vibrate when they touch?
    • how will they know when to stop?
  • determine parts
  • what sensor to use
    • in order to create a touch sensitive surface, I experimented with the following sensors
      • Piezo (vibration sensor) – I was recommended by a few people to use this as it was very sensitive. However, because the actuator was a vibration motor, this did not work out no matter how I placed it.
      • Capacitive (valostat and coppertape) – Although this provided some feedback, it was not sensitive enough. It required me to apply a lot of pressure which did not suit the interaction I was after.


      • FSR circular – This worked very well on its own. However, the surface was very small. Also, when covered with sequin, this was not sensitive enough.


      • FSR squares – THE PERFECT SENSORS! the square FSR’s were perfect! Size: perfect size to make a grid / Touch: perfect under the sequin + motors.
  • how to layer the various components – I ended up putting the vibration motors on top of the fsr sensors as it was giving the most accurate values as well as most effective sense of vibration





  • Solder all sensors and motors! The vibration motors came with very thin wires. Not only these were difficult to strip, they broke very easily. After soldering them (use flux!) I used heat shrink and electric tape to make them more firm.
    NOTE: if working with soft fabric, we should use flexible thin wires! I made a mistake in using hard wires thinking they’re more firm but they end up being troublesome because they’re very difficult to bend – also, they create a rough surface.
  • Board layoutScreen Shot 2561-12-18 at 23.05.14.png
  • Code
    • be careful of which pin is which
    • serial print to test but delete the serial for responsiveness for the real code
    • here is the code (repeat for other pins)
      Screen Shot 2561-12-18 at 23.12.17.png

In-class presentation: this did not work! This was sad! My project failed to come to life during the class’s final presentation. However, this forced me to come up with a plan, if all things fail (if the sensors don’t work), which is to create random vibrations.

Key learning

  • ALWAYS SODER AND USE PC BOARDS!!! This became a huge problem as my wires got extremely complicated. I believe there were some signal errors due to the amount of wires in such a condensed space. Sensors would randomly turn on and off even though everything was plugged in the same way – I would have to restart the system by plugging and unplugging the arduino. Due to the limited time, I couldn’t rewire and solder everything. However, I tried to be as neat as possible and taped all the jumper cables together to create a firm grip.
  • Takeout from Winter Show:
    • about 70% of people understand and had the designed interaction with the piece (touch and run their hands through it very slowly). others try to listen to it, draw on it or squeeze it.


    • I find that kids are a lot more sensitive to touch than adults. they would very slowly touch and be amazed by the vibrations and sequins.


    • some comments
      • pregnant whale
      • qr code generator
      • purring cat
  • I am very pleased with how the project turned out. It was surprisingly effective in terms of getting people to slow down and pay more attention to their sense of touch, feel very sequin on the fabric and stay tuned to its vibration.
    • why does it work? I believe it is because it is on that thin line of having enough feedback to keep you engaged but not too much to determine your reaction
      • the tactile feel / vibration
        • this gives a a feeling that you are reacting to something in a very physical way. much like dipping your hand in a sack of rice, running your hand through grass or feeling a pattern on a surface.
      • the vibration
        • this gives a feeling that something is reacting to you through touch which is different from most technology. according to the users, this feels more ‘real’ and more ‘alive’ in relatively other technologies.
      • the visual feedback
        • because people are often distracted by visuals, this keeps them engaged with the piece. having something for the eyes to focus on.

To be added: video from winter show.



(testing the multiplexers)


(sensor fibonacci)

Screen Shot 2561-12-08 at 02.06.58.png

(experimenting with additional output – sounds from sonic pi)

Find Your Flow – Winter Show


‘Find Your Flow’ is a touch sensitive interactive installation that asks you to feel every pixel of its sequin surface and follow its vibration patterns until you ‘Find Your Flow’.
Our physical movement and sense of touch are a large part of our everyday perception, yet we only passively pay attention to them. By tuning into our senses, we become more perceptive of ourselves and our surroundings, and are more able to enjoy the nuances around us.
The installation tracks your movement i.e. your position and speed using a grid of FSR sensors; when you move at the right pace and in the right position for a certain period of time, the vibration stops, and the installation lets you continue on by yourself.
Mechanism: grid of 16 FSR sensors and 16 vibration motors
Material and size: sequin on soft pillow (80 wide, 15cm. high)
Additional elements: small LCD display displaying the status and direction for the installation
Keywords: touch sensitive, vibration, sequin, pixels, slow motion, movement, soft touch



Pcomp playtest and development – “FIND YOUR FLOW”



Playtesting comments



  • therapeutic
  • paper is rough, feels like papercut
  • want to go back and forth, non linear movement



  • people were more active with it (move fast)
  • need to sense motion as well, not only tilt



  • a lot of questions about hygiene
  • is this really a role for tech? or yoga?
  • what is an effective actuator in this case? most things would be distracting



  • do people really sync? we’re biologically different, my slow might not be your slow?

After playtesting the 4 ideas – touch, move, breathe, connect, it was apparent that touch was most effective in slowing people down (given the reasons above as well as the context of it being a semi-public interactive installation).

As a result I developed it further and came up with the idea below.

“FIND YOUR FLOW” – Tai Chi x Sequins

Image result for tai chi

Related image

An interactive sculpture to slow you down.

New Doc 2018-11-19 21.12.39_1.jpg

Schematics to power motors

Screen Shot 2561-11-20 at 09.43.23.png

Transistor array 2400
H bridge chip

Final Project Week 1 & 2

While there are so many fun ideas I want to do, I have chosen to work on the concept of meditation, my long time interest (I am very excited!).

Week 1 – Redirect

I’ve been thinking a lot about how to activate the meditative state – to feel a sense of calm and present. I began by observing myself and when I do feel a sense of calm. A lot of the times I would describe those moments – in terms of its environment e.g. walking in a park, being in a quiet space, playing with sand. However, to manufacture those environments i.e. create sensorial elements and create a feedback loop based on your meditative state seem more stimulating than calming. Therefore, I tried to find another commonality in those moments, which lead to breathing.

Week 2 – Decided

When exploring the concept of breathing, it became apparent to me why calming moments are so obvious – because most of the time I’m not calm! I’ve been told my multiple doctors that I don’t breathe properly, that I don’t inhale/exhale deep enough. Also, I sometimes hold my breath without meaning to. This affects the quality of blood flow in my body as well as the way I speak. Recommendations from doctors have been to take singing lessons, get speech therapy or learn to breathe properly.

Learning to breathe sounds easy but I’ve been breathing this way all my life and I’ve never had to think about it, it is extremely unnatural. It is almost impossible to do it because I never realised that I am doing it wrong.

For this reason,
I want to make a ‘Breathing Trainer’ to train myself how to breathe properly.

‘Breathe Trainer’

WHAT: a wearable which tracks your breathing

WHO: for people who have breathing problems (mostly for me)

WHEN: when you want to train your breathing, it is not to be worn all the time *it does not have to fashionable* but it has to be extremely sturdy. I want to fabricate this very well because I really want to solve this issue!

HOW: put it around your face and turn it on. it will start vibrating when you are breathing too fast or when you hold your breath.


Some resources:

Testing the possibilities:

74342.jpg 74343.jpg 74344.jpg

I also tested the sensor and the vibrating motor.


Design inspiration:

Screen Shot 2561-11-07 at 23.51.10

Screen Shot 2561-11-07 at 23.52.07

Screen Shot 2561-11-08 at 00.00.33.png

Next steps:

  1. gathering materials
  2. fabricating
    1. sensor – how to calibrate?
    2. actuator – what’s the comfortable level of vibration, is vibration the most effective actuator?
    3. band – how to make it fit + look good + sturdy?
  3. user testing
    1. is vibrating when breathing wrong the right action? should there be something when I’m breathing right? an incentive?
    2. should the data be tracked over time?

I wish to make a few to let others try too.


Halloween Midterm!


I was paired with Su He for my midterm project. We agreed to come up with ideas separately first then share them with each other. After a few days we met again. Su He was very clear that she wanted to make a game and was excited to work on the computational media part. However, I had a very vague idea of wanting to make something entertaining, very physical (off-screen) and with familiar interaction.

Su He’s idea:

Image result for crossing chicken game

At first when Su Hu showed me the game I wanted to make the exact same game into a physical game. with motors running in row of the game. This seemed too difficult. I then began sketching various ways for a person to navigate the game i.e. control the game, as well as ways to enhance the experience of the game.

Ideas for controllers:

  • dance pad – recommended by Jeff (Jeff said to think of new interactions, use uncommon sensors)
    Image result for dance pad
  • joy stick

Ideas for experience enhancers:

  • use LED to highlight game actions e.g. direction of movement, game state (game begin, level up, game over)
  • add special effects such as making the game rain candy using special buttons – Makey Makey keys e.g. pressing on halloween jelly, candies, donuts etc.Gel Charms Halloween Window Clings Black Cat and Pumpkins  Screen Shot 2561-11-01 at 10.04.01.png

By the end of week one I had sketched out the design for the game and began searching for materials.

***add photo here***



I shopped on Adafruit and found the perfect joystick – the small arcade joystick. It looks very sturdy and uncomplicated. Also, LED strips for the experience enhancements.

Small Arcade Joystick Adafruit Mini Skinny NeoPixel Digital RGB LED Strip - 144 LED/m - 1m WHITE


I began coding before the actual fabrication because I was more confident on the fabrication side.

I got the Neopixels running smoothly quite quickly. However, the joy stick, seemingly simple, took the longest time. The product came with no datasheet. It took me some time to figure out that there were 4 switches inside. It then took me more time figure out how to power 4 switches. In the end, I went to the residents and got some help.

Screen Shot 2561-11-01 at 10.42.38.png

While it was not working I also tried plan B – the potentiometer joystick.

Remark: due to the lack of time I was only able to do the lighting based on the stick input but not p5 input.


I ruined the acrylic I had found on the junk shelf. It felt like the laser cutter was being extra weak and would not cut anything on that day. I ended up using cardboard instead.

I was familiar with the materials I’d chosen (cardboard, acrylic, cork, screws). This part went by fairly quickly.


Soldering!!! I soldered for at least 1.5 hours straight. I think I felt dizzy by the end. But this was a very good practice.


This part also went smoothly, thanks to Su He. I did most of the coding on Arduino. It sends hardcoded values through the serial port to p5. These values act as controllers of the game.



Before the presentation we added music to make the game more alive and tested a few more times to be sure all the switches were working perfectly.

The finished piece:


People knew right away how to play the game.


Jeff pointed out that the LED strips can be slow to load. Arnab said to look up the FastLED library which might solve the problem – this was partly why I couldn’t get the lights to run in the background while no switches were on.

Jeff also mentioned looking up

What I wish:

More time!!! Always. Also I wish I had a better idea for the switches.

Shadow Patterns

Mounting motors! – something I failed doing a few weeks ago. What was I thinking attaching the motor to the white plastic lid … It flew off.

Screen Shot 2561-10-18 at 01.46.20.png



My first instinct was to go to the junk shelf to find what was destined to be mine. I found a functioning turntable, what a perfect object for a motor perfect! I tried taking it apart to see the mechanics inside. However, when I opened it up I was overwhelmed by all the components. After some time of trying to rewire it, I put it back in the junk shelf.



Since faith wasn’t going to decide for me, I went back to my interest, optical illusions. I saw a motor sculpture project online where multiple sheets of perforated metals were used to create / animate various patterns according to their rotations.

This reminded me of when I looked through my window, through the wire windows against the sun (in Thailand wire windows are used to filter insects). I wanted to recreate the sculpture based on the experience, as well as recreate that experience in the form of a sculpture.

Wire windows

Related image



  • x2 Stepper motors – very slow drive
  • x2 Patterned acrylic sheetsI tried sourcing available materials but perforated metals were both too expensive and difficult to work with. Also, it would give a negative pattern effects ( holes will be dark). So I went with acrylic.Image result for perforated metal sheet
  • x2 Cork base
  • x2 Standing sticks (acrylic)
  • x4 Screws
  • x2 Arduino and jump wires
  • x2 Power supply
  • x1 Super glue (for acrylic)


  • TEST MATERIALMVIMG_20181013_214435.jpgline_1539789653095.jpg


Spray glue is better


Always use callipers


Test them holes

Screen Shot 2561-10-18 at 07.58.47.png Screen Shot 2561-10-18 at 07.58.37.png

Screen Shot 2561-10-18 at 07.58.18.png



Finished work



MVIMG_20181018_000858 2.jpg

00100dPORTRAIT_00100_BURST20181018001511510_COVER 2.jpg


Generally I feel a lot more confident in making things and trying different materials and tools. This class has been one of the most fun classes and closest to my interests for me. I am inspired by a lot of examples given in class and on the blog and I hope to reach that point in craftsmanship and precision in the future!



Ideally this week we should take our existing project and polish its finish i.e. make a project enclosure. However, I do not have a project to enclose! As a result, I embarked on an exploration of my long time curious topic ‘persistence of vision’. There are many ways to illustrate the concept of persistence of vision but I chose the spirographs as the content. Why? Because they’re fun! Everybody can participate! And they have an algorithmic pattern which animate seamlessly regardless of the strobe light (as long as the pattern matches the light frequency).
BUT! The project required a lot of precision and testing so I had to save it for another time!
I then took a look around me and found empty Altoid tins and those became my focus.
If you get rainbows, you get free Altoids!
The original design (VERTICAL)
I started drilling and attaching components only to find that my breadboard cannot fit as the switches took up too much space.
The later design (HORIZONTAL)
I used the drill press to make the holes for the switches and the nibbling tool to cut the side for the power cable. Having an enclosed box makes it very easy put everything together (it just fits!).
My key learnings.
  1. The big drill bits can bend the tins
  2. The bid drill bits leave a lot of scraps on the surface
  3. Stick the wiring to the lid! Otherwise the wire will come off
  4. The object itself contains a lot of equity i.e. personality – using something familiar to people can make the thing itself more friendly
  5. Keeping some original parts make the object more familiar – i kept the inside paper of the Altoids