(picture)

May 01, 2003

Easing equations

Robert Penner has a great set of "easing equations", aka "slow-in-slow-out" (SISO) tweening animation curves, implemented in Flash ActionScript. My favourites: sine, and elastic. These are a really useful part of a smooth-UI kitbag, even though they add a little latency. (via moock)

I used a similar technique for the drag-response mechanism in PinBoard. Pinboard is realtime-persistent-multi-user (of course), so other people can move notes around while you're using the board (or even move or resize a note while you're editing it), and SISO dramatically helps to avoid "losing" your notes: the movement begins and ends slowly enough for you to notice.