1章課題

両手で両目を隠すようにプログラムするには?


課題内容(書籍P.60)

前ページのコラムで紹介したメッセージを使って、両手で両目を隠すようにプログラムしてみよう。

スプライトを複製する必要があるよ。


複製したスプライトのコード


模範解答

はじめに、コラムにある通り「目」「手1」「手2」のコードを完成させよう(→P.57、58参照)。



もし、「手2」がまだ体のうしろにかくれてしまっているなら、顔の前に出そう(→P.41参照)。

スプライト「手2」を右クリックして「複製」をクリックすると複製できるよ。



両手の向きを左右対称にしたいので、まず、複製したスプライト「手3」のスプライト情報から「回転の種類」を「左右のみ」にするよ。



「動き 」カテゴリの 「90度に向ける」 を-90度にしてクリックしよう。-90度にするとスプライトが左に向くよ。



「手2」、「手3」をマウスでドラッグ&ドロップして位置を調整しよう。これで両手で両目をかくすようになったよ。


手のスプライトの名前は「手1」 「手2」「手3」のままでもいいけど、いつ、どこで使う手なのかがちょっとわかりにくいので、名前を変えよう。

今回は左目をかくす「手2」を「めかくし左」、右目をかくす「手3」を「めかくし右」に変えるよ。


手のスプライトにさらに効果を入れてみよう

ところで、「めかくし左」、「めかくし右」 のスプライトは、コスチュームが2つあるよね。



ここで2つのスプライトの 「~を受け取ったとき」 のコードを次のように変えると、両目をかくすときに顔をなでるようになるよ。



ちょっとした動きを付けたしただけだけど、「クリックすると、見た目が変わる」ことがわかりやすくなったよね。このような効果を上手に入れていくことは、操作のわかりやすさや全体の親しみやすさ・楽しさを演出する上で重要なことなんだよ。


課題2:アイコンをクリックしたら着せかえができるようにするには?


課題内容(書籍P.60)

これまでは着せかえをしたいスプライトを直接クリックすると、コスチュームが変わるようにしていたね。今度は服、まゆ、目、鼻それぞれに着せかえ用のアイコンを用意して、そのアイコンをクリックしたらコスチュームが変わるようにしてみよう。ここではメッセージを使うんだよ。



目のアイコンのコード


目のコード


まゆのアイコンのコード


まゆのコード


鼻のアイコンのコード


鼻のコード


服のアイコンのコード


服のコード


模範解答

まずはアイコンのスプライトをステージに読みこもう(→書籍P.35参照)。



スプライト「アイコン-目」のコードを作ろう。

目をいれかえるには、「アイコン-目」をクリックしたときに「目1」にメッセージを送るようにコードを書くんだ。


送るメッセージはどんな名前でもいいけど、分かりやすい名前をつけたほうがいいよ



目のコードも少しだけ変えるよ。

アイコンがクリックされたときにコードが実行されるように変えるんだ。

今回は 「目いれかえ」 というメッセージを受け取ったときに目が変わるようにするよ。



「アイコン-目」をクリックしたら目が入れかわるようになったかな?

うまくできたら、服、まゆ、鼻も同じように変えられるようにしよう。


もし、アイコンをクリックしたときに目や鼻がいっぺんにいれかわったら、作ったメッセージを見直そう。受け取るメッセージが同じコードは、メッセージが送られたときに同時に実行されてしまうんだ。



メッセージは、送る側と受け取る側とで、必ず名前をそろえる必要があることを覚えておこう。



更新日: 2019年05月22日