Create client side animatable vectors

[GoogleCodeExporter]

It would be nice to have smooth animations where the client side does most of 
the of the computing. Server side should only pass "keyframes" and the browser 
should interpolate as many frames at it can (or is sane).

Use case: replaying e.g. a route of a car from GPX file.

PointVector would be the most obvious starting point. AnimatedPointVector could 
then also have configurable "tail" to better visualize the movement (speed and 
direction).

Original issue reported on code.google.com by matti.ta...@gmail.com on 23 Mar 2012 at 3:13

[GoogleCodeExporter]

Here is a quickly drafted starting point of what I had in mind. I created it 
with GWT's Animation class. Lots of things to polish and improve.

Some things that should be done:
 * the vector should not become visible until the first  key frame is met (e.g. start multiple animations but some of them appear during the "show")
 * "tail" with configurable length
 * ensure styles work correctly

Some more optional stuff
 * timestamps so that they could be real epoch stamps and server side would then pass also start time for animation and also speed multiplier (e.g. make animation with 20x speed for what it really was)

Original comment by matti.ta...@gmail.com on 23 Mar 2012 at 3:20

Attachments:

• AnimatedPointVector.diff

[GoogleCodeExporter]

Using the sample class I have improved it a little bit. 
1) you can choose the type of animation (point, line or snake)
2) you can define the total animation duration or the single step delay

This is not yet the final release, this is what I'm going to do:
1) Add marker animation
2) Duration and delay behavior could change in the next release
3) timestamps and speed player

Original comment by giancarl...@gmail.com on 28 Mar 2012 at 9:10

Attachments:

• animatedvector.diff