だいぶ前のはてなインターンの講義で,JavaScriptの講義をしたのだけど,そのときの課題で,マウスストーカーを作る,というのを出題した.
教科書は公開されていて,課題はこのへん.
インターン生たちがいろんなおもしろマウスストーカーを作ってくれて,おもしろかったのだけど,せっかく出題したので,僕も作ってみた.
このページでも有効になってるので,マウスのボタンを押してみてください.ご迷惑おかけします.
こういうファンシーな見た目.
GIFだと見ずらいけど,☆が飛んでくるっていうマウスストーカー.マウスダウンで☆がどんどん増えて,飛んでくる.
☆に飽きたら,好きな文字を飛ばして遊べる.
mouse-stalkers.github.ioにマウスストーカーをホスティングするという活動もおこなっているので,自慢のマウスストーカーがある人はぜひPull Requestください.
リポジトリはこちら.
github.com
はこべさんもマウストーカー作られていて,こっちはリアクティブなかんじでおもしろい.
リアクティブプログラミングの技術を用いてマウスストーカーを実装する - はこべにっき ♨