コンピュータ基礎演習３

コンピュータ基礎演習４

リンク

第１０回　SWFファイルの読込みとパブリッシュ（11月27日）

本日の課題

  • SWFファイル読込みを使ったインタラクティブコンテンツを作成する
  • パブリッシュを行いHTMLにSWFを配置させる
  • サンプル：
  • SWFファイルのダウンロード：swf.zip
  • サンプルソースのダウンロード：091127.fla

マスク

  • レイヤーを部分的に表示させたい場合にマスクを使う
  • マスクは特定のレイヤーをマスクに設定することで使用できる
  • マスクレイヤーの着色された部分だけが対象レイヤーでは表示される
  • マスクレイヤーは通常のレイヤー同様にトゥイーンなどが設定できる

SWFファイルの読込み

  • 別ファイルのFlashムービー（SWFファイル）をActionScriptで読込むことが可能
  • JPEGの読込み同様にLoaderとURLRequestの２つのクラスを使う
  • SWFファイルとピクセルサイズを合わせ左上を基準点にした配置用のムービークリップを作成しておくと便利
  • 読み込まれたムービーはムービークリップとなりステージの概念はなくなるので背景やマスクなどの工夫が必要になる
  • 容量の多いムービーも分割して必要時に読み込む事で待ち時間を少なくできる
  • 例： 
    var load_req:URLRequest = new URLRequest("mymovie.swf");
var swf_loader:Loader = new Loader();
swf_loader.load(load_req);
load_mc.addChild(swf_loader);
// 注：ファイル名はhtmlファイルからの相対パス

パブリッシュ

  • 作成したFlashコンテンツをインターネットで公開するにはパブリッシュを行う
  • 通常はSWFを直接ブラウザで表示させずにHTMLに配置した状態で公開する
  • パブリッシュ設定ではSWFだけでなくSWFを表示させるためのHTMLファイルなどの設定も可能
  • Dreamweaverを使ってオリジナルのページにSWFを配置することも可能
  • いずれの場合も「AC_RunActiveContent.js」というファイルが自動的に生成されるので、このファイルもHTMLと同じディレクトリに置いておく必要がある

評価ポイント

  • swf読み込み用のムービークリップが正しく作成できているか？（20点）
  • Loaderを使ってのswf読み込みが正しくできているか？（20点）
  • 読み込んだswfに対しての背景やマスク処理が適切に設定できているか？（20点）
  • パブリッシュが正しくできているか？（20点）
  • 効果的なインタラクティブコンテンツが作成できたか？（20点）

Flashファイル(*.fla)及びSWFファイル、HTMLファイルを提出する

読込ませるSWFファイルがオリジナルの場合はそれらのファイル（flaファイルは不要）も提出する

ファイル名に全角文字や記号を使わないこと

提出期限は授業日の翌週の火曜日の午後９時まで