ポートフォリオサイトの各ページにはLottieアニメーションを入れています。LottieはAfter Effectsのシェイプで構成されたアニメーションをSVGアニメーションに変換(厳密には変換してくれるのはBodymovinというAEのプラグインですが)し再生してくれるライブラリです。SVGなので拡大しても荒れません。Webもアニメーション/モーショングラフィックもやっていきたいと思っているので、その融合という感じがしてLottie大好きです。サーバーにアップしても問題なく動いてくれたので一安心しましたが、ロゴのアニメーションのみカクついてしまうのがずっと気になっていました(が、他にもやるべきことがあるので後回し…….)。ちょっと落ち着いたので、改めて原因を探ってみました。はっきりとこれ!とは言い切れませんが、おそらく描画モードに「乗算」「スクリーン」が含まれていたことと、「トラックマット」で「アルファ反転マット」を選択していたことがダメなようで、完全にカクつきがなくなったとは言い切れませんが、それぞれ「通常」、「アルファマット」(+マスクの範囲を反転)に修正したらほぼ問題なく動くようになりました。覚えておきます……。