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

2011.07.08

SINAPの柿内です。

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

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


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

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

cb_qr.jpg

全画面で表示

この記事をシェアする