【JavaScript/p5.js/anime.js】canvas上をtoutchEvent(なぞる)遷移するタロットカードsample(サンプル)

【p5.js/anime.js】canvas上をtoutchEvent(なぞる)で遷移するタロットカードsample(サンプル)

【p5.js/anime.js】canvas上をtoutchEvent(なぞる)で遷移するタロットカードsample(サンプル)

サンプルデモはこちら

【JavaScript/p5.js/anime.js】canvas上をtoutchEvent(なぞる)遷移するタロットカードsample(サンプル)

【JavaScript/p5.js/anime.js】canvas上をtoutchEvent(なぞる)遷移するタロットカードsample(サンプル)

・なぞって、描き始め位置まで戻ったらページ遷移(ここではモックのため同じdemoページに遷移しています)
・上下10pxまでを「戻った」として判定
p5.jsanime.jsを利用
Modernizrでサポート状態判定

TODO
・描いている途中もう一回touchStart走ると遷移するのを修正
・未サポートの場合のクロスブラウザ対応

GitHub

(Visited 1 times, 1 visits today)