TOP  >  javascript , WebDesign  >  様々なアニメーションを描画できる軽量なライブラリ「Anime.js」
2016年07月24日

様々なアニメーションを描画できる軽量なライブラリ「Anime.js」

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

animejs

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

詳しくは以下

animejs2

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

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

anime.js

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 11:39  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る