画像の切り替えについて教えて下さい

853 views
Skip to first unread message

BON

unread,
Nov 27, 2011, 2:07:57 PM11/27/11
to 日本App Inventorユーザー会
初めまして、App Inventorを使ってゲームアプリを制作しているものです。

まだApp Inventorを使い始めたばかりなので分からない事も多く、
中々制作が思うように進まないので、この場を借りて質問させて頂きました。

私は現在、表示されるマーク(画像)に対応したボタンを押すと得点が入り、
制限時間内までにどれだけ得点を稼げるかと言う内容のゲームを作っています。
イメージとしては、以下のURL先にある動画を観て頂ければ解りやすいかと思われます。
http://www.youtube.com/watch?v=MqltE8Bvb1U (0:30辺りから)
http://www.youtube.com/watch?v=zdLVfRs0oK0 (5:14辺りから)

そこで質問なのですが、アプリを起動した際に、操作の為のボタンなどと一緒に、
ゲームの説明が書いてある画像を、予め表示させておくとします。
その画像を、ゲームスタートのボタンを押した際に別の画像、それも数種類ある内の中から、
ランダムに表示させるにはどうすれば良いのでしょうか。

また、表示された画像に対応したボタンを正しく押す事で、次の画像をランダムに表示させ、
逆に違うボタンを押してしまった場合には画像は切り替わらないようにするには、どうすれば良いのでしょうか。

『30分で作れるAndroidアプリ』と言う本を片手に制作しているのですが、
何分こう言った作業は苦手なものでして、見当がつきません。
コンポーネントの配置などは済んだのですが、いざBlocks Editorに取りかかると、詰まってしまいます。

どなたか分かる方がいらっしゃるのなら、お答え頂ければ幸いです。
よろしくお願いします。

Shoya Tsukada

unread,
Nov 30, 2011, 6:03:54 AM11/30/11
to app-inv...@googlegroups.com
がぶです。

> その画像を、ゲームスタートのボタンを押した際に別の画像、それも数種類ある内の中から、
> ランダムに表示させるにはどうすれば良いのでしょうか。
>
> また、表示された画像に対応したボタンを正しく押す事で、次の画像をランダムに表示させ、
> 逆に違うボタンを押してしまった場合には画像は切り替わらないようにするには、どうすれば良いのでしょうか。

まず、アップロードした画像の名前のリストを作りましょう。
Definitionのvariableブロック(名前を分かりやすいようにimagesに変えておきましょう。)で入れ物を作って、Listsのmake
a listブロックにtextブロックをぺしぺしセットして、画像の名前のリストを作ります。
textブロックの値は画像のファイル名です。

次に、ランダムに表示するところまで作りましょう。
表示している画像は仮にImage1とします。
Button1.Clickブロックの中でset Image1.PictureブロックにBuilt-inのListsのpick random
itemブロックをセットして、さらにpick random itemブロックに最初に作ったimagesブロック(My BlocksのMy
Definitionsにあるはずです)をセットします。
すると、Button1を押すたびに画像がランダムに切り替わると思います。

まず、ここまでやってみてください!

いかがでしょうか?


2011年11月28日4:07 BON <taku...@gmail.com>:

> --
> このメールは Google グループのグループ「日本App Inventorユーザー会」の登録者に送られています。
> このグループに投稿するには、app-inv...@googlegroups.com にメールを送信してください。
> このグループから退会するには、app-inventor-...@googlegroups.com にメールを送信してください。
> 詳細については、http://groups.google.com/group/app-inventor-jp?hl=ja からこのグループにアクセスしてください。
>

--
塚田 翔也
Shoya Tsukada
tsukada...@gmail.com
Twitter: http://twitter.com/gabu
Blog: http://d.hatena.ne.jp/gabuchan/
Group: http://sites.google.com/site/androidnagoyatsubu/
G+: http://gplus.to/gabu

BON

unread,
Dec 4, 2011, 6:35:40 PM12/4/11
to 日本App Inventorユーザー会
がぶさん

投稿者のBONです。

こちらから質問をしておきながら、(別件で忙しかったとは言え)完全に放置状態になってしまいました。
せっかくご丁寧な説明をして頂いたと言うのに、それへの対応が遅れてしまい、本当に申し訳ありませんでした。

それで、肝心の制作の方ですが、最初のスタートボタンを押すと、
きちんとルール説明の画面から別の画面に、それもランダムに切り替わるようになりました。
ありがとうございます。

ただ、まだこれでは完成にはほど遠いので、がぶさんさえよろしければ、この先も教えて頂ければと思います。
どうかよろしくお願いします。


On 11月30日, 午後8:03, Shoya Tsukada <tsukada.sho...@gmail.com> wrote:
> がぶです。
>
> > その画像を、ゲームスタートのボタンを押した際に別の画像、それも数種類ある内の中から、
> > ランダムに表示させるにはどうすれば良いのでしょうか。
>
> > また、表示された画像に対応したボタンを正しく押す事で、次の画像をランダムに表示させ、
> > 逆に違うボタンを押してしまった場合には画像は切り替わらないようにするには、どうすれば良いのでしょうか。
>
> まず、アップロードした画像の名前のリストを作りましょう。
> Definitionのvariableブロック(名前を分かりやすいようにimagesに変えておきましょう。)で入れ物を作って、Listsのmake
> a listブロックにtextブロックをぺしぺしセットして、画像の名前のリストを作ります。
> textブロックの値は画像のファイル名です。
>
> 次に、ランダムに表示するところまで作りましょう。
> 表示している画像は仮にImage1とします。
> Button1.Clickブロックの中でset Image1.PictureブロックにBuilt-inのListsのpick random
> itemブロックをセットして、さらにpick random itemブロックに最初に作ったimagesブロック(My BlocksのMy
> Definitionsにあるはずです)をセットします。
> すると、Button1を押すたびに画像がランダムに切り替わると思います。
>
> まず、ここまでやってみてください!
>
> いかがでしょうか?
>

> 2011年11月28日4:07 BON <takuma...@gmail.com>:

> tsukada.sho...@gmail.com

Reply all
Reply to author
Forward
0 new messages