AIRNovel&ANBooks更新:アニメgif&pngなど画像拡張プラグイン

・アニメgif(透過と不透過の境界、ジャギが気になる)

・アニメpng(ジャギなくきれい)

画像レイヤ──時計
ボタン──左下のオレンジのヤツ(→これでアニメボタンが作れます)
文字内グラフィック──右上のクリック待ち記号
文字レイヤ背景──青い女子顔(→これで文字ウインドウ背景もアニメ出来るわけです)


●AIRNovel更新 過去Ver等
5.02
* new:サポート画像拡張プラグイン機構(画像レイヤ、ボタン、文字内グラフィック、文字レイヤ背景)
* chg:プラグインエラー処理修正
* add:文字内グラフィック[graph]も暗号化対応に
* chg:文字レイヤクリア時にボタンヒントチップス[button hint=]を消すように。

●ANBooks更新(Windows版 Mac版 過去Ver等)※起動するだけで自動更新
5.04
* upd:AIRNovel 5.02に更新
* new:アニメgif、アニメpng(.apng)プラグイン提供(ANBooksではないが)
* chg:プラグインテンプレ手直し

●ANEdit更新(Windows版Mac版AIRFlash必須。※起動するだけで自動更新
0.83
* upd:AIRNovel 5.02に更新


 Twitterがアニメgif、iOS 8/Safari 8がアニメpngをサポートする昨今。

〜参考資料〜
APNGについていろいろ調べてみた件 - Acetaminophen’s diary


「swfが作れない」という声もあり、これからはswfだけでなくアニメgifやアニメpngも使えるようになりました。
 ※【注意】アニメpngをAIRNovelで使う際、拡張子は「png」ではなく「apng」とします。

 世の中には色んな画像フォーマットがありますが、プラグインでサポート形式を増やせる機構と、そのサンプルとして「アニメgif&pngなど画像拡張プラグイン」を公開します。
AnimePng.anbook
AnimeGif.anbook
 どちらもサンプルを動かすときは、config.anprjを「ANBooksへ送る」で開いてください。



 サンプルのアニメgifはPhotoshop上で作り、出力出来ます。
  →フレームを使用した GIF アニメーション作成方法 (Photoshop CS5)

 アニメpngはPhotoshopで作り、連番pngに吐きだし、APNG Assemblerで変換が早道。
  →ウェブ用アニメーションを劣化なく保存できる画像形式APNGの作り方 – ICS LAB
  →[iOS 8] Safari 8 で対応したAPNG(アニメーションPNG)の作成方法 | Developers.IO
  →フレームアニメーションを作成する方法 (Photoshop CC)
   (記事のAPNG Assemblerは上手く動いてくれないので以下を。このWebサービスもダメだった
   →APNG Assembler | SourceForge.net
   →APNG Assembler

 Macなら「./apngasm 東北ずん子.apng 東北ずん子_*.png 1 100 -z2」とか。

 アニメpngの出来映えは、Safari 8 で確認するのが早道かなと。

 エディタツールに期待。
  →GIFアニメよりも高品質なPNGアニメAPNG, そのエディタツールがKickstarterで資金募集中 - TechCrunch



 もちろん【サポート画像(を)拡張(する)プラグイン機構】搭載になったので、新たなフォーマットやある種の暗号化画像、追加タグとの組み合わせで制御する何かしらの表示オブジェクトなど可能性が広がります。
 ごく簡単なところでは一枚の画像を切り出すようなアニメフォーマットのサポートとか、昔ながらのゲームっぽいですね。

〜参考〜
ActionScript入門Wiki - チップからキャラを切り出して動かす
ActionScript入門Wiki - アニメーションパターンを登録、再生させる

スポンサーサイト
プロフィール

ふぁみべぇ

Author:ふぁみべぇ
 →メアド(四角を@に)

カテゴリ
リンク
検索フォーム
最新記事
月別アーカイブ