2022年01月20日(木)

目線がマウスの動きを追う的なやつ

• 0
• 0
• 0
• 5

Result

See the Pen
Untitled by kachibito (@kachibito)
on CodePen.

マウスを目線が追う的なやつです。👆こういうの。

必要性はさほど高くはないかもですが、嫌でも目に付きますし、表現の仕方次第ですが、例えば長いローディング時のユーザーへの苛立ちを抑えたり、バナーや問い合わせ等に自然に誘導が出来るかも。

javascript

//両目となる要素を指定 let eyeball_left = document.querySelector(".eyeball_left"), pupil_left = document.querySelector(".pupil_left"), //円の半径を取得して、円の中心を探す eyeArea_left = eyeball_left.getBoundingClientRect(), pupil_leftArea = pupil_left.getBoundingClientRect(), R_left = eyeArea_left.width / 2, r_left = pupil_leftArea.width / 2, ce...