Вращение 3D модели. Проблема с рывками

Пытаюсь решить проблему с трансформацией и скачками во время передачи данных. https://jsfiddle.net/nevolgograd/v4ac3g7w/9/

Куб крутится при зажатом Alt + левая кнопка мыши. Движение происходит за счет трансформации поворотом на pageX и pageY мыши, относительно центра экрана. Все работает почти замечательно до тех пор, пока я не отпускаю одну из кнопок и не перемещаю мышь в другую точку. Координаты мыши меняются, данные передаются в transform: rotate и куб совершает этот безумный разворот. Как этого избежать? Проще говоря, каким образом задавать новый центр координат при каждом щелчке мыши?

$("body").mousedown(function(event) {
  if(event.which == 1 && event.altKey) { moving = true; } 
  if(moving) {
    $(document).mousemove(function(event){
      var width = document.documentElement.clientWidth,
          halfWidth = document.documentElement.clientWidth/2,
          eventX = event.pageX - halfWidth,
          height = document.documentElement.clientHeight,
          halfHeight = document.documentElement.clientHeight/2,
          eventY = event.pageY - halfHeight;
      $('#cube').css({
        'transform':'rotateX(' + -eventY +'deg) rotateY(' + eventX + 'deg)'
      })
    });
  }
});
$('body').mouseup(function(event){
  if(event.which == 1 || event.altKey == false) {
    moving = false;
    $(document).off("mousemove");
  }
});