みなさまこんにちは!SONICJAM.studioの平井です。 最近、映像案件でモーショングラフィックス制作の相談が増えてきている弊社ですが、 AfterEffectsで作ったアニメーションをJSONファイルとして書き出し、SVGで描画できるプラグインがあるとの情報が! Bodymovin https://github.com/bodymovin/bodymovin Adobe Animate CCを使ったスプライトアニメーションなど、ブラウザ上にアニメーションを実装する手法はいくつかありますが、 AfterEffectsを用いたモーショングラフィックス制作を得意としている自分としては非常に興味深い...! ということで、今回はこの「Bodymovin」を使ってブラウザ上にアニメーションを実装してみました。 ※Adobe AfterEffects CC2014以降のみサポートとのこと 前準
![AfterEffectsで作成したアニメーションをJSONで書き出してみた|ソニックジャム|note](https://cdn-ak-scissors.b.st-hatena.com/image/square/e88666878828462d82238f416cbe444e9e8b304e/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F7637233%2Frectangle_large_type_2_418a2fb1d80e5436bab11d8e3936ec15.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)