Monacaで絵巻アプリを作りたい

Question

###前提・実現したいこと
・右から左へ横スクロールする、昔話の絵巻物アプリをフルスクリーンで作成したいです。
・画像は数十枚に分けてつなぎあわせ、スクロール直前に読み込まれるようにしたい（遅延読み込み）
・画像は機種ごとに用意するのではなく同じ画像をCSSで縦横100％指定して使い回したい
・スクロールはゆるやかに減速する気持ちのよいものにしたいです。
・画像の要所要所でタップするとその部分の絵が動いたり（GIFアニメを重ねる）、音が鳴ったりするようにしたい

これを実現するのに最適な、Jqueryのプラグインの組み合わせがあればご教示いただきたいです。
Jqueryでなくても、他に最適なやりかたがあればなんでも構いません。
以前objective-Cで作成したiPadアプリを公開していましたが、
諸事情によりMonacaのハイブリッドアプリで作成し直したいと思います。
ざっくりした質問で恐縮ですが、なにとぞよろしくお願い申し上げます。

Answer 1

要件そのままのプラグインは知りませんが、いくつか可能性がありそうなものを。

---

タイルマップ（GoogleMapsのようなインターフェイス）のライブラリなら近い動きが出来そうな気がしますが、高機能な分 設定できる（しなければならない）箇所が多いと思います。

【Extending Leaflet, New Layers - Leaflet - a JavaScript library for interactive maps】
http://leafletjs.com/examples/extending/extending-2-layers.html

---

特定位置までスクロールした際にイベントを起こすライブラリを駆使すれば遅延読み込みや表示イベントも実装できるでしょう。（例示したのがパララックスなので解りにくいかもしれません）

【横スクロールパララックスを表現するjQueryプラグイン「jInvertScroll.js」 | mororeco】
http://morobrand.net/mororeco/jquery/jinvertscroll/

---

タッチやスワイプ、遅延読み込みのみライブラリで処理して、あとは自前で書くとか。

【マウスホイールに動きで横にスクロールの横長ページを作成する【jQuery連載16】 | HTML5でサイトをつくろう】
http://www.html5-memo.com/jquery-tips/jquery16/

Comments

[wataco]

ご教示ありがとうございます！！
サイトを拝見しましたが、自分には少し難しかったので、
改めて具体的な質問ができるよう、さらに調べます。
今のところ「SLY」というライブラリが一番実現に近いような気がしますが、
遅延読み込みや画像サイズやタップ位置の取得などまだどうすればいいのかわからず、
試行錯誤しつつ頑張りたいと思います。
どうしても難しいときは、またよろしくお願い申し上げます。
ありがとうございました。