Canvas Screenコンポーネントでの作成
画像の呈示
同じ評定課題をCanvas Screenコンポーネントでも作成してみます。新しいプログラムとして作成（サイドバーの▼から「New」を選ぶ）します。
以下の手順で画像を評価する試行を作成してください。
- サイドバーの「+」から「Screen Canvas」コンポーネントを追加
- 追加された「Screen」の名前を「Rating」に変更
- 「Content」内の左下にある「+」をクリックし，「iamge」を選ぶ
- 画像をアップロードするウィンドウ（下図）が表示されるので，ここに先ほどダウンロードした4枚すべての画像をドロップして画像をアップロード
- 現在の画面では，4枚の画像のうち，3枚を削除します。マウスで画像をクリックして選択後，左下のゴミ箱マークをクリックしてください。これを3回繰り返します。
- 画像を真ん中にマウスで移動させます
- ここまでで画像の呈示が完成しました。
評定ボタンの作成
評定に使うボタンを以下の手順で作成します。
-
Contetにある「＋」をクリックして，Textを選ぶ
-
画面に「text」として文字が追加されますので，このTextをダブルクリックし，「1」と入力してください
-
同じように，「2」「3」「4」「5」を作成してください
-
マウスを使って，1〜5までのボタンを教示文の下に均等に動かして配置してください
- 均等に配置したい場合には，Contextの下部に表示されている「→」と「↓」の数値を参考にしてください
- 「→」はX軸の中心を0とした場合の相対位置を示していて，「↓」はY軸の中心を0とした場合の相対位置を示しています
- 1〜5を均等に配置したい場合，真ん中の値にあたる「3」を「→」＝0の位置に置きます
- 「4」と「5」を「→」の値が等間隔になるように配置します
- 例えば，「4」の「→」が100，「5」の「→」が200
- 「1」と「2」も配置します
- 例えば，「1」の「→」は-200，「2」の「→」は-100
-
ここまでで以下のような画面になっているかを確認してください
ここから評定課題として機能させるためには，各数字をクリックすることでそれぞれの値が評定値として記録される必要があります。そのためにはAOIと呼ばれる要素を追加する必要があります。