Adobe Animate CCで、SWF形式のFLAファイルをHTML5形式に変換して出力する方法を調べてみました。
パブリッシュ設定で「HTML5のcanvas」を選べないとき、コマンドで変換すればOKでした。
HTML5形式に変換する手順
AnimateでFLAファイルを開きます。
メニューから、[コマンド] → [他のドキュメント形式に変換]を選びます。
すると、「ドキュメントタイプコンバーター」というダイアログボックスが出てきます。
「HTML5 Canvas」という形式を選び、OKボタンをクリックします。
メニューから、[ファイル] → [パブリッシュ設定]を選びます。
すると、「パブリッシュ設定」というダイアログボックスが出てきます。
パブリッシュの形式で「JavaScript/HTML」にチェック（レ印）を入れて、OKボタンをクリックします。
（必要に応じて、さらに詳細を設定しておきます。）
メニューから、[ファイル] → [パブリッシュ]を選びます。
すると、HTML5形式でファイルが出力されます。
AnimateでActionScriptをJavaScriptに変換するとき、エラー等が発生したら、警告画面でエラー内容が表示されます。
ActionScriptもJavaScriptと同じECMAScriptの仲間ですが、ホストオブジェクトが拡張されて、完全な互換性はないようです。
出力されたファイル群を見ると、HTML5とJavaScript、表示に使う画像がありました。
JavaScriptファイルを見てみると、CreateJSライブラリーを利用していました。
AnimateでHTML5/JavaScriptのコンテンツを出力する方法は、簡単でした。
複雑なことをやろうとすると、もしかしたらActionScriptからJavaScriptへの変換がうまくいかなくて、手動でデバッグする作業が発生するかも？
Animateでいろいろ試してみたいと思います。
WebクリエイターのためのCreateJSスタイルブック ~JavaScript+HTML5で作るアニメーション/インタラクティブコンテンツ~ (Web Designing Books)
- 作者: 野中文雄
- 出版社/メーカー: マイナビ
- 発売日: 2013/06/25
- メディア: 単行本（ソフトカバー）
- この商品を含むブログを見る
