zingtouch

JavaScript

タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」

Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー機能をカスタマイズできるJSライブラリです。近年、スマホの普及率は急速に伸びています。もはや2台持ちの人も少なくありません。小さなパソコンを持ち歩いているようなものです。しかし、パソコンと決定的に違うのは、指先ですべてが完結することでしょう。指先といえども、その操作にはタップや長押し(ロングタップ)など様々なものがありますが、Zingtouchはそれらを完全にカスタマイズできます。

zingtouch

デモ

まず、このZingtouchのデモページはタッチ対応のパソコンでない限り、スマホ・タブレットでご覧になってください。2本の指で操作しなければ確認できないものがあるためです。

  1. タップ(画面を指先で1回軽く叩く)
  2. ローテート(画面を2本の指先で回転させる)
  3. ピンチ(2本の指でつまむように操作する)
  4. ピンチアウト(2本の指の間隔を広くして拡大させる)
  5. パン(画面から指を離さずなぞる)
  6. スワイプ(画面に触れ、その指先を高速でスライド)

基本的な操作もありますが、これらはすべてカスタマイズが可能です。

例えば、タップは「ジェスチャーの開始と終了をミリ秒単位で測定/2本の指でタップすれば反応するという条件付け」。ローテートは、「右に回せば時計回り、左に回せば反時計回り」などがあります。

身近なアプリでいえば、Googleマップでローテートをすれば、地図が回転します。社会現象になりつつある、ポケモンGOでは、スワイプのスピードでモンスターボールの飛距離が変化します。

zingtouch

関連記事

  1. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

  2. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  3. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  4. Responsive 3d Fold Scroll
  5. jQuery liMarquee
  6. no-image

    JavaScript

    チェックボックスをアニメーショントグルにする「jquery-simpletoggler」

    jquery-simpletogglerは、デフォルトのチェックボック…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP