2010年9月17日金曜日

Day6 Reaction Time(1)画面構成

Reaction Time アプリの内容はこんな感じか。

アプリの内容
画面中央に表示されている信号が青に変わったら、右下にあるアクセルペダル画像をタップすると、何ミリ秒で反応したかが表示される。
---------------------------------------
画像の配置
使用されている画像は次の4つ。
1.
道路(road.png)
背景画像として、view に追加する。

2-1.
信号機(redLightSmall.png、yellowLightSmall.png、greenLightSmall.png)
3つの画像をランダムに表示させている。

2-2.
信号機を上部から支えている線(stopLightCable.png)
細部も抜かりありませんね。

3.
アクセルペダル(gasPedalSmall.png)
コレをタップすると、信号が青に変わってからタップされるまでの経過時間が画面に表示される。
---------------------------------------
Alert メッセージの表示
次の状態の時、Alert メッセージを表示する。
1.
アプリを起動させた直後
操作方法を説明する。

2.
信号が青に変わってからペダルをタップした時
信号が青に変わってからタップされるまでの経過時間を表示する。

3.
信号が赤、または黄色でペダルをタップした時
「青信号でタップしろ」と警告する。