iPhoneでjQueryをつかってシェイクジェスチャー(振る操作)を検出するサンプル
Tweet
便利そうなサンプルコードを見つけたので、自分のメモ代わりに紹介させていただきます。
いつも素敵な情報を提供してくれる「かちびと.net」さんに、iOSでjQueryをつかってシェイクジェスチャー(iPhoneを振る操作)を検出するサンプルというのがありました。
→ かちびと.net iOS4.2+ / モバイルSafariの「振る動作(シェイクジェスチャー)」をjQueryを使って検知する [kachibito.net]
利用しているgShakeというライブラリは、GitHubで公開されています。
→ GitHub GerManson/gShake [github.com]
公開されているデモも試してみましたが、きちんと動作するようです。
なお、jQueryを使わないべた書きのサンプルはこちらにあります。
→ KAYAC DESIGNER’S BLOG iOS4.2のSafariから追加された加速度センサーでシェイクジェスチャを作る [design.kayac.com]
これを使えば何か面白いものが作れるかもしれません。
興味のある方はチェックしてみてはどうでしょう。
関連:
- iOS4.2から実装されたというJavaScriptの加速度センサーAPIを試してみました
- iPhoneでJavaScriptを使わずCSSだけでアニメーションする方法
- 90秒で理解するiPhone JavaScript(マルチタッチ編)
7月 10th, 2011 at 8:01:52
[…] り広げられてきましたけど、いざ犬猿の仲になった両社の間の溝は、とうとう埋めがたき亀… iPhoneでjQueryをつかってシェイクジェスチャー(振る操作)を検出するサンプル | ke-tai.org […]