※このページは書きかけです。
#contents
----
*解説/省略記法 [#xb943c36]
**シナリオ配列各要素の記述を簡略化 [#l64895bf]
-シナリオ配列の各要素に、カスタムオブジェクト、または配列を設定可能としました。 
-カスタムオブジェクトとは、具体的にはactメソッドの引数です。
-以下のように記述することができます。

 new Theater({
   img: [
     "img/sample1.gif",
     "img/sample2.gif",
     "img/sample3.gif"
   ],
   scenario:[
     {img: "img/sample1.gif", msg: "はじめ"},
     {img: "img/sample2.gif", msg: "つぎ"},
     {img: "img/sample3.gif", msg: "おわり"}
   ]
 });

-これは[[解説/基礎編#a533d944]]の例と同等です。

-さらに簡略化したものとして、配列も指定可能です。
-配列の場合は、[(imgプロパティ設定値), (msgプロパティ設定値)] という形式になります。

 new Theater({
   img: [
     "img/sample1.gif",
     "img/sample2.gif",
     "img/sample3.gif"
   ],
   scenario:[
     ["img/sample1.gif", "はじめ"],
     ["img/sample2.gif", "つぎ"],
     ["img/sample3.gif", "おわり"]
   ]
 });

-これも[[解説/基礎編#a533d944]]の例と同等です。
-配列の場合、img、msgプロパティ以外を指定することはできません。

**act、appear、speakメソッドの引数配列指定 [#d555d2ab]
-actメソッド、appearメソッド、speakメソッドの引数に、引数の配列を指定できます。
-具体的には以下のようになります。

 new Theater({
   img: [
     "img/sample1.gif",
     "img/sample2.gif",
     "img/sample3.gif"
   ],
   scenario:[
     function(){
       this.act([
         {img: "img/sample1.gif", msg: "はじめ"},
         {img: "img/sample2.gif", msg: "つぎ"},
         {img: "img/sample3.gif", msg: "おわり"}
       ]);
     },
     function(){
       this.speak(["はじめ", "つぎ", "おわり"]);
     },
     function(){
       this.appear(["img/sample1.gif", "img/sample2.gif", "img/sample3.gif"]);
     }
   ]
 });

-actメソッドのimg、msgプロパティにも配列が指定可能です。
-ただし、img、msgプロパティに配列を指定する場合は、指定プロパティはimgまたはmsg単独とし、他のプロパティも指定しないでください。
-[[#l64895bf]]の省略記法でも同様です。

 new Theater({
   img: [
     "img/sample1.gif",
     "img/sample2.gif",
     "img/sample3.gif"
   ],
   scenario:[
     {msg:["はじめ", "つぎ", "おわり"]},
     {img:["img/sample1.gif", "img/sample2.gif", "img/sample3.gif"]}
   ]
 });


※このページは書きかけです。
トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS