# ハンドベルの音を再生する

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    	var pos = getCanvasPosition(_handbell[0]._pos);
    	var pos2 = getCanvasPosition(_handbell[1]._pos);
    	var width = (pos2.x - pos.x) / 2;
    	var left = pos.x - width;
    	var x = ~~((mouseX(event) - left) / width);
    	if ( x >= 0 && x < _audio.length )
    	{
    		_audio[x].currentTime = 0;
    		_audio[x].play();
    	}

では「制御」→「実行」メニューを実行してください。
キャラクターをクリックするとハンドベルの音が再生されました！
今度はキャラクターがハンドベルを振るアニメーションをするといいな。
マウスが押された時の処理です。
posに一番左の女の子のキャンバス上の二次元座標を取得しました。
pos2に左から二番目の女の子のキャンバス上の二次元座標を取得しました。
隣り合う女の子の距離の半分がハンドベル一つの幅widthになります。
leftはハンドベルの一番左の位置を表します。
xにマウスのx座標が左から何番目のハンドベルの位置かを取得します。
xが0〜サウンドの数までなら、_audioのx番目のサウンドを再生位置を0に巻き戻してplayメソッドで再生しました。

### 次へ