1 files changed, 37 insertions, 26 deletions
diff --git a/dirty.html b/dirty.html
index 1708b0d..139b5d9 100644
--- a/dirty.html
+++ b/dirty.html
@@ -160,13 +160,19 @@ function getColor(t) {
 //   ])
 // })
 
-// var mover = SVG('<ellipse>').size(50, 50).center(100, 100).addTo('svg')
-// var anim = mover.animate(new SVG.Spring(500, 10)).move(500, 500)
-//
-// SVG.on(document, 'mousemove', function (e) {
-//   var p = mover.point(e.pageX, e.pageY)
-//   anim.center(p.x, p.y)
-// })
+var mover = SVG('<ellipse>').size(50, 50).center(100, 100).addTo('svg')
+var anim = mover.animate(new SVG.Spring(500, 10)).move(500, 500)
+
+let date = +new Date
+SVG.on(document, 'mousemove', function (e) {
+  if (+new Date - date > 50) {
+    date = +new Date
+  } else {
+    return
+  }
+  var p = mover.point(e.pageX - 1000, e.pageY - 1000)
+  anim.transform({px: p.x, py: p.y})
+})
 
 // var timeline = new SVG.Timeline().pause()
 // var runner = new SVG.Runner(100000)
@@ -198,26 +204,31 @@ function getColor(t) {
 // r.step(-300) // should be 0.9s
 
 
-var timer = 0
-let rec1 = SVG('<rect>').addTo('svg').size(100, 100)//.transform({translateX: -50, translateY: -50})
-rec1.timeline().source(() => {
-  timer += 1
-  document.querySelector('#absolute span').textContent = timer
-  return timer
-})
+// var timer = 0
+// SVG('svg').viewbox(-300, -300, 600, 600)
+// let rec1 = SVG('<rect>').addTo('svg')
+//   .size(100, 100)
+//   //.transform({translateX: -50, translateY: -50})
+// rec1.timeline().source(() => {
+//   timer += 2
+//   document.querySelector('#absolute span').textContent = timer
+//   return timer
+// })
+
+// var runner = rec1
+//   // .animate(100).attr('fill', '#fff')
+//   //.animate().transform({rotate: -45, origin: [50, 50]})
+//   .animate(200)
+//   .transform({
+//     rotate: 320,
+//     origin: [200, 200],
+//   }, true)
+//
+//   rec1.animate(150, 150, 'absolute')
+//     .transform({
+//       scale:2
+//     })
 
-var runner = rec1
-  // .animate(100).attr('fill', '#fff')
-  //.animate().transform({rotate: -45, origin: [50, 50]})
-   .animate(500)
-  .transform({
-    rotate: 90,
-    origin: [50, 50],
-  })
-  .animate(200, 0, 'absolute')
-  .transform({
-    scale:2
-  })
   // .animate(500, 0)
   // .transform({scale:2})
   // .transform({rotate: 360}, true)