どうも、まさとらん(@0310lan)です! 今回は、複雑なイメージのあるCSSによるアニメーションをJavaScriptから簡単に扱えるようにしてくれるライブラリのご紹介です! マウスや画面スクロールなどの移動量をもとにして、リアルタイムなアニメーションを作成できるので楽しいWebページが作れますよ。 【 Choreographer-js 】 公式サイトでは、「Choreographer-js」を活用して画面を下方向にスクロールすることでロゴの文字列がアニメーションするのが分かりますね。 このような複雑な動きを簡単に実現でき、ユニークなWebページを作れます! ■「Choreographer-js」の使い方 それでは、まず最初に「Choreographer-js」を使うための準備から始めましょう! 最も簡単な方法としては、わずか数キロバイトの「choreographer.min.js」を
![複雑なCSSアニメーションが超簡単にJavaScriptで操作できる「Choreographer-js」を使ってみた! - paiza times](https://cdn-ak-scissors.b.st-hatena.com/image/square/77e052929b07c80d121b6579fad156799e21bfdc/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fpaiza%2F20170906%2F20170906163415.jpg)