カーソルの動きに合わせてオブジェクトが変化

• UNBOX 2nd | Between Box and Baghttps://2nd.un-box.app/

カーソルを動かすと、キャラクターの視線が追従したり、オブジェクトの形状がモーフィングしたりするインタラクションは、サイトが生きているかのような愛着をユーザーに抱かせます。一方的な情報発信ではなく、ユーザーとサイトの双方向のコミュニケーションを成立させます。マウス座標（0〜100%の位置情報）をCSS変数やJS経由でアニメーションの進行度（seek）に紐付けることで実装します。動きが滑らかになるよう、線形補間（Lerp）処理を入れるのが自然に見せるコツです。