Tilt-N-Tint

You paid for all the features of your phone, why should you not use them? Introducing Tilt-N-Tint! The web widget which uses every sensor on your phone to dynamically draw and create unique patterns!

Comment

Inspiration

The inspiration was a ball rolling in a zen garden. The way that it traces out beautiful patterns if very fun and relaxing to us, so we decided to implement that idea into our project

What it does

Uses various sensors on your phone to craft a unique and interactive pattern, which is adjustable by the user

  • The camera is used to determine the color of the ball
  • The microphone audio level is used to determine the size of the ball
  • The tilt of the phone is used to determine the motion of the ball

How we built it

Using Flask, JS, HTML, and CSS, we built a website which is hosted on a server, but runs entirely locally to your device.

Challenges we ran into

  • Learning how to develop for the web
  • Javascript weirdness
  • iOS has very ahem ... unique Javascript interaction

Accomplishments that we're proud of

  • The end product feels polished and fun to use
  • It uses many features of the phone

What we learned

  • Javascript
  • Flask
  • HTML
  • CSS

What's next for Tilt-N-Tint

  • Adding more shapes
  • iOS support
  • Sound and vibration
  • Particles
  • Making the object a soft body
Share this project:

Updates