HTML5 Canvasのその他のパブリッシュ設定の追加機能 - Adobe Animateのチュートリアル

このレッスンでは HTML5 Canvas の パブリシティ設定に加わった機能を ２つご紹介します。 今 HTML5 Canvas の Animate のドキュメントを開いています。 こちらがそのファイルの保存されている フォルダなんですけれども Animate のファイル以外に まだパブリッシュが行われていません。 これからデフォルトの状態で パブリッシュしてみようと思います。 ファイルメニューのパブリッシュ設定で 確認しておきたいところだけ 簡単にご説明します。 まず書き出すフォルダなんですけれども ちらっと後ろに見えていますけれども 現在背景画像がありますので それはこの images という フォルダの中に書き出されます。 サウンドはこの中に含まれませんから 書き出しはされません。 それから Create js javaScript ライブラリなんですが 現在の設定を詳細で見ると ホストのライブラリを使うということで ネットワークで JavaScript の ライブラリを読み込みますので これもフォルダには書き出しはされません。 ですから images というフォルダの中に 画像が１つ入るということになります。 ではこの状態で パブリッシュをしてみましょう。 パブリッシュです。 フォルダを確かめると 確かにファイルが書き出しされています。 images という中に画像が１個ありまして HTML と JavaScript のファイルが 書き出されています。 ファイル名は animate のファイルと 同じ名前です。 拡張子が違うということですね。 簡単に中を確認しておきましょう。 Dreamweaver で開きたいと思います。 まずは HTML の方なんですけれども 注目したいのはこのスクリプトの部分ですね。 この HTML の中にも スクリプトの記述がありまして でもだいたい 60 行ぐらいですね。 というのは基本的には初期設定とか あと画像読み込み、 ファイルの読み込みの設定があるぐらいで タイムラインの処理というのは すべて javaSacript ファイルの方に 書いてあるからです。 こちらはかなり分量がありますね。 あんな簡単なファイルなんですけれども。 実はあのペンギンのアニメーションをする イラストがあるんですが すべて javaScript…