Content-Length: 127522 | pFad | https://b.hatena.ne.jp/bufferings/20101117
ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（ジェスチャー編）
90秒で理解するiPhone JavaScript（ジェスチャー編） Tweet 2008/7/30 水曜日 matsui Posted in iPhone | 1 Comment » 先日のマルチタッチ編に続き、今回はジェスチャー編になります。 対象を拡大縮小したり、回転させたりするには、座標を取得して自分でガリガリ計算しないといけないと思っていたのですが、どうやら「gestureXXX」イベントを使えばそんな必要がないということを知りました。 → 参考 [iphone.wikiwiki.jp] というわけで、今回はgestureイベントの使い方をまとめてみます。 ジェスチャーのイベントには次の3つがあるようです。 gesturestart gesturechange gestureend それぞれ、ジェスチャー開始時、ジェスチャー中、ジェスチャー終了時にイベントが発生します。 使い方は
ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（マルチタッチ編）
90秒で理解するiPhone JavaScript（マルチタッチ編） Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事でiPhone向けサイトを作ることになるかもしれず、色々と調査中です。 まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。 ここまでわかったことをメモ代わりに記載したいと思います。 今回はひとまず座標の取得までです。 ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。 マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難 タッチのイベントは、リスナーまたは「onTouchXXX」から取得 タッチ数は「event.touches.length
【ハウツー】iPhoneゲーム自作工房6 - ひとりで壁に向かってボールを打ち続けるゲーム (2) touchmoveイベントとボールの処理 | パソコン | マイコミジャーナル
イベントの設定とパッドの移動 パドルの移動はiPhone専用のイベントであるtouchmove(タッチムーブ)イベントを使います。パドルだけにこのイベントを適用することもできますが、それでは操作が難しくなってしまうので、画面全体(ドキュメント全体)にtouchmoveイベントを設定します。このようにすると画面のどこでもタッチした指を動かすだけでパドルを操作できるようになります。 touchmoveイベントが発生したらデフォルトのイベントを禁止します。これは、touchmoveイベントが発生するとイベントによりSafariの画面全体がスクロールしてしまうのを防ぐためです。これはevent.preventDefault();とすることでデフォルトのイベントを禁止することができます。 タッチしたX座標を新たなパドルの座標値とします。padW / 2というのはパドルの幅を2で割っているのですが、こ
iPad の Safari で動作するマルチタッチ対応お絵描きソフトを作ってみた
iPad の Safari で動作するマルチタッチ対応お絵描きソフトを作ってみた はいこんにちはー。お久しぶりです。珍しくフロントエンド側のネタで記事を書いてみます。 今回は革新的で魔法のようなデバイスであるところの iPad を使って、マルチタッチ対応お絵描きソフトを作ってみました。 iPad を持っていない人でも見れるように YouTube にビデオをアップロードしてみました。 実際のデモ (PC ブラウザでは動作しません。 Android でも動くかも？) ソースコード <!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=n
iPad向けのウェブサイトづくり - something surprise
iPadを入手してから、iPad向けのwebサイトを作ってみようと思い立って、ちょっと手を動かしてみた。 まず作ってみたのはもぐらたたき的なやつ。まるいのが次々出てくるのでひたすらタップしていきましょう。 http://hirashi.mydns.jp/ipadtest/ あまりゲーム性を考えていないんですが、表示範囲外に丸いのを逃がし続けてるとゲームオーバーになります。ので、なるべく逃がさないようにもくもくとタップしていきましょう。ずっとやってると画面が指紋だらけになります。ｗ iPad実機のほか、Win/MacのSafariでのみ動きます。 iPad向けのソフトウェア開発というと、真っ先に思い浮かぶのはアプリなわけですが、開発するのにMac＋OSX最新版が必要だわ、AppStoreに入れるにはアップルの審査が必要だわで、参入障壁がそれなりに高いわけです。一方iPad向けウェブサイトであ
iPad用のサイト作成に覚えておくこと色々:phpspot開発日誌
Technical Note TN2262: Preparing Your Web Content for iPad appleのサイトにiPad用のサイト作成準備のためのページが上がっていました。 USの発売日に３０万台発売ということで、日本でもそれなりに売れることが予想出来ますが、今後iPad用にページを最適化する場合に覚えておくとよさそうです。 メモついでにご紹介。 UserAgent UAはiPadが入ってWebKitベースなので、AppleWebKit となるみたいです。 Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10 プラグインは使わない Fla
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: https://b.hatena.ne.jp/bufferings/20101117
Alternative Proxies:
iPhone向けホームページ開発 [iPhone生活]