How to animate a line the same way the wave-like effect that Siri's shows?

ios bezier
Skiny picture Skiny · Nov 4, 2013 · Viewed 15.7k times · Source

I would like to create this sound/sin wave that looks like the dynamic audio wave Siri in iOS 7 has:

1

2

3 4

I know how to create and animate UIBezierCurve sin shape and I googled a lot, but I haven't found and have no idea how to achieve this effect.

The line starts flat, than waves and ends flat. I'm not woking with any sound file(s), just the effect of random waving would suffice.

Answer

CSolanaM picture CSolanaM · Jul 11, 2014

Maybe you could try the SCSiriWaveformView's library for iOS, based on OSX's SISinusWaveView:

https://github.com/stefanceriu/SCSiriWaveformView

Related questions

Drawing Smooth Curves - Methods Needed

How do you smooth a set of points in an iOS drawing app WHILE MOVING? I have tried UIBezierpaths but all I get are jagged ends where they intersect, when I just shift the points 1,2,3,4 - 2,3,4,5. I have heard of …

Read More
Why is UIBezierPath faster than Core Graphics path?

I was playing around with drawing paths, and I noticed that in at least some cases, UIBezierPath outperforms what I thought would be a Core Graphics equivalent. The -drawRect: method below creates two paths: one UIBezierPath, and one CGPath. The …

Read More
Find the tangent of a point on a cubic bezier curve

For a cubic Bézier curve, with the usual four points a, b, c and d, for a given value t, how to most elegantly find the tangent at that point?

Read More