iOS Touch Visualizer

 Visualize Touches, Pans and Long Presses

I was working on a project with my co-founder this weekend and my task was to record a simple video that helps onboard users. One of the concepts we are using in our app is something we call Full Screen Gesture Controls. These are similar to what was demonstrated by Matthaeus Krenn in his New Car UI Video. In his video, he was able to physically show you his fingers moving across the screen, but what if you’re doing a live demo and people can’t see your hands?

That’s where Touch Visualizer comes in as an way to visualize three types of interactions with the screen.

  1. Touches: Visualized by a circle which expands and fades out
  2. Pans: Visualized by a circle with contracts and fades out into a tiny dot
  3. Long Presses: Visualized by a morphing circle

You can also customize the colors of the fill, stroke, opacity and fade out duration. Here is a demo of what it looks like:

The source code is available form our repo at Conopsys and the library is also available via CocoaPods.

 
68
Kudos
 
68
Kudos

Now read this

The www.gitignore.io Update

In November, Adam Roben (@aroben) went on a mass pull request spree merging hundreds of gitignore templates into GitHub’s master repository. Finally! Before he combed though 100’s of pull requests, it seemed like nobody was maintaining... Continue →