今回調べるのは Sense Island のサイト。
https://senseisland.com
トップで写真がスライドショーしているが、トランジションの際に写真がぐにゃぐにゃと変形する。この部分をどう実現しているのか調べるのが主目的。
<script src="/assets/scripts/lib/three.min.js"></script>
<script src="/assets/scripts/lib/TweenMax.min.js"></script>
<script src="/assets/scripts/main-min.js"></script>Three.jsとTweenMaxのライブラリを読み込んでいて、その後にmain-min.jsという独自のJSファイルを読み込んでいる。
おそらくThree.jsをベースに何がしかをしようとしているのだと思われるが、さっぱり分からない。
まずはThree.jsを勉強しよう
