2015/03/17　エレファンキューブ社内勉強会資料

1. © 株式会社エレファンキューブ
2015/03/16 支倉常明
Flash基本制御
FLASH 02

2. © 株式会社エレファンキューブ
目次
1. なぜFlash？
2. このシリーズの方針
3. 基本概念のおさらい
4. リファレンスを見てみよう
5. 基礎：いつうごくか
6. 基礎：ターゲット（MovieClip）の指定
7. 基礎：メソッドとプロパティ
8. よく使う：フレーム関連
9. よく使う：トリガーを設定
10. よく使う：タイマー系
11. よく使う：表示制御系
12. よく使う：テキスト書き換え
13. 条件分岐：if文
14. 条件文を書いてみる
15. デバッグするときのtrace
16. 参考サイト
17. 次回予告 2

3. © 株式会社エレファンキューブ
1.なぜFlash?
• 見栄えを作るのが簡単。HTML+CSSは、見栄えを作る工数がかかる。
⇒ プログラムに集中しやすい。
⇒ ActionScript3.0 は、JavaScript や C言語に応用が利く。
• Flashはオワコン？
⇒ アニメ制作ツールとして、アプリ開発ツールとして、まだまだいける！
⇒ FlashでしかできなかったものがHTMLでできるようになってきた（動画な
ど）が、オーサリングツールとしてFlashを超えるものはまだない。
3

4. © 株式会社エレファンキューブ
2.このシリーズの方針
• 「プログラム」中心です。
• Flashの使い方は、本でも読んでください。
• FlashのActionScriptを学びながら、他の言語も扱える応用力をつけていく。
• 最低限のスクリプトでいろいろやってみる。「こういう方法もあるよ」という
突っ込みは結構。でも動けばいい。
• Flash CS6 + ActionScript 3.0
4

5. © 株式会社エレファンキューブ
3.基本概念のおさらい
• レイヤーがある
• タイムラインがある
• フレームレート（24fps = 秒間24フレーム）
• ３つのオブジェクト
• ムービークリップ タイムラインがある、スクリプト制御可
• ボタン UP,OVER,DOWN,HITがある、スクリプト制御可
• グラフィック スクリプト制御不可
5

6. © 株式会社エレファンキューブ
4.リファレンス本をみてみよう
• リファレンス＝辞書
• やりたいことから探せる
• 目次を眺めれば、なんとなくできることがわかる
• 入門書のほかに、リファレンスを１冊買っておく
6
プログラムなんて覚えなくていい。
✔ できること・できないことがわかればいい
✔ リファレンスで探せればいい。

7. © 株式会社エレファンキューブ
5.基礎：いつ動くか
• フレームにアクションをかく。
• そのフレームにたどりついたら、実行される。
• 上のレイヤーから実行される。
⇒わかりづらいから、１レイヤーにまとめて、複数レイヤーにはかかない
• スクリプトは１行ごとに実行される。
• すべてのスクリプトが実行されたら次のフレームに進む（playしている場合）
7

8. © 株式会社エレファンキューブ
F9キーで表示

9. © 株式会社エレファンキューブ
6.基礎：ターゲット(MovieClip)の指定
• 下へ
•MCName.メソッド()
•MCName. MCName.プロパティ
• 自身 this.
• 上へ parent.
9
インスタンス名

10. © 株式会社エレファンキューブ 10
インスタンス名

11. © 株式会社エレファンキューブ
7.基礎：メソッドとプロパティ
•ターゲット.メソッド()
•ターゲット.プロパティ
11
命令
かっこがあるよ
属性
かっこがない！

12. © 株式会社エレファンキューブ
8.よく使う：フレーム操作
• フレーム移動メソッド（method：命令）
• gotoAndStop(★)、gotoAndPlay(★) ★：ラベル or フレーム数
• play()、stop()
• フレーム関連のプロパティ（property：属性）
• currentFrame：現在のフレーム番号
• totalFrames：全体のフレーム数
12
SAMPLE1

13. © 株式会社エレファンキューブ
9.よく使う：トリガーを設定
• クリック
• ボタン.addEventListener(MouseEvent.CLICK,btnClickFunc1);
function btnClickFunc1(evt:Event){
//動作
}
• マウスダウン ボタン.addEventListener(MouseEvent.MOUSE_DOWN,btnDownFunc);
• マウスアップ ボタン.addEventListener(MouseEvent.MOUSE_UP,btnUpFunc);
• フレームごと stage.addEventListener(Event.ENTER_FRAME,enterFrameFunc);
• キーダウン stage.addEventListener(KeyboardEvent.KEY_DOWN,keyDownFunc);
13
1回セットすれば、オブジェクトが存在している限り有効
SAMPLE2

14. © 株式会社エレファンキューブ
10.よく使う：タイマー系
• 一定時間後に１回だけ実行
• setTimeout(timeoutFunc,3000);
function timeoutFunc(){
//動作
}
14
3000ミリ秒後
SAMPLE3

15. © 株式会社エレファンキューブ
11.よく使う：表示制御系
• 表示・非表示 オブジェクト.visible = true / false;
• 透明度 オブジェクト.aplha = 0 ～ 1;
• 位置 オブジェクト.x = X座標; オブジェクト.y = Y座標;
• 大きさ オブジェクト.width = 幅; オブジェクト.height = 高さ;
• 回転 オブジェクト.rotation = -180 ～180;
15
SAMPLE4

16. © 株式会社エレファンキューブ
12.よく使う：テキスト書き換え
• テキストを配置して「クラシックテキスト」の「ダイナミックテキスト」にする
• インスタンス名つける
• テキストを埋め込むこと
• 書き換え テキストボックス.text = “文字列”;
• 追記 テキストボックス.appendText(“文字列”);
16

17. © 株式会社エレファンキューブ
13.条件分岐：if文
• 条件分岐は、プログラムの大きな特徴！その基本は、if文
• if(条件式1){
//条件式1に合致したときの処理
}else if(条件式2){
//条件式2に合致したときの処理
}else{
//どれにも合致しなかったときの処理
}
17

18. © 株式会社エレファンキューブ
14.条件式をかく
• true（真） / false（偽）で判断
• 一致 A == B、不一致 A != B
• 大小 A<B、A<=B、A>B、A>=B
• 複数条件
• AND（かつ） 条件式1 && 条件式2
• OR（または） 条件式1 || 条件式2
18

19. © 株式会社エレファンキューブ
15.デバッグするときのtrace()
• うまくいかない！を解決する＝デバッグ作業
• trace(何か);
• 何かが、「出力」ウインドウに表示される
19

20. © 株式会社エレファンキューブ
16.参考サイト
• Flashゲームプログラミング講座 http://hakuhin.jp/as3.html
• にゃあプロジェクト http://blog.project-nya.jp/as3
• FumioNonaka.com http://www.fumiononaka.com/TechNotes/Flash/index.html
• Adobe AS3.0リファレンス
http://help.adobe.com/ja_JP/FlashPlatform/reference/actionscript/3/index.html
20

21. © 株式会社エレファンキューブ
17.次回予告
• 次回は、if文いろいろをやります。
• やる内容、都度考えているので、変わっていきますがご了承を。
21