コンピュータ基礎演習3
- 第1回 Webデザインの現在と未来(4月9日)
- 第2回 HTML基礎(4月16日)
- 第3回 Dreamweaverの基本[マークアップ](4月23日)
- 第4回 スタイルシートその1[テキストの装飾](5月7日)
- 第5回 スタイルシートその2[レイアウト基本](5月14日)
- 第6回 スタイルシートその3[段組みレイアウト](5月28日)
- 第7回 XHTML + CSS 総合課題(6月4日)
- 第8回 Fireworksの基本[Web用画像の作成](6月11日)
- 第9回 写真の編集と背景の設定[インライン画像と背景画像](6月18日)
- 第10回 ボタン画像の作成とリンク[スライス機能](6月25日)
- 第11回 ロールオーバーの設定[フレームとビヘイビア](7月2日)
- 第12回 テンプレートの作成と編集(7月9日)
コンピュータ基礎演習4
第7回 ムービークリップのコントロール(11月6日)
本日の課題
- アクションスクリプトを使ったインタラクティブコンテンツを作成する
- インスタンスのタイムラインを制御する方法を理解する
- サンプル:
- サンプルソースのダウンロード:091106.fla
インスタンスのタイムラインの制御
- アクションスクリプトでは自身のタイムラインだけではなく他のムービークリップのインスタンスの制御も可能
- 他のインスタンスに命令を送るにはインスタンスに名前を付けておく必要がある
- インスタンス名は必ず半角英数で記述し「_」(アンダーバー)以外の記号は使用しない
- インスタンス名の最初の文字に数字を使用しない
- ムービークリップの場合は名前の後ろに「_mc」を付ける(例:myClip_mc)
- 同一タイムライン上では同じインスタンス名を使用しない
インスタンスのパス
- 他のタイムライン上のインスタンスはパスで指定する

- 例:自身のタイムライン上にある「clip_1_mc」という名前のインスタンスに命令を送る場合
this.clip_1_mc.stop();
- 例:「clip_1_mc」という名前のインスタンスの中にある「clip_2_mc」という名前のインスタンスに命令を送る場合
this.clip_1_mc.clip_2_mc.play();
- 例:「clip_1_mc」という名前のインスタンスの中にある「clip_2_mc」という名前のインスタンスから「clip_1_mc」に命令を送る場合(相対パス)
MovieClip(parent).gotoAndStop("title"); - 上記の例を絶対パスで記述すると次のようになる
MovieClip(root).clip_1_mc.gotoAndStop("title"); - インスタンス名を「"」(ダブルクォーテーション)で括らない点に注意
評価ポイント
- インスタンス名が正しく設定できているか?(20点)
- インスタンスのパス指定が正しく設定できているか?(20点)
- ボタンのアクションが正しく設定できているか?(20点)
- ムービークリップの特長を活かせているか?(20点)
- 効果的なインタラクティブムービーが作成できたか?(20点)
必ずFlashファイル(*.fla)を提出する
ファイル名に全角文字や記号を使わないこと
提出期限は授業日の翌週の火曜日の午後9時まで