今回調べるのは Design Embraced のサイト。
https://www.designembraced.com
マウスカーソルが当たっている部分の背景が、モリッと盛り上がっているように見える。この部分をどのように実現しているのかを調べるのが主目的。
ソースを見ると、外部ファイルを一切読み込んでいない。CSS、JSがすべてHTMLファイル内に書かれている。Minifyされているがかなり大量である。
ざっと見た感じ、何となく素手で書かれたものかなという印象がある。
Awwwardsの情報によると、WebGL、GLSLが使われているらしい。確かにそれっぽいキーワードは含まれている。
ここらの3D技術についても少し勉強が必要のようだ。
