トップ > HTML5 | JavaScript > [HTML5 canvas] マウス座標に追尾するオブジェクト処理

[HTML5 canvas] マウス座標に追尾するオブジェクト処理

前回の雪が降るアニメーションサンプルで、少しマウス座標に絡む処理を追加してみたのだが、Flash でも定番なマウスカーソルに追従するオブジェクト処理のサンプルを作ってみた。

⇒サンプルを見る(別ウインドウ)

ただ純粋に追尾するだけではなく、少し慣性の動きを加えてアニメーションさせてみた。この辺のパラメータは毎回ページを更新する度にランダムで設定しているので、何度か更新しつつサンプルを見てみると良いかも。

この記事をブックマークしておく

コメント:0

コメント投稿

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

この情報を記憶する

トラックバック:0

この記事のトラックバックURL
http://god.xsrv.jp/__mt/mt-tb.cgi/1727
トラックバックを受ける記事
[HTML5 canvas] マウス座標に追尾するオブジェクト処理 from 1ka2ka.com Flash & Action Script

トップ > HTML5 | JavaScript > [HTML5 canvas] マウス座標に追尾するオブジェクト処理

記事検索
カテゴリ
RSSフィード

このページの先頭へ戻る