5.7　ボタン用レイヤのカスタマイズ（その２）

	前回はボタン画像の方をやったから、今回は効果音を再生できるようにしていくね。
	効果音って、§3.11 でやったみたいに WaveSoundBuffer クラスを使って再生するの？
	ん～、それでもいいんだけど、今回は KAG の効果音バッファを使おうと思うんだ。
	KAG の効果音バッファって、playse タグとかで効果音を再生する時に使うののことだよね？
	そうそう、それ。
	プラグインからも使えるの？　KAG の効果音バッファって。
	うん、使えるよ。 kag.se っていうのが KAG の効果音バッファの配列になってて、例えば 0 番のバッファを使って効果音を再生したい時は、kag.se[0] の play メソッドを呼び出せば OK。
	えっと、確か WaveSoundBuffer クラスの時は、再生する前に open メソッドを呼び出して、再生するファイルを開いてたよね？
	うん、WaveSoundBuffer クラスの時はね。でも KAG の効果音バッファは play メソッドだけで効果音が再生できるんだ。
	そうなの？
	KAG の効果音バッファは WaveSoundBuffer クラスを継承して作られてる SESoundBuffer っていうクラスのオブジェクトになってて、 play メソッドがオーバーライドされてるからね。
	ふぅん、そうなんだ。あ、じゃあ storage 属性とか loop 属性が指定できるようになってるの？
	うん。属性は引数に辞書配列の形で指定するの。例えば、kag.se[0].play(%["storage" => "se.wav", "loop" => false]); みたいな感じにね。
	なるほどね。
	それじゃ、ボタンを押した時に効果音を再生できるようにしてみるね。
	ボタンを押した時に効果音を再生できるようにするってことは、 onClick メソッドをオーバーライドするってこと？
	それでもいいんだけど、SystemButtonLayer クラスでは onMouseUp メソッドが呼び出されるとボタンが押されたことになるから、今回は onMouseUp メソッドで効果音を再生することにするね。
	りょ～かい。
	onMouseUp メソッドをオーバーライドする前に、効果音を再生するのに使うメンバ変数を追加しとくね。
	それってどんなメンバ変数なの？
	追加するのはこの６つのメンバ変数だよ。

	それぞれのメンバ変数の意味は、変数の名前を見れば解るよね？
	う～ん… button タグの属性と同じ名前になってるみたいだから…

＜各メンバ変数の意味＞

メンバ変数	変数の値の意味
clickse	クリックされたときに再生する効果音のファイル名
clicksebuf	clickse で指定した効果音を鳴らす効果音バッファの番号
enterse	ボタンの上にマウスカーソルが乗った時に再生する効果音のファイル名
entersebuf	enterse で指定した効果音を鳴らす効果音バッファの番号
leavese	ボタンの上からマウスカーソルが出て行った時に再生する効果音のファイル名
leavesebuf	leavese で指定した効果音を鳴らす効果音バッファの番号

	こういう意味？
	ん、そう。ちなみにバッファの番号は 0 以上 kag.numSEBuffers 未満にしなくちゃいけないから注意してね。
	numSEBuffers って、Config.tjs で指定する効果音バッファの数、だよね？

	ん、そうだよ。デフォルトだとこんなふうに 3 になってるから、指定できるバッファの番号は 0 か 1 か 2 ってことね。
	それって button タグの clicksebuf 属性とかに指定できる値と同じってことだよね。
	そういうこと。あと clicksebuf 属性とかはデフォルトが 0 になってるから、コンストラクタでメンバ変数をこう初期化しとくね。

	それぞれの効果音を再生するバッファ番号を 0 にしとくんだね。
	そ。で、onMouseUp メソッドはこんな感じ。

	あの if って何をチェックしてるの？
	clickse が設定されてるかどうかをチェックしてるの。これが設定されてないと効果音が再生できないからね。 clicksebuf にはデフォルト値を設定してるけど、 clickse には設定してないでしょ。
	じゃ設定されてないと clickse は void になるってこと？
	clickse はコンストラクタで初期化したりしてないでしょ。
	あ、そういえばそうだね。え～っと、clickse が設定されてたら play メソッドを呼び出すようになってるけど… window っていうのは？
	このレイヤが所属してるウィンドウを表すプロパティだよ。§3.7 で出てきたよね。
	あ、そうだったっけ。このレイヤが所属してるウィンドウってことは…これって結局 kag ってことなんじゃ？
	そ。だから kag.se って書いてもいいんだけどね。ま、こういう書き方もできるってことで。あとは解るよね？
	うん、おっけーだよ。
	それじゃ、ボタンの上にマウスカーソルが乗った時に効果音を再生する機能を追加してみて。
	えっと、onMouseEnter メソッドをオーバーライドすればいいんだよね？
	ん、そう。やり方は onMouseUp メソッドの時と基本的に同じだから。
	う～ん、それなら…

	こんな感じだよね？
	そうそう、これで OK。じゃついでにボタンの上からマウスカーソルが出て行った時に効果音を再生する方もやってみて。
	今度は onMouseLeave メソッドだよね？
	ん。
	え～っと、こっちは…

	こうだよね？
	うん、OK。これで完成だね。
	すごい複雑になるかと思ったけど、意外とシンプルにできたね。
	でしょ。それじゃ、実際にボタンを作ってみよっか。
	は～い！
	じゃあ、このスクリプトを実行してみて。必要なファイルはこれなんだけど、効果音のファイル(click.wav, enter.wav, leave.wav)は入ってないから適当なファイルを用意してね。

[call storage="exsystembutton.ks"]

[iscript]

// ボタンを作ります(クリックすると enabled が false になります)
var button = new ExSystemButtonLayer(kag, kag.fore.base, function(){button.enabled=false;});

// ボタンを kag オブジェクトに管理してもらいます
kag.add(button);

// ボタン画像を読み込みます
button.loadImages("button_test2");

// ボタンを押した時に再生する効果音を設定します(効果音：click.wav，バッファ番号：1)
button.clickse = "click.wav";
button.clicksebuf = 1;

// ボタンの上にマウスカーソルが乗った時に再生する効果音を設定します(効果音：enter.wav，バッファ番号：0（デフォルト）)
button.enterse = "enter.wav";

// ボタンの上からマウスカーソルが出て行った時に再生する効果音を設定します(効果音：leave.wav，バッファ番号：0（デフォルト）)
button.leavese = "leave.wav";

[endscript]

	じゃあ、実行してみるね。
	うん。

	ボタンを押すとボタン用レイヤの enabled が false になるようにしてるから、ちょっと押してみて。
	わかった。

	あっ、×がついてる画像になったね。
	ん、ちゃんと画像が切り替わったね。あと、効果音もちゃんと再生されてるでしょ？
	うん。 …って言っても見た目にはわかんないけどね。
	ま、まぁその辺は実際にやってみて確認してみてね、ってことで。とりあえずこれでボタン用レイヤのカスタマイズができたから、次回からはプラグインの方を作っていくね。
	それって SystemButtonPlugin クラスのことだよね？
	そうだよ。
	あれってそのまま使えるんじゃないの？
	デフォルトで実装されてるのはセーブとロードの機能だけだから、機能を追加しないとね。他にもちょっと変えたい部分もあるしね。
	ふぅん、そうなんだ。
	ってワケで、今回はここまで。それじゃ、また次回ね！

Section 5.7 ボタン用レイヤのカスタマイズ（その２）

Section 5.7　ボタン用レイヤのカスタマイズ（その２）