『子供の科学2021年7月号』の特集「プログラミングで図鑑
をつくれ!」では、Scratch(スクラッチ)のプログラムで「分類図鑑
」をつくる方法を紹介しているよ。
記事を読んで、基本の「分類図鑑」のプログラムはもうつくってみたかな。ひょっとしたら、いろいろ改造
したくなったかもね。そこで、記事ではあまり紹介できなかった、改造についてもうちょっとくわしく紹介しよう。
1 ページを切り替える方法
基本のプログラムでは、分類図鑑は1ページしかないね。ページを切り替えられるようにすることで、本物の図鑑みたいになるし、項目をたくさん入れることができるよ。
そこで、ページを切り替えるためのプログラムを紹介しよう。
① Scratchのプロジェクトエディターで「ステージ」を選択
する。
![ステージを選択](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page1-1-1024x662.png)
② 「コード」タブで、スペースキーが押されたときに、次の背景にするコードを組む。
![スペースキーが押されたら次の背景にするコード](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page2.png)
③ 「背景」タブで、テキストツールを使って、左上のほうに「ページ1」と書こう。
![背景タブで編集](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page3-1024x950.png)
それからコスチューム名も「ページ1」に変更しよう。
![](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page3-2.png)
④ 「背景」タブで「ページ1」を右クリックして「複製
」を選択して、「ページ2」、「ページ3」をつくろう。複製するとコスチューム名が自動的に「ページ2」、「ページ3」となるよ。
![](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page4-1.png)
複製してできた「ページ2」、「ページ3」では、「背景」タブでそれぞれ「ページ2」、「ページ3」と書いておこう。
![コスチュームの変更](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page5.png)
⑤ 項目のスプライトを選択して、下記のコードを追加する。〈(ステージ▼)の「背景の名前▼」=(ページ1)〉ブロックの(ページ1)の部分に、その項目を表示させたいページの名前(背景のコスチューム名)を入れよう。
![表示するページを変えるコード](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page6.png)
⑥ プログラムが改造できたら、緑の旗
のアイコンをクリックして試してみよう。「スペース」キーを押すと、ステージに表示されるページが変わり、項目(ここでは鳥の写真)も変わっているね。
![ページを表示](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page9-1-1024x601.png)
![ページ2を表示](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page10-1024x601.png)
![ページ3を表示](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/page11-1024x601.png)
2 詳しい情報を表示する
「分類図鑑」の基本のプログラムでは、写真にマウスを触れると、その鳥の名前が表示されるようになっている。でも名前だけだと情報として物足りないよね。そこで、下記のプログラムの「(スズメ)と言う」ブロックの(スズメ)の部分に情報を追加したよ。
![マウスのポインターが触れたら名前を表示するコード](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/txt0.png)
![表示する内容を変更](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/txt.png)
ここで紹介した内容を参考に、「分類図鑑」のプログラムを改造して充実させていってね。
![](https://www.kodomonokagaku.com/wp-content/uploads/2021/06/2107表紙.png)