Added rewindPick boolean parameter to animate() currently at the end but will move to the rewind parameters for ZIM 019.
This is quite an interesting addition as it allows series animations without using series.
For instance, using a props of {x:series(100,200,300,400)} with rewindPick and loopPick, it will animate to 100, then rewind to 200 then loop to 300 then rewind to 400 and loop to 100, etc. Setting the loopCount to 1 would stop the animation at 400.
Setting a property value to an array would animate randomly to those values.
Setting a property value to a series({min:100,max200}, {min:200, max:400}) would be like a wiggle about 200.
Do not use with a normal property as that would animate to the property then rewind to the same property, etc. and it would seem like the animation went once. Also, will not work with from set.
// animate across colors
const colors = series("#f0f","#0f0","#00f","#f00","#ff0").mix();
new Rectangle(W,H,colors)
.addTo()
.animate({
time:2,
props:{color:colors},
loopPick:true,
rewindPick:true
});
See https://codepen.io/zimjs/pen/xbGoEZx for an example