どうも、まさとらん(@0310lan)です! 今回は、複雑なイメージのあるCSSによるアニメーションをJavaScriptから簡単に扱えるようにしてくれるライブラリのご紹介です! マウスや画面スクロールなどの移動量をもとにして、リアルタイムなアニメーションを作成できるので楽しいWebページが作れますよ。 【 Choreographer-js 】 公式サイトでは、「Choreographer-js」を活用して画面を下方向にスクロールすることでロゴの文字列がアニメーションするのが分かりますね。 このような複雑な動きを簡単に実現でき、ユニークなWebページを作れます! ■「Choreographer-js」の使い方 それでは、まず最初に「Choreographer-js」を使うための準備から始めましょう! 最も簡単な方法としては、わずか数キロバイトの「choreographer.min.js」を