AppInventor2でつくったアプリ「イライラ迷路」です。スマホを傾けてボールを動かせます。Clockの使い方も説明します。イライラ棒みたいなゲームです。
学べること
- スマホを傾けてボールを動かす。AccelerometerSensorの使い方
- 何かにぶつかったら。When Ball CollidedWithの使い方
- 画面にぶつかったら。When Ball EdgeReachedの使い方
- ボタンの使い方
部品
Paletteから必要なものをViewerにドロップしてください。
Sound,Clock,AcceleroometerSensorは赤で囲んだ場所に配置されます。
| UerInterface | Button Label |
|---|---|
| Media | Sound |
| DrawingAndAnima | Camvas Ball ImageSprite×3 |
| Sensor | Clock AcceleroometerSensor |
詳細設定
| Button | 「Ｔｅｘｔ」→「もういっかい！」 「Ｖｉｓｉｂｌｅ」→「チェック外す」 |
|---|---|
| Label | 「Ｔｅｘｔ」→「ゲームオーバー」 「Ｖｉｓｉｂｌｅ」→「チェック外す」 |
| Camvas |
「Ｈｅｉｇｈｔ」→「４００ｐｉｘｅｌｓ」 「Ｗｅｄｔｈ」→「３００ｐｉｘｅｌｓ」 |
| Ball | 「Ｒａｄｉｕｓ」→「１０」 「Ｘ」→「４０」 「Ｙ」→「５」 |
| Clock | 「ＴｉｍｅｒＩｎｔｅｒｖａｌ」→「１０」 |
| Acceleometer | そのまま |
| Sound | 「Ｓｏｕｒｃｅ」→「壁にぶつかったときの音」 |
| ImageSprite1 |
「Ｐｉｃｔｕｒｅ」→「画像」 「Ｈｅｉｇｈｔ」→「４００ｐｉｘｅｌｓ」 「Ｗｅｄｔｈ」→「３０ｐｉｘｅｌｓ」 「Ｘ」→「０ｐｉｘｅｌｓ」 「Ｙ」→「０ｐｉｘｅｌｓ」 |
|---|---|
| ImageSprite2 |
「Ｐｉｃｔｕｒｅ」→「画像」 「Ｈｅｉｇｈｔ」→「３００ｐｉｘｅｌｓ」 「Ｗｅｄｔｈ」→「３００ｐｉｘｅｌｓ」 「Ｘ」→「７０ｐｉｘｅｌｓ」 「Ｙ」→「０ｐｉｘｅｌｓ」 |
| ImageSprite3 |
「Ｐｉｃｔｕｒｅ」→「画像」 「Ｈｅｉｇｈｔ」→「そのまま」 「Ｗｅｄｔｈ」→「そのまま」 「Ｘ」→「３０ｐｉｘｅｌｓ」 「Ｙ」→「３５０ｐｉｘｅｌｓ」 |
こんな感じになればＯＫです。Ｂｕｔｔｏｎ，Ｌａｂｅｌは見えませんが、下にあります。
ボールを動かそう！！
ブロック画面を開いてください。
携帯を傾けてボールを動かすブロックを組みましょう。
- Clock
- Ball
- Math
- AccelerometerSensor
から同じ部品をドロップしてください。
プラスとマイナスに気を付けてください。
ぶつかったときの反応
- Ball
- Math
- Label
- Logic — ture
から同じ部品をドロップしてください。
tureはLogicの中にあります。
ゴールの反応～Ｂａｌｌ ｅｄｇｅ～
- Ball
- Control — if
- Logic
— =
— ture
— false - Math
- Button
- Label
- Text
- Clock
から同じ部品をドロップしてください。
Textはご自身で入力してください。
オレンジ色のget edgeはWhen Ballブロックの左上のedgeから出してください。
なぜイコール３なのか・・・
なぜなら画面の端(edge)には番号があります。
例えば「edge」=「1」のときは画面上辺のことを指します。
下を参照してください。
最初に戻る～ボタンの使い方～
- Button
- Clock
- Logic
— ture
— false - Label
から同じ部品をドロップしてください。
Textはご自身で入力してください。
完成！！
スマホで確認してみましょう！！（エミュレーターでは傾けるということが出来ないためおすすめしません。）
上手く動きましたか？
もっとステージをつくればそれだけでゲームアプリとなります。
ぜひトライしてみてください。