JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/jonobr1/two.js/master/build/two.min.js"></script>
<body></body>

JavaScript

var two = new Two({
            fullscreen: true,
            autostart: true
          }).appendTo(document.body);

          Two.Resoultion = 32;

          var delta = new Two.Vector();
          var mouse = new Two.Vector();
          var drag = 0.1;
          var radius = 25;
		  var shadow = two.makeCircle(two.width / 2, two.height / 2, radius);
		  var ball = two.makeCircle(two.width / 2, two.height / 2, radius);
		  ball.noStroke().fill = 'green';shadow.noStroke().fill = 'rgba(0, 0, 0, 0.2)';          shadow.scale = 0.85;

        function moveRubberBall() {
					
          shadow.offset = new Two.Vector(- radius / 2, radius * 2);

          _.each(ball.vertices, function(v) {
            v.origin = new Two.Vector().copy(v);
          });

          mouse.x = Math.floor((Math.random() * 1000) + 1);
          mouse.y = Math.floor((Math.random() * 600) + 1);
          shadow.offset.x = 5 * radius * (mouse.x - two.width / 2) / two.width;
          shadow.offset.y = 5 * radius * (mouse.y - two.height / 2) / two.height;

          two.bind('update', function() {

            delta.copy(mouse).subSelf(ball.translation);

            _.each(ball.vertices, function(v, i) {

              var dist = v.origin.distanceTo(delta);
              var pct = dist / radius;

              var x = delta.x * pct;
              var y = delta.y * pct;

              var destx = v.origin.x - x;
              var desty = v.origin.y - y;

              v.x += (destx - v.x) * drag;
              v.y += (desty - v.y) * drag;

              shadow.vertices[i].copy(v);

            });
            ball.translation.addSelf(delta);
            shadow.translation.copy(ball.translation);
            shadow.translation.addSelf(shadow.offset);
			
          });
      }
      var auto_refresh = setInterval("moveRubberBall()", 1000);