どうも、まさとらん(@0310lan)です! 今回は、誰でも超簡単にSVG画像をアニメーション化できる無料のWebサービスをご紹介します! このサービスは、JavaScriptでSVG画像を制御できる「vivus.js」をベースにしており、誰でもプログラミング不要で簡単に「手描き風」のアニメーションを作れるのが特徴です。 【 Vivus Instant 】 そして本記事の後半では「vivus.js」を使った基本的なプログラミングについても解説しているので、ご興味ある方はぜひ参考にしてみてください! ■「Vivus Instant」とは? それでは、実際に「Vivus Instant」を使いながら、どのようなサービスなのかを見ていきましょう! まずは、サンプルとして次のようなSVG画像を用意しました。 SVGは、ベクター形式で描かれたXML構造を持つデータですが、このままでは当然ながら静止画
![コード不要で手描き風のSVGアニメーションを自動作成できるエディタ「Vivus Instant」の使い方大公開! - paiza times](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fd44faee9375dfb287462309802c3a7383a1b21/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fpaiza%2F20170614%2F20170614110914.jpg)