ここまでできる! HTML5 Canvasで作るアニメーション- iPhoneの傾きと組み合わせてみる -

| | コメント(0) | トラックバック(0)
このエントリーを含むはてなブックマーク Buzzurlへ追加 livedoorクリップへ追加 Yahoo!ブックマークへ追加 ニフティクリップへ追加 add to del.icio.us add to Digg add to Reddit
Share on Tumblr RE twetter

SINAPの柿内です。

ここまでできる! HTML5 Canvasで作るアニメーション(衝突編)でつくったアニメーションを、少しだけバージョンアップしました!

前回はブログに表示させる為に、幅を固定していますが、今回は全画面表示されます!


とまあそれだけじゃ面白くないので、iPhoneで見た時には傾きを検知し、デバイスを傾けた方にボールが落ちる様にしました。なんとか以前からいっていたインタラクティブなものをつくる事ができました。

PCで見てる方はQRコードをクリック、iPhoneの方はQRコードをつかってご覧下さい。
なお、iPhoneで見る方は画面の回転を固定して見て頂く事を推奨します。
(Android端末の方は、、、すいません。傾き検出は実装してません。全画面でのアニメーションをお楽しみください。)

cb_qr.jpg

全画面で表示


トラックバック(0)

このブログ記事を参照しているブログ一覧: ここまでできる! HTML5 Canvasで作るアニメーション- iPhoneの傾きと組み合わせてみる -

このブログ記事に対するトラックバックURL: http://blog.sinap.jp/cgi-bin/mt/mt-tb.cgi/305

コメントする