ブラウザの発展によりjavascriptによるアニメーション表現はより高度なものとなってきていますが、今日紹介するのはCSSやSVGとも連携し、様々なアニメーションを描画できる軽量なライブラリ「Anime.js」です。

回転や移動といったシンプルなものから、ランダムな動きなどなど、作りこめばかなり高度な動きも可能な用で、CODEPENでは様々なアニメーションサンプルが上がっていました。

詳しくは以下

アニメーションサンプルは「anime.js – a Collection by Julian Garnier on CodePen」に、全部で10個設置されており、コードとプレビューを見ながら触れることができます。また、ライセンス形式はMIT Licenseとなっており、「GitHub – juliangarnier/anime: Javascript Animation Engine」にはファイルとともにサンプルが幾つか同封されたファイルが配布されていますので本格的に試して見ようと言う方はこちらをご覧ください。

使いドコロはアイデア次第だとは思いますが、軽量でシンプルな動きから凝ったものまで使えそうなアニメーションライブラリ。何を選択していくかは難しいところではありますが候補の一つとしては良いのではないでしょうか？

anime.js