Smooth transition algorithm

Question

I 'm looking for some way to do a smooth transition between two point.

I'm think there a couple of well known mathematical way to do this but I cannot find anything with google.

I think not linear approach make things more interesting.

Scenario
Suppose I have a value A and I want to go from value B, I want to figure out how to do this transition smoothly ...
The purpose it to implement this algorithm in a program that set the display brightness It would be nice to start slow, increase and the decrease again.

Note : the values I'm using are float with 1 decimal, for ex. 50.1, 50.2

Algorithm? Just use one of many known function, for example, exponential... — Alexander R.
– Alexander R., Commented Mar 27, 2015 at 5:10
what do you mean smoothly, what intervals do you want to set? For me smooth would be just taking the euclidean distance between those 2 points, and then bumping the value by (B-A)/distance every "1" measurement step. On the other hand if you have information about other parts of the plane you could probably interpolate the values between A and B using one of many interpolation algorithms. All depends on your requirements. Another option would be to use a simple gradient. — Mateusz Dymczyk
– Mateusz Dymczyk, Commented Mar 27, 2015 at 5:12

coderkevin · Accepted Answer · 2015-03-27 05:20:55Z

2

I think "easing" is the term you're looking for. This is handled in many UI platforms for you, especially on the web or flash. For smooth easing transitions, look for ones that use a sine wave. Here's a great page with mouse-over animations of different easing patterns:

http://easings.net/

Also, here's a blog post with some javascript code on how you could implement this yourself:

http://www.smashingmagazine.com/2011/10/04/quick-look-math-animations-javascript/

Good luck!

answered Mar 27, 2015 at 5:20

coderkevin

3591 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Smooth transition algorithm

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related