Animated Gifs AND A-PNG

KwikからアニメーションのGIFファイルとアニメーションのPNGを作成できます.アニメーションのPNGはFirefoxでのみ見ることが可能ですが,徐々に人気が出てきています.

graphicsmagickのセットアップ

  • Macをお使いの方は,GraphicsMagickをダウンロードしてインストールしてください.Mac OS Xでは、Homebrewを使うと簡単にインストールすることができます

      brew install graphicsmagick
    
  • Windowsをお使いの方は,http://www.graphicsmagick.org/download.html からインストーラーをダウンロードできます

    GraphicsMagick-X.X.XX-Q8-win32-dll.exe をダウンロードしてください

Sample Project

サンプルプロジェクトは以下のリンクから入手可能です.

http://kwiksher.com/daily/assemble0121/GifAnim.zip

GifAnimサンプルは2枚のページから構成されています.page1は回転するアニメーションを再生し,page2にスワイプすると,画像をクリックすることでフィルタリングするアニメーションが開始されます.


page1

page1:時間を要することなくアニメーションがスタートます。

Page Properties > Screen Recordingにおいて、PNGを保存が設定されています。スクリーンの画像をフレーム数として10回,200ms毎に保存します.


Page2

page2は,ユーザーが月の画像を押した時にスクリーンの録画を始めます.

page2:button > Common > Screen Recording


Publish

Corona Simulatorを用いてpage1とpage2をプレビューする必要があります.スクリーン画面の録画はCorona APIを用いて行われます.

Page2は,フィルタアニメーションを再生するために月を押す必要があります.

Corona Simulatorから File > Show Project Sandbox から, 録画されたpngファイルを見つけることができます.

Window > View As からスクリーンサイズの寸法を変更することができます.custom devices として 270 x 320 サイズで録画しました.


Assemble PNG files

最後に、新しいアイコン-Assemble PNG filesをクリックします.compressPNGアイコンの隣にあります.アニメーションのGIFとPNGファイルの両方が生成されます。.

コンソールが表示され,自動的に閉じます

プロジェクトフォルダーのtempフォルダーの下に,アニメーションのgif/pngファイルを確認できると思います.

Firefoxからプレビューできます.

results matching ""

    No results matching ""