カテゴリー別アーカイブ: GIFアニメの作り方と素材庫

GIFアニメをJavaScriptで表示する方法:パクリ防止に使えるかも

GIFアニメーションといえば、アニメーションするGIFファイルを表示するのが一般的です。

 今日は、別の方法をご紹介します。

 下の画像をご覧下さい。GIFアニメーションの全てのスライドが一枚のGIFファイルに入っています。当然、これではアニメーションにはなりません。

 これをアニメーションとして出力したものが下のリンクです。

JavaScriptを使って、画像をアニメーションとして出力

 いかがでしょうか。まるでアニメーションGIFのファイルを見ているように感じると思います。しかし、実際には、上の画像を表示しているだけです。したがって、GIFアニメとして表示されているものをダウンロードしたとしても、それは、GIFアニメではなくただの画像ファイルだと言うことです。

 このような方法を採るメリットとは何なのでしょうか。
 少なくとも、せっかく作ったGIFアニメを他の人にパクられる恐れはかなり少なくなるのは間違いありません。

 実は、これはPNGアニメーションにも対応しているので、SNS関係でアプリを作っている方には貴重な情報かも知れません。

 以下で、具体的な作り方をご紹介します。webサービスを使うので、とても簡単にできます。

作り方

  1.  『animizer.net』にアクセスします。
  2.  お手持ちのアニメーションGIFファイルをアップロードします。(画像の①)
  3.  アップロードが完了したら、下の方にある『Generate animation』ボタンをクリックします。(画像の②)
  4.  次に、右側にある[Additional download options:]で下図のように二ヶ所にチェックを入れて、[Download]ボタンをクリックしてダウンロードします。(画像の③)

 基本的には、これだけです。

 上の画像の④のスライダーでGIFアニメーション全体の時間を調整できます。

 また、その下にある⑤[Modify frame settings]ボタンで、フレーム毎の時間調整が可能です。

 しかし、もともと完成したGIFアニメを変換するので、このような操作は基本的には不要なはずです。

 ダウンロードしたフォルダには、[preloader_JS.html]というファイルと、[images]というフォルダの中の[sprites.gif]というファイルがあります。ファイルは全部で二つだけです。

 [sprites.gif]ファイルをブログにアップロードします。そのパスをメモします。

次に、 [preloader_JS.html]をメモ帳で開き、上でアップロードした[sprites.gif]のパスを書き込み上書き保存。その後で、この [preloader_JS.html]をブログにアップロードします。

 手順は以上です。

 この手法は、JavaScriptを使って、画像をGIFアニメーションとして出力する方法でもあるのですが、やはり、手間暇かけて完成したGIFアニメを簡単には流用させないという目的での利用が主体かなぁと思います。

 上の掲載した画像ファイルからGIFアニメを作れと言われたら作りますが、実際はやりたくありません。きれいにできないからです。この意味で、コンテンツの無断流用防止、あるいは、販売用のスマホアプリPNGアニメのデモ用として使えるかも。

 

次の米軍侵攻はいつ:GIFアニメーション

 アメリカって言う国は年から年中、どこかで戦争をしている国です。

 建国以来、93%の年月を戦争に費やしてきたのだそうです。

 米軍侵攻と聞いて思い浮かぶのは、グレナダ侵攻、パナマ侵攻、イラク侵攻、などなど。
 ちなみに、米軍のグレナダ侵攻は1983年10月25日(火)、パナマ侵攻は1989年12月20日(水)イラク侵攻が2003年3月19日(水)となっています。

 曜日に着目すると、火曜日か水曜日に集中している印象を受けます。軍の侵攻は軍のみでできますが、関連するオペレーションにはたくさんの事務方が必要です。このため、平日が選ばれているような気がします。土日・祝祭日と月曜日を除いた日が危ない。

 ところで、こんなものを作ってみました。

 もともとは、誰かがつくったオバマ大統領バージョンなのですが、時代が変わったので、トランプ大統領バージョンを作ってみました。やはり、迫力があります。

刈り上げ君
刈り上げ君

 パンチだけで済めばよいのですが、そんなわけがない。

 権力者が恐れるのは、アメリカ軍ではなく、自国民に吊されることでしょう。ムッソリーニのように。
 チャウシェスク、カダフィ、フセイン。次は誰?

 攻撃は新月の晩。つまり、月の出ない夜に行われる可能性が高い。この可能性のある日付を調べるには旧暦が役立ちます。
 『Excelで不定時法の旧暦時計をつくってみる』という過去記事で、Excelファイルを公開していますので、月の動きを見ながら、旧暦の一日(新月)がいつなのかを調べてみるのもよいかも。闇夜に烏ならぬ「闇夜にステルス爆撃機」です。
 『旧暦時計』にこんな使い方もあったのかとしみじみ思います。

Wakana, Kalafina 美しい

GIFアニメを作る

 
 フリップを持って新曲を説明するWakanaのGIFアニメを作ってみました。何を話しているのでしょうか。

 もちろん、現実にはこのようなシーンは存在しません。1枚の画像から作っています。口の動きは、口を動かしたときに動く顎関節を含めた範囲を切り取り、別画像にして動かしています。結構、本当に話している動画から切り抜いたように自然に見えると思います。

 Keikoに負けない大きなマツゲを付けてみました。
 少しぎこちなく見えるのは、唇の動きを無視しているためです。

 Kalafinaの中でもWakanaはやはり存在感があります。メンバーの中で管理人の一番のお気に入りです。