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

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

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

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

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

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

コメント:0

コメント投稿

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

この情報を記憶する

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

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

このページの先頭へ戻る