COLUMN

コラム

親子で楽しもう!Scratchプログラミング【2】
Scratchでなにかつくってみよう
村山 要司

2018/11/28

村山 要司

この連載では、Scratchを使って、ゲームをつくりながら、プログラミングを楽しんでもらいたい!と考えています。しかも子どもだけでなく、大人も一緒に!第2回は実際になにかつくってみます。

Scratchプログラミングを始めよう

では、さっそくつくってみましょう。

[1]右上に、ユーザー名が表示されていなかったら、「サインイン」をクリックして、登録した自分のユーザー名とパスワードを入力。

image

[2]サインインできたら、「作る」をクリックするとScratchの画面が開きます。

image

Scratchの画面

Scratchは、

① 画面である「ステージ」に部品である「スプライト」を配置
② 「スクリプトエリア」で、命令である「ブロック」を組み合わせて「スプライト」に動きをつける

という手順で動かしていきます。Scratchでは、プログラムのことを「スクリプト」と呼んでいます。

image

Scratchプログラミングを始めよう










作品名作品の名前を入力。最初は「Untitle-数字」という名前がついている。
ステージ実行時に画面になる。ここに「スプライト」という部品を置いていく。
スプライトリスト使用しているスプライトのリスト。最初は、猫のキャラクターのスプライトが1つ用意されている。
ブロックパレットスプライトに動きを与えるための命令である「ブロック」のリスト。
カテゴリーブロックの種類。ブロックパレットに表示されるブロックを切り替える。
スクリプトエリアブロックを組み合わせて、プログラム(「スクリプト」)を作成する場所。

Scratchキャットを動かそう!

Scratchのキャラクターである「Scratchキャット」を動かす簡単なアニメーションをつくりながら、Scratchでのスクリプトづくりの流れを体験してみましょう。

① 最初に、作品名をつけましょう。「Untitle」を消して、「キャット・アニメ」と入力します。

image

② 動きをつけるには、スプライト(Scratchキャット)にブロックで命令を与えます。ブロックパレットから、「10歩動かす」を、スクリプトエリアにドラッグします。

image

③ カテゴリーの「イベント」をクリック。ブロックパレットに別の種類のブロックが表示されます。

image

イベントは、スクリプトを実行するときの「きっかけ」となります。そのきっかけを検知するためのブロックを「イベントブロック」といいます。イベントがなければ、スクリプトを開始することができません。

④「(緑の旗のマーク)がクリックされたとき」をスクリプトエリアにドラッグし、「10歩動かす」に、はめ込みます。

image

⑤ 作品名の横の緑の旗のマークをクリックすると、Scratchキャットが少し移動します。Scratchキャットの位置(X座標、Y座標)がX方向に10増えています。
画像5: Scratchキャットを動かそう!

image

⑥ 緑の旗のマークを繰り返しクリックすると、Scratchキャットがどんどん右に進んでいきます。あらら、ステージからはみ出してしまいました。

image

動きを変えよう

動きをつけるブロックを組み合わせて、動きに変化を与えることができます。猫の動きを変えて、ステージから、はみ出さないようにしてみましょう。

① カテゴリーを「動き」に戻します。「もし端に着いたら、跳ね返る」をドラッグして、「10歩動かす」の下に、はめ込みます。

image

※「もし端に着いたら、跳ね返る」のブロックは少し下のほうにあります。見えていなければ、スクロールして、探してください。

② 緑の旗のマークを繰り返しクリックすると、端にいた猫が反転して、逆方向に移動します。でも、上下がひっくり返ってしまいました。

image

スプライトの設定を変える

スプライトは、動きについて最初からいくつかの設定がしてあります。スプライトに関する情報を表示し、その設定を変更してみましょう。

① スプライトリストのアイコンの左上にある「i」をクリックします。

image

② スプライトの情報が表示されるので、「回転の種類」の←→をクリックします。

image

③ 上下がひっくり返っていたScratchキャットが直り、左右の向きが反転するだけになります。

image
をクリックして、スプライト情報を閉じます。
image

スプライトのコスチュームを変えてみよう

スプライトは、絵柄を複数もつことができます。絵柄のことを「コスチューム」と呼んでいます。Scratchキャットは、2種類のコスチュームが用意してあります。移動するたびにコスチュームが切り替わるようにしましょう。

① ブロックパレットの上にある「コスチューム」タブをクリック。

image

② Scratchキャットのスプライトには、2つのコスチュームが用意されています。現在は、上のコスチュームが選ばれています。下のコスチュームをクリックすると、ステージのScratchキャットのコスチュームも切り替わります。

image

③ 「スクリプト」タブをクリックして、ブロックパレットを元に戻し、カテゴリーから「見た目」をクリックします。

image

④ 「次のコスチュームにする」をドラッグして、「もし端に着いたら、跳ね返る」の下にはめ込みます。

image

⑤ 緑の旗のマークを繰り返しクリックすると、移動するときにScratchキャットの手足が動きます。

image

自動的に何度も繰り返す

命令を繰り返すためのブロックを使って、一度緑の旗のマークをクリックすれば、そのまま動き続けるようにしましょう。

① 「10歩動かす」をドラッグして、「(緑の旗のマーク)がクリックされたとき」から外します。

image

② カテゴリーの「制御」をクリックし、「ずっと」のブロックをドラッグして、「(緑の旗のマーク)がクリックされたとき」の下にはめ込みます。

image

③ 「10歩動かす」をドラッグして、「ずっと」の中に、はめ込みます。

image

④ 緑の旗のマークをクリックすると、Scratchキャットが走り出し、端までくると、向きを変えて走り続けます 。

image

⑤ 赤い●ボタンをクリックすると、アニメーションが停止します。

image

作品を保存しよう

作品は、インターネット上に保存されます。自動保存機能で、つくっている途中でも保存されますが、まだ保存されていない場合は、右上に「直ちに保存」と表示されているので「ファイル」をクリックし、「直ちに保存」をクリックします。

image
image

右上の「直ちに保存」の文字をクリックしても、保存できます。

保存した作品を見てみよう

保存した作品はインターネット上の「私の作品」に保存されます。「私の作品」から、先ほど保存した作品を開きましょう。

① 画面右上の「S」をクリックします。

image

② 「私の作品」に保存されている作品の一覧が表示されます。「中を見る」をクリックすると、「キャット・アニメ」が開きます。

image

今回は、Scratchキャットを動かすアニメーションをつくってみました。Scratchでのプログラミングがどんなものかなんとなくわかったでしょうか。

次回はゲームづくりに挑戦してみましょう。Scratchキャットをもっとアチコチに動かして、もぐらたたきのようなゲームをつくります。おたのしみに。

親子で楽しもう!Scratchプログラミング【2】Scratchでなにかつくってみよう
村山 要司

2018/11/28

村山 要司

関連記事

人気の記事
タグ一覧
バレッドキッズ新規生徒募集
バレッドアカデミー
バレッドキッズ先生募集