Edge Animate 1.5が出たので生成ファイルを1.0.1と比較してみた。

つい先日ですが、Edge Animate 1.5がリリースされました。

自分は、無償でここまで使えるアドビのWeb制作ツール for デブサミ2013 – SSSSLIDEのスライドを眺めていて、あれ？？1.5って書いてあるって思って調べたら気づいた次第。

というわけで、最近使い込み始めているので、Edge Animate 1.0.1と1.5の生成ファイルを比較してみました。

今回のテストでは、ファイル比較のみで、再生パフォーマンス、アプリケーションのUIの変化、追加機能については言及しないのでご注意ください。

既存プロジェクトを1.5版プロジェクトにするには

新規プロジェクトはいいとして、既存プロジェクトを1.5版プロジェクトにするにはどうするかというと、簡単です。

のどちらかの手順で1.5のプロジェクトになります。

今回は同プロジェクト保存し直すやり方だと今後使わなくなったファイルの見極めがしにくくなるので、プロジェクトを別名で保存する方法を取ります。

こういう時に、手元に制作済みファイルがあるといいですね。先日のドラクエサンプルで比較してみます。

まずはファイル構成をみてみます。

みてみると、

となっています。jquery.easing.1.3.jsが9KB、json2_min.jsが3KBなので少しでも総ファイル容量が削減されたのはよいこと。

続いて、差分表示ソフト Rekisaを使ってファイルごとの内容を比較をしてみました。

上記のedge_includes内については今後も変わりますし、Edgeを動かすための基本エンジンなので除外します。

プロジェクトで書き出される、

の4ファイルを見てみましょう。

最終更新日は変化していましたが、プロジェクト名をedge_battle_sampleからedge_battle_sample_1.5に変化させたことを除けば、以下のファイルは変化なしでした。

edge_battle_sample_1.5.htmlは表示の起点となるHTMLですし、edge_battle_sample_1.5_edgeActions.jsはインタラクションを司るこちらが記述するファイルなので変更がなくてよかったです。

こちらは少々変化がありました。

変化がなくてよかった点として、イメージの呼び出し元、fillのイメージ部分が変数imによってパスが集約されているのは1.0.1の設計を引き継いでいるようです。

各パーツの記述については多少順番が前後するだけで大きな変更はないようです。

このあたりは変更があっても、アプリケーションのUIで操作するもので、Edgeのエンジンが再現させるものなので、仮に変更があってもそれほど影響は無さそうです。

また、ところどころの大きいエレメントやシンボルで最初のあたりのようなバージョン・ビルドが変更されてます。

それでは、最後のあたり。途中のところと同様で大きな変化はないですね。起動、ready周りの実装も以前と同じのようです。

初回のJavaScript周りを揃えるプリロードでは、edge_includesのファイルがいくつか読まれなくなっているので、どのように変化しているでしょうか。

ということで、やはり除外されたファイルは入ってないようです。

ということで、1.0.1と1.5のファイル比較、いかがでしたでしょうか。全体を見渡すと色々と細かく変わったので、1.0.1のリソースと混在させず、新たに保存しなおして進めたほうがよさそうです。

今回のソースコードも以下においておきます。

Edge Animateデータダウンロード：edge_battle_sample_1.5.zip

それでは、よき Edge Animate Life を！