2023/07/03
Opening titles for FITC Toronto 2023
2021/11/18
mo.js - モーショングラフィックスライブラリ
mo.jsは、Webページでモーショングラフィックスを表現するためのJavaScriptのライブラリです。
主にSVGを扱うので、アイコンのアニメーションやぬるぬるとした動きが重要なエフェクトなどを得意とします。
See the Pen
Love or Hate? by LegoMushroom (@sol0mka)
on CodePen.
See the Pen
Blast by LegoMushroom (@sol0mka)
on CodePen.
Canvasを使ったアニメーションは、ピクセル単位の複雑なアニメーションが可能ですが、requestAnimationFrameを使ったコーディングが複雑になりがちです。
一方で、mo.jsはある程度使用できる図形は決まっていますが、イージングやアニメーションのチェーンなどが手軽にできます。また、タイムラインエディターが用意されているので、複雑なアニメーションのシークエンスなどにも対応することができます。
Webページ、またはWebアプリにおいて、ボタンのアイコンや画面遷移などのアニメーションはきびきびと動くことが求められるので、積極的に活用していきたいです。
【参考】
