背景アニメーションの実装方法を確認したいです

Question

下記ウェブサイトについてです。
https://www.atoj.co.jp/

背景アニメーションでスクロールに応じてアルファベットの文字が移り変わるような設計になっているのですが、どのように実装されているのか分かりますでしょうか？

デベロッパーツールで確認したところ、スクロールに合わせてSVG画像のクラス名をjQueryで変更して実装していると思うのですが、文字をぬるっと変化させる方法が分からない状況です。
よろしくお願いいたします。

Answer 1

sgv中のanimateタグでxmlを利用して処理してください
「svg アニメ 作り方」なんかでググるといろいろヒットします
valueを手動で指定することは可能ですが、なんらかのツールで作成したほうが
楽だと思います

Answer 2

下記の参考サイトで紹介している「Snap.svg」をつかったらできそうですかね。

■参考サイト
https://www.genius-web.co.jp/blog/cat-105/snap-svg.html