public/js/mouseblob.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

"use strict";

window.onpointermove = function (event) {
  var pageX = event.pageX,
    pageY = event.pageY;
  var momentumX = pageX + pageX - blob.offsetLeft;
  var momentumY = pageY + pageY - blob.offsetTop;
  blob.animate({
    left: "".concat(momentumX, "px"),
    top: "".concat(momentumY, "px")
  }, {
    duration: 1500,
    fill: "forwards"
  });
  blob.animate({
    left: "".concat(pageX, "px"),
    top: "".concat(pageY, "px")
  }, {
    duration: 500,
    fill: "forwards"
  });
  blob.style.left = "".concat(pageX, "px");
  blob.style.top = "".concat(pageY, "px");
};