いくつかのimageのマルチドラッグの方法について

質問

いつもお世話になっております。PCでも、スマホやタブレットでも使える教材を作ろうと、html5＋javascriptの勉強をしている毎日です。

実験的に、imageをマウスまたは指でドラッグするコンテンツを作りました。
以下のページの冒頭にあります。

http://www.ttn.ne.jp/~hidenaka/
コインのドラッグ(1枚)、コインのドラッグ(4枚)

コインを１枚ずつドラッグさせることはできるのですが、スマホやタブレットでは、マルチタッチイベントを利用して、２本以上の指で、２枚以上のコインを、同時に、しかも別々に「マルチドラッグ」させるにはどのようにコードを書けばよいでしょうか。
方法があれば教えてください。
どうかよろしくお願いいたします。

回答No.1

sanzero

自前実装は大変と思います。
こういうライブラリを使ってはいかがでしょうか。
http://interactjs.io

お礼

早速のご回答ありがとうございます。
ただ、そういったライブラリは、便利かもしれませんが、私は今まで使用したことがないので、今の段階では、ライブラリを使用しない方法で解決をしたいと思っております。どうかお力添えお願いいたします。