第3回TOSS静岡FLASH講座2日目
(平成15年8月14日)於:静岡グランシップ
本日のメニュー
1 フラッシュカード作り
昼食
2 3択の問題作り
3 タイマー作り
(ランキングシステムの作り方)
1 フラッシュカード作り
タイトル入力

ボタンレイヤー追加

レイヤーの名前の変更

ボタンはサンプルを使います。
ウインドウ→サンプルライブラリ→ボタン
からボタンをボタンレイヤーの1フレームに配置します。

問題レイヤーの2フレーム右クリック
空白キーフレーム挿入

写真の読み込みをします。
ファイル→読み込み
素材によってはそのファイルのすべての写真が読み込まれて自動的にフレームをつくってくれるのもあります。(このほうがラクですね。)

画像の中でいらないものや子供にとって言いにくいものを削除します。
削除したいものはそのフレームにカーソルをもっていって右クリック→フレームの削除。
ボタンアクションの書き込み。
最終フレーム→だけ先頭に戻るの設定。
フレームアクション(stop)を入れて完成。
2 3択の問題作り
新三択基礎のファイルを開きます。
フレーム全体を選択して右に2ます移動。
手順
写真の選択(今度はシーケンスいいえ)

正解の番号を決定。
1番を正解ならボタンレイヤーに
ライブラリから1番正解のパネルをドラッグ。

選択肢の文字打ち込み。
テキストツールクリック

この繰り返しをします。
ハードに保存して進めましょう。
10枚貼り付け終わりましたら結果の得点を示す画面を作ります。
問題レイヤーの最後に空白キーフレーム挿入します。

点の前に
テキストボックスをダイナミックテキストにして

四角を作ります。

変数を
score
とします。(半角英数)
これで得点が表示されます。
ムービーで確認しましょう。
3 タイマー作り
最終フレームラベルに「結果」と入れます。(stop)

制限時間を5秒にします。
タイマー作りのスクリプトは
2通りあります。比較的簡単なほうでやります。
挿入→新規シンボル

OK。

赤の帯をかきます。(グリッドに吸着をOFF)
1フレームモーショントゥイーン作成。
60フレームキーフレーム挿入。
矢印ツール→赤帯の上で右クリック→伸縮

真ん中の○の位置を右にドラッグします。

左の■をドラッグして縮めます。

そうすると帯がだんだん短くなるムービーができます。(場合によっては帯が回転する場合あり。ご注意を。)

60フレームのアクションに
_root.gotoAndPlay("結果")
と書きます。
これで
5秒経過すると,結果の画面に飛びます。
以上タイマー作り終わり。
※ ランキング作り
ランキングを作るための条件
@ タイム制限があって得点が出るサイトのみ可能です。
A UPロードするサーバでCGIが稼動しないとだめです。
作っていくうえでの注意。
今あるものをコピーして使ったほうがお徳です。
はじめから自分で打とうとすると失敗する確率が高いです。がやることは簡単です。
でははじめます。今作ったものを最小化します。
それで,CDの中から3+というファイルを開きます。

赤で囲った部分をコピーします。
作ったファイルのレイヤーを2つ追加しておきましょう。3フレーム目空白キーフレーム挿入。

今作っているものにコピーします。
次にactionレイヤーの4つのフレームをコピーします。

コピーしたものを
actionレイヤーに貼り付けます。

問題レイヤーの末尾にキーフレームを1つ挿入します。
+3のファイルの

3つをコピーします。
そして
貼り付けです。

余分なものをとります。
名前のちがうものをかえます。
3+○をタイトルのものかえます。
結果フレームにランキングのボタンを入れます。

ボタンアクションは

on (release) {
play();
}
とします。
これでムービーを見ましょう。
2回目をやると得点が0になりませんので
問題レイヤーの3フレームのstopの下に
score=0と書きます。

次にCGI関連の記述の変更をします。
変更するところは3箇所。
Actionレイヤーの終わりから4つ目
![]()
この「3+.cgi」
を変えます。
今作っているファイルの名前が「何でしょう」なので
「nan.cgi」とでもします。
2つ目
最終フレーム

やはり3行目
「3+.cgi」を
「nan.cgi」とします。
ここで新しいフォルダを作って
このファイルを半角英数にして保存します。
そしてパブリシュします。
Flashを閉じましょう。
次に
CGI関連のファイルを整えます。
第2回のflash講座を開くと
Terapadというメモ帳があります。これをデスクトップにドラッグしてください。
3+のフォルダをあけます。

この中の
3+DATというファイルと
3+.cgi
の二つを先ほどの
フォルダにコピーします。
ためしにまず中を覗きます。
開き方はそのファイルをドラッグして先ほどのTerapadのアイコンに引っ掛けてください。
そうすれば開きます。
Datファイルは
そのままで
別名で先ほどのフォルダに保存します。
名前は「nan.dat」とします。
![]()
次に
3+.cgiのファイルも開きます。

この「3+.dat」を
「nan.dat」
にします。
そして名前をつけて同じホルダに保存します。
![]()
ここまでやると
先ほどのホルダに
5つのものが並んでいます。

この中で赤い以外のものを
ネット上の同じフォルダにUPします。
これで完成です。