マウスカーソルに追従するあれを作ってみた
こんにちわ、ななきです。
今日はクリスマスイブらしいですね
クリスマスイブなのでおしゃれなサイトでよく見るマウスカーソルについてくるあれ作ってみました。
リポジトリは下記です。
使い方はREADMEを見てください。
https://github.com/nanaki14/pointer-move
実際に動いてる様子
できた pic.twitter.com/E946Yq52CW
— ななき (@nanaki14) 2018年12月23日
作ってみて
最近流行っていて各所で見かけるようになったのですが、いい感じのライブラリがあるわけでもなさそう(知らないだけかも)なのでとりあえず最小限で書いてみようみたいな気持ちで書いてみました。
全体をとおして難しいことはなかったのですが、マウスカーソルがwindowの外にあるときの挙動やoverflowの制御などちょっとだけ考えることはありました。
また、アニメーションなどもある程度CSSで制御出来るように基本JavaScrtipt側ではクラスの付替えしかしていません。
もし気が向いたら使ってみて頂けると嬉しいです。
そんな感じで久々に趣味でなんか書いてみて楽しかったので年末年始この調子で自由に書いていければなと思っています。