JavaScript-如何使用HammerJS拖放3D透视转盘

Question

我通过遵循https://www.sitepoint.com/building-3d-rotating-carousel-css-javascript/

来创建3D透视转盘

现在，我已经使用HammerJS创建了带有滑动事件的轮播。但是我想通过拖拽来做更多的事情。

const myCarousel = document.getElementById("my-carousel");
var hammerjs = new Hammer(myCarousel);

// Swipe
hammerjs.on('swipeleft swiperight', function(ev) {
  if (ev.velocityX > 0) {
    currImage++;
  } else {
    currImage--;
  }
  rotateCarousel(currImage)
});

// Pan
hammerjs.on('panmove panleft panright panend', function(ev) {
  console.log(ev);
});

https://jsfiddle.net/jaytecnical/5b7jkg06/

现在，我对DeltaX计算有所了解，但是我不知道从哪里开始。

有帮助吗？