1. 画像をランダムな位置に呈示する

今回は，演習課題で作成した課題１の配列使用版を修正することで，画像の位置をランダムに入れ替える方法を学びます。まずは以下のファイルをダウンロードしてください。

課題１の配列使用版

Zip

上記の方法で保存できない場合のヒント

この課題では，以下のように３×３のマトリクス状に画像が呈示されます。

次は，ランダム関数を使って，画像が呈示される位置をランダムにしたいと思います。今回は「random.shuffle」関数を使います。この関数は配列の要素をランダムに入れ替えます。そこで，今回は刺激の呈示位置をランダムに指定するための配列「rand_loc」を新たに作成します。

新たに以下の配列を作成しました。この配列は，0から8までの9個の数字をランダムに並び替える配列です。例えば，rand_locの中身は「4,5,3,2,1,7,6,8,0」のようにシャッフルされます。

var rand_loc = this.random.shuffle([0,1,2,3,4,5,6,7,8]);