解説/中級編
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
#contents
----
*解説/中級編 [#a99e836c]
**シナリオ操作 [#e6da05bd]
-[[解説/初級編#y1dcc379]]で解説したpush、keepメソッド以外...
-以下のkeepメソッド以外は、呼び出し時にシナリオを設定する...
-keepメソッド
--機能：シナリオ関数終了後、直ちに次のシナリオ関数を実行...
-pushメソッド
--機能：サブシナリオを設定する。
--第一引数：設定するサブシナリオ関数配列
-retakeメソッド
--機能：実行中のシナリオ関数配列の先頭に戻る。
-skipメソッド
--機能：実行中のシナリオ関数配列を終了する(親のシナリオ関...
-repeatメソッド
--機能：シナリオを進行させない(次も同じシナリオ関数を実行...
-backメソッド
--機能：実行中のシナリオ関数配列で、ひとつ前のシナリオ関...
-resetメソッド
--機能：デフォルトのシナリオ関数配列の先頭に戻る。
-loopメソッド
--機能：繰り返しを指定してサブシナリオを設定する。
--第一引数：繰り返す回数、または繰り返し条件の関数配列(詳...
--第二引数：設定するサブシナリオ関数配列
--補足：第一引数の繰り返し条件の関数配列とは、[初期処理関...
---初期処理関数：繰り返し処理開始前に実行される関数。
---継続条件判定関数：各繰り返しの先頭で実行される関数。tr...
---繰り返し毎処理関数：各繰り返しの末尾で実行される関数。...
-quit(end, fin)メソッド
--引数：なし
--説明：シナリオを強制終了する。end, finメソッドはquitメ...
new Theater({
img: [
"img/sample1.gif",
"img/sample2.gif",
"img/sample3.gif"
],
scenario: [
function(){
this.act({
img: "img/sample1.gif",
msg: "シナリオ操作テスト開始。"
});
},
function(){
this.speak("サブシナリオ開始前。pushメソッドでサブ...
},
function(){
this.push(sub);
this.keep();
},
function(){
this.speak("メインシナリオに復帰しました。");
},
function(){
this.speak("画像切り替えを繰り返します。");
this.loop(2, [
function(){
this.appear("img/sample2.gif");
},
function(){
this.appear("img/sample3.gif");
}
]);
},
function(){
this.act({
img: "img/sample1.gif",
msg: "3からカウントダウンします"
});
return false;
},
function(){
var count;
this.loop([
function(){ //初期処理関数
count = 3;
},
function(result){ //継続条件判定関数
return (!result && count >= 0);
},
function(result){ //繰り返し毎処理関数
count--;
return result;
},
], [
function(){
this.speak("カウント： " + count);
},
function(){
if(count == 3){
this.confirm("中止しますか？");
}else{
this.keep();
return false;
}
}
]);
this.keep();
},
function(){
this.speak("シナリオ操作テスト終了。");
}
]
});
var sub = [
function(){
this.speak("サブシナリオ開始。");
},
function(){
this.speak("操作を選択してください。");
},
function(){
this.choice(["retake", "skip", "repeat", "back", "re...
},
function(result){
var str = result + "が選択されました。"
switch(result){
case "retake":
str += "このサブシナリオの先頭に戻ります・・・";
this.retake();
break;
case "skip":
str += "メインシナリオに復帰します・・・";
this.skip();
break;
case "repeat":
str += "このシナリオ関数を繰り返します・・・※「...
this.repeat();
break;
case "back":
str += "一つ前のシナリオ関数に戻ります・・・";
this.back();
break;
case "reset":
str += "メインシナリオの先頭に戻ります・・・";
this.reset();
break;
case "quit":
str += "シナリオを強制終了します・・・※「はじめ...
this.quit();
break;
}
this.speak(str);
return result;
},
function(result){
this.speak("サブシナリオ終了。");
}
];
**サブシナリオの選択ダウンロードと実行 [#xe03f3c7]
-シナリオを最初にすべて読み込むのではなく、シナリオの途中...
-このためには、readメソッドでスクリプトファイルを読み込み...
-readメソッド
--機能：スクリプトファイルを読み込む。
--第一引数：スクリプトファイルアドレス
--第二引数：スクリプトファイルの文字コード(指定なしの場合...
-playColdメソッド
--機能：指定シナリオが実行可能になるまで実行を試みる。試...
--第一引数：実行するシナリオ名(文字列で指定)
-必要に応じて次の「画像の選択ダウンロード」を行ってくださ...
-例は最後にまとめます。
**画像の選択ダウンロード [#a296a90f]
-Theaterインスタンス生成時以外にも、シナリオの途中で随時...
-このためには、preloadメソッドを使用します。
-preloadメソッド
--機能：スクリプト用に画像を先読みする。ダウンロード中は...
--第一引数：先読みする画像アドレス配列。
【test.htm】
new Theater({
img: [
"img/sample1.gif"
],
scenario: [
function(){
this.act({
img: "img/sample1.gif",
msg: "テスト開始。"
});
},
function(){
this.speak("クリックすると別ファイルを読み込んでサ...
},
function(){
this.read("sub.js");
this.playCold("sub");
},
function(){
this.act({
img: "img/sample1.gif",
msg: "元のファイルのメインシナリオに復帰しました...
});
},
function(){
this.speak("テスト終了。");
}
]
});
【sub.js】
var sub = [
function(){
this.preload([
"img/sample2.gif",
"img/sample3.gif"
]);
this.speak("別ファイルのサブシナリオ開始。同時に画像...
},
function(){
this.act({
img: "img/sample2.gif",
msg: "ここは別ファイルです。"
});
},
function(){
this.act({
img: "img/sample3.gif",
msg: "別ファイルのサブシナリオを終了します"
});
}
];
終了行:
#contents
----
*解説/中級編 [#a99e836c]
**シナリオ操作 [#e6da05bd]
-[[解説/初級編#y1dcc379]]で解説したpush、keepメソッド以外...
-以下のkeepメソッド以外は、呼び出し時にシナリオを設定する...
-keepメソッド
--機能：シナリオ関数終了後、直ちに次のシナリオ関数を実行...
-pushメソッド
--機能：サブシナリオを設定する。
--第一引数：設定するサブシナリオ関数配列
-retakeメソッド
--機能：実行中のシナリオ関数配列の先頭に戻る。
-skipメソッド
--機能：実行中のシナリオ関数配列を終了する(親のシナリオ関...
-repeatメソッド
--機能：シナリオを進行させない(次も同じシナリオ関数を実行...
-backメソッド
--機能：実行中のシナリオ関数配列で、ひとつ前のシナリオ関...
-resetメソッド
--機能：デフォルトのシナリオ関数配列の先頭に戻る。
-loopメソッド
--機能：繰り返しを指定してサブシナリオを設定する。
--第一引数：繰り返す回数、または繰り返し条件の関数配列(詳...
--第二引数：設定するサブシナリオ関数配列
--補足：第一引数の繰り返し条件の関数配列とは、[初期処理関...
---初期処理関数：繰り返し処理開始前に実行される関数。
---継続条件判定関数：各繰り返しの先頭で実行される関数。tr...
---繰り返し毎処理関数：各繰り返しの末尾で実行される関数。...
-quit(end, fin)メソッド
--引数：なし
--説明：シナリオを強制終了する。end, finメソッドはquitメ...
new Theater({
img: [
"img/sample1.gif",
"img/sample2.gif",
"img/sample3.gif"
],
scenario: [
function(){
this.act({
img: "img/sample1.gif",
msg: "シナリオ操作テスト開始。"
});
},
function(){
this.speak("サブシナリオ開始前。pushメソッドでサブ...
},
function(){
this.push(sub);
this.keep();
},
function(){
this.speak("メインシナリオに復帰しました。");
},
function(){
this.speak("画像切り替えを繰り返します。");
this.loop(2, [
function(){
this.appear("img/sample2.gif");
},
function(){
this.appear("img/sample3.gif");
}
]);
},
function(){
this.act({
img: "img/sample1.gif",
msg: "3からカウントダウンします"
});
return false;
},
function(){
var count;
this.loop([
function(){ //初期処理関数
count = 3;
},
function(result){ //継続条件判定関数
return (!result && count >= 0);
},
function(result){ //繰り返し毎処理関数
count--;
return result;
},
], [
function(){
this.speak("カウント： " + count);
},
function(){
if(count == 3){
this.confirm("中止しますか？");
}else{
this.keep();
return false;
}
}
]);
this.keep();
},
function(){
this.speak("シナリオ操作テスト終了。");
}
]
});
var sub = [
function(){
this.speak("サブシナリオ開始。");
},
function(){
this.speak("操作を選択してください。");
},
function(){
this.choice(["retake", "skip", "repeat", "back", "re...
},
function(result){
var str = result + "が選択されました。"
switch(result){
case "retake":
str += "このサブシナリオの先頭に戻ります・・・";
this.retake();
break;
case "skip":
str += "メインシナリオに復帰します・・・";
this.skip();
break;
case "repeat":
str += "このシナリオ関数を繰り返します・・・※「...
this.repeat();
break;
case "back":
str += "一つ前のシナリオ関数に戻ります・・・";
this.back();
break;
case "reset":
str += "メインシナリオの先頭に戻ります・・・";
this.reset();
break;
case "quit":
str += "シナリオを強制終了します・・・※「はじめ...
this.quit();
break;
}
this.speak(str);
return result;
},
function(result){
this.speak("サブシナリオ終了。");
}
];
**サブシナリオの選択ダウンロードと実行 [#xe03f3c7]
-シナリオを最初にすべて読み込むのではなく、シナリオの途中...
-このためには、readメソッドでスクリプトファイルを読み込み...
-readメソッド
--機能：スクリプトファイルを読み込む。
--第一引数：スクリプトファイルアドレス
--第二引数：スクリプトファイルの文字コード(指定なしの場合...
-playColdメソッド
--機能：指定シナリオが実行可能になるまで実行を試みる。試...
--第一引数：実行するシナリオ名(文字列で指定)
-必要に応じて次の「画像の選択ダウンロード」を行ってくださ...
-例は最後にまとめます。
**画像の選択ダウンロード [#a296a90f]
-Theaterインスタンス生成時以外にも、シナリオの途中で随時...
-このためには、preloadメソッドを使用します。
-preloadメソッド
--機能：スクリプト用に画像を先読みする。ダウンロード中は...
--第一引数：先読みする画像アドレス配列。
【test.htm】
new Theater({
img: [
"img/sample1.gif"
],
scenario: [
function(){
this.act({
img: "img/sample1.gif",
msg: "テスト開始。"
});
},
function(){
this.speak("クリックすると別ファイルを読み込んでサ...
},
function(){
this.read("sub.js");
this.playCold("sub");
},
function(){
this.act({
img: "img/sample1.gif",
msg: "元のファイルのメインシナリオに復帰しました...
});
},
function(){
this.speak("テスト終了。");
}
]
});
【sub.js】
var sub = [
function(){
this.preload([
"img/sample2.gif",
"img/sample3.gif"
]);
this.speak("別ファイルのサブシナリオ開始。同時に画像...
},
function(){
this.act({
img: "img/sample2.gif",
msg: "ここは別ファイルです。"
});
},
function(){
this.act({
img: "img/sample3.gif",
msg: "別ファイルのサブシナリオを終了します"
});
}
];
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
