summaryrefslogtreecommitdiffstats
path: root/dirty.html
diff options
context:
space:
mode:
authorSaivan <savian@me.com>2018-06-01 21:48:09 +1000
committerSaivan <savian@me.com>2018-06-01 21:48:09 +1000
commit39cd3a29e2c8dc494a7cffa610c33f5b62995841 (patch)
tree93ce09fbaec7a2b070208c2a5de2e029ec1f47b4 /dirty.html
parentb27370f0cad27cb83d16ebacb42b4a472d1709b2 (diff)
downloadsvg.js-39cd3a29e2c8dc494a7cffa610c33f5b62995841.tar.gz
svg.js-39cd3a29e2c8dc494a7cffa610c33f5b62995841.zip
The timelines continue function requests a step animation frame
Diffstat (limited to 'dirty.html')
-rw-r--r--dirty.html8
1 files changed, 4 insertions, 4 deletions
diff --git a/dirty.html b/dirty.html
index f6ff65d..09438cb 100644
--- a/dirty.html
+++ b/dirty.html
@@ -97,7 +97,7 @@ function getColor(t) {
SVG.defaults.timeline.ease = '-'
var r = new SVG.Runner(1000)
-var t = new SVG.Timeline().pause()
+var t = new SVG.Timeline()
r.schedule(t, 200)
.animate(500).loop(5, true, 100)
.animate(600, 200, 'absolute')
@@ -116,8 +116,8 @@ schedule.forEach((s, i) => {
s.runner.element(rect)
.attr('fill', getColor(i*0.1))
- if (i===0)
- s.runner.during(console.log)
+ // if (i===0)
+ // s.runner.during(console.log)
})
var mover = canvas.line(100, 100, 100, 300).attr('stroke', 'black').clone()
@@ -127,7 +127,7 @@ t.on('time', function (e) {
mover.x(100 + e.detail/10)
})
-t.play()
+
console.log(schedule)
// var bla = SVG('<rect>').size(0, 0).move(200, 200).addTo('svg')