ITエンジニア/デザイナ向けにオープンソースを毎日紹介

WebはJavaScriptを活用することでインタラクティブな効果が実現できます。ユーザにとってみれば、自分の起こしたアクションに対して反応があるのは嬉しいことです。ユーザ体験という意味でも見逃せません。

今回はユーザのマウス操作を追従してくれるFollowCursorを紹介します。DOMの形をマウスに合わせて変更できます。

FollowCursorの使い方

元々のDOMです。長方形で整然と並んでいます。

マウスを動かしたところです。ポインターに合わせて形が変形しているのが分かるでしょうか。

マウスのフォーカスが外れても一度変形した形は戻らないようです。

FollowCursorはDOMの形を変形しますが、テキストはそのままなので注意してください。画像に使ったりすると面白いかも知れません。ユーザは応答があることでコンテンツを楽しんでくれることでしょう。

FollowCursorはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

bersLucas/FollowCursor: ? Rotate elements to create a following effect

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2