サイトトップ

Director Flash 書籍 業務内容 プロフィール

Adobe Flash非公式テクニカルノート

Flash Pro CC 2015: HTML5 Canvasパブリッシュの改善

ID: FN1506004 Product: Flash Professional CC Version: 2015

2015年6月16日にAdobe Creative Cloudがメジャーアップデートされ、Flash Professional CC 2015がリリースされました。その中からHTML5 Canvasのパブリッシュに関わる新機能をご紹介します。なお、2015年2月にFlash Professional CC 2014がマイナーアップデートされましたので、その内容も含めました(「Adobe® Flash® Professional CC Help」(PDF) Chapter 1「What's New」参照)。


01 書出しの最適化

HTML5 Canvasドキュメントをパブリッシュするとき、使われていないサウンドやビットマップなどのライブラリ項目が書出されないように最適化されました[*1]。この設定はデフォルトですので、ステージに置かれておらず、かつリンケージのない素材は出力されません。その結果、[ライブラリ]に多くの項目が含まれていたとしても、書出されるデータのサイズは最小限に抑えられます。

Flash Professional CCは、HTML5 Canvasドキュメントの[ライブラリ]に含まれる以下の項目は書出しません。

  • タイムラインで使われておらず、リンケージのないシンボルやサウンド、ビットマップなど
  • ガイドレイヤーに含まれる素材
  • 非表示レイヤーに含まれる素材([非表示レイヤーを含める]オプションがオフのとき)
  • グラフィックシンボルの中で使われていないフレームの素材

なお、Flash Professional CC 2015から、[グラフィックを最適化]チェックボックスは[パブリッシュ設定]ダイアログボックスから除かれました。HTML5 Canvasドキュメントをパブリッシュするときに、この最適化は自動的に行われます。

[*1] akihiro kamijo「Flash Professional CC 14.2.0.20 の新機能」および「Adobe® Flash® Professional CC Help」(PDF) p.10「HTML5 Canvas optimizations」の項参照。


02 ビットマップを HTML5 Canvas のスプライトシートとして書き出し

HTML5 Canvasドキュメントの中のビットマップすべてを、スプライトシートにまとめて書出すことができるようになりました。サーバーへのリクエスト数が減りますので、パフォーマンスの向上に役立ちます[*2]

HTML5 Canvasドキュメントの[パブリッシュ設定]に[すべてのビットマップとスプライトシートを書き出し]のオプションが加わりました(図001)。デフォルトはオンで、ドキュメント内のすべてのビットマップがスプライトシートとして書出されます。ひとつのスプライトシートの最大の大きさ(幅と高さ)も定められます。

図001■[パブリッシュ設定]ダイアログボックス
図001

[*2] パフォーマンスの実測結果についは、ICS LAB「アニメ制作機能がさらに充実! Flash Professional CC 2015の新機能紹介」の「スプライトシート書き出し (HTML5 Canvasドキュメント)」をご参照ください。


03 CreateJS 2015/05/21ライブラリに対応

CreateJSライブラリは、2015年5月21日にアップデートされました。Flash Professional CC 2015のHTML CanvasドキュメントからパブリッシュされるCreaeJSライブラリが、この最新バージョンに対応しました[*3]。ライブラリごとのバージョンは、つぎのとおりです。

  • EaselJS 0.8.1
  • TweenJS 0.6.1
  • SoundJS 0.6.1
  • PreloadJS 0.6.1

[*3] Flash Professional ヘルプ「新機能の概要」の「最新の CreateJS ライブラリの統合」には、つぎのように[ホストのライブラリ]チェックボックス(前掲図001参照)をオフにするよう記載されています。しかし、CreateJSライブラリの2015/05/21版はすでにCDNに上がっており、チェックボックスをオンにすれば書出したHTMLドキュメントに正しく読込まれます。

最新のライブラリはまだ CDN によってホストされていないので、出力を参照するには、パブリッシュ設定ダイアログボックスの「詳細」セクション(編集/パブリッシュ設定/詳細)で「ホストのライブラリ」チェックボックスをオフにしてください。


作成者: 野中文雄
作成日: 2015年6月27日


Copyright © 2001-2014 Fumio Nonaka.  All rights reserved.