I am thinking of any good and verified algorithm for gradually slowing down object approach on a website.
On my website, I wish to introduce new objects, and they should come from the outside of the screen to their desired position. However, I do not wish them to come in constant speed, but I wish them to gradually slow down, until they finally stop at the desired position.
This should add softer feeling from the webpage.
Is there any good algorithm available, that will work well, regardless the distance between the original and destination points of the objects?
This is known as “easing”, and most animation frameworks have support for it. If you can use something like ExtJS, or jQuery, you’ll get easing support for free for your animations. If you are doing things manually, then adding in easing is not that difficult.
I was pretty fond of these easing implementations, which are written in ActionScript but trivially ported to JavaScript. I incorporated them into my game engine with great success. And here is a good demo page showing the same easing functions in action.