2024-10

GSAP

【GSAP】アニメーションの順番やタイミングを管理する

GSAPでは、timelineという、あらかじめ決められた順番でアニメーション処理を行うためのツールがあります。このツールを使用することで、アニメーションの順番やタイミングを簡単に管理することができます。もちろんタイムラインを使わなくてもア...
GSAP

【GSAP】.set( )の使い方

今日は .set() の使い方について説明します。.set() は、対象のプロパティを設定することができるメソッドです。アニメーションはありませんが、対象を配置する場所を設定することができます。継続時間0の .to() と同じ働きをするため...
GSAP

【GSAP】slowMoのカスタマイズ方法

今日はslowイージングのカスタマイズ方法についてです。アニメーションの途中で、まるでスローモーションになったかのような動きをつけることができます。基本の使い方このイージングを使用するためには、「EasePack」というファイルが必要です。...
GSAP

【GSAP】roughイージングのカスタマイズ方法

今日はイージング「rough」のカスタマイズ方法について説明していきたいと思います。ジグザグで面白い動きが出せる「rough」。かなり細かいところまで自分でカスタマイズできるようになりますよ。基本の使い方このイージングを使用するためには、「...
GSAP

【GSAP】expoScaleのカスタマイズ方法

今日は「expoScale」について詳しく説明していきたいと思います。基本の使い方このイージングを使用するためには、「EasePack」というファイルが必要です。公式サイトにインストールの方法が書かれているので、こちらを参考にファイルを取り...
GSAP

【GSAP】イージングの種類について

今日はGSAPで使用できるイージングの種類について説明します。GSAPでは、様々な種類のイージングが用意されています。もちろん、自分でカスタマイズすることも可能ですが、今日はすでに用意されているイージングの種類についてみていきたいと思います...
GSAP

【GSAP】トゥイーン特有のデフォルト値を変える

tween(トゥイーン)とは、between(ビトゥイーン:2つのものの間に)から由来する言葉で、2つのイラストが変化しながら繋がるアニメーションのことをいうそうです。今日はこのトゥイーン特有のプロパティのデフォルト値を変更する方法について...