やってる事のパーツを一つ一つ調べてけばいい、結局は小さな部品の集合体でしかない
とは言ってもこのサイトはJavaScriptにガリガリコード書いてるし、それらを実装するスキルは必要だと思う
ほとんどのアニメーションはスクロール位置発火のアニメーションに過ぎない
最初の20%スクロールまでのレコードとかギターが一つ一つの移動も
スクロール規定値を越えたらCSSアニメーションのtransition: 1s;とかセットすりゃいい
「世界を君が・・・」は、各文字を分解したSVGに追加で色にもCSSアニメーション適用する、
これはツール使ってるのか一つ一つ手作業かは不明だけど
背景画像のクロスフェードも各画像のα値のfrom-toをスクロール位置に設定すればおk
背景のうにょうにょしてるのはWebGLでcanvasに書いてるけどシェーダーサンプル漁ったら似たもの見つかると思う
上の各実装にjQuery使って、script.jsにBrowserifyでバンドルしてる、ってのがこのサイトだな
