fixed lots of bugs in the timeline. Its now working as expected in all cases.

- refactor code into functions
- handle timeSource correctly
- allow for immediate updates
- Runners dont know about their delay anymore. Thats far more simple.
- Timeline is paused on creation

1 files changed, 9 insertions, 0 deletions

diff --git a/dirty.html b/dirty.html
index 9380cf5..decb180 100644
--- a/dirty.html
+++ b/dirty.html
@@ -145,6 +145,8 @@ schedule.forEach((s, i) => {
   //   s.runner.during(console.log)
 })
 
+// t.play()
+
 var mover = canvas.line(100, 100, 100, 300).attr('stroke', 'black')
 mover.clone().insertAfter(mover)
 canvas.line(100, 300, 800, 300).attr('stroke', 'black')
@@ -202,6 +204,13 @@ SVG('button[name="reverse"]').on('click', () => {
 })
 
 
+canvas.rect(100, 100).on('click', (e) => {
+  e.target.instance.animate().move(Math.random()*1000, Math.random()*750).timeline().on('finished', () => {
+    console.log('rect finished')
+  })
+})
+
+
 console.log(schedule)
 
 // var bla = SVG('<rect>').size(0, 0).move(200, 200).addTo('svg')