Webサイトのデザインにおいて、マウスカーソルの動きに合わせてふわっと追従する「マウスストーカー」は、ユーザーに心地よい操作感を与える人気の演出です。 しかし、この実装を誤ると、カーソルの動きがカクついたり、CPU使用率が跳ね上がったりして ...

HTML5のCanvasという機能と、JavaScriptのrequestAnimationFrameを使って簡単なアニメーションを実装してみました。 壁と円の衝突判定も実装してます。