スクラッチ-競争

スクラッチにはだいぶ慣れてきたでしょうか?

まだ不安な方は基本となる以下の記事をみてみてくださいね。

今回は複数のスプライトを動かしてみたいと思います。

最終的にスプライトを同時に動かして競争ができるようにしてみましょう。

それではやってみましょう!

まずはスプライトを追加してみよう

作るをクリックした最初の段階だと猫しかいないので違うスプライトを追加してみましょう!

スプライトを追加しよう

スプライトを追加するには『スプライト』エリアにある動物の+マークのボタンをクリックしましょう。

ボタンをクリックするとスプライトの一覧が出てきますので好きなものを選びましょう。

スクラッチ-スプライトを追加しよう

スクラッチ-スプライトを追加しよう

スプライトごとにブロックを追加してみよう

スプライトの追加ができたらそれぞれのスプライトにブロックを追加してみましょう。

スプライトの動きはそれぞれにプログラミングエリアが分かれています。

まずは動きをつけたいスプライトを選択しましょう。

選択するには『スプライト』エリアに表示されているスプライトの絵をクリックしましょう。

クリックした時にプログラミングエリアの右上にあるスプライトの表示が変わっていることがわかります。

ブロックを追加する時にどのスプライトに動きを付けようとしているのか確認するようにしましょう。

スクラッチ-スプライトを選択する

スクラッチ-スプライトを選択する

スプライトを選択した後はブロックの追加をしてみてそれぞれ動くかを確認してみましょう!

スクラッチ-スプライトをそれぞれ動かす

スクラッチ-スプライトをそれぞれ動かす

スプライトを競争させてみよう

次は複数のスプライトを一緒に動かして競争をさせてみましょう。

スプライトを定位置に戻そう

競争を行うためにはまずスタートの位置を決めましょう。

画面の左から右に動いていくようにしたいので2つのスプライトを左に並べるようにしましょう。

スプライトの位置を変えるには『x座標を40、y座標を0にする』ブロックを使いましょう!

まず1つ目のスプライトには『x座標を-150、y座標を50にする』にしましょう。

2つ目のスプライトには『x座標を-150、y座標を-120にする』にしましょう。

スクラッチ-定位置に戻す

スクラッチ-定位置に戻す

2つのスプライトが左側に並べばOKです!

スプライトを走らせよう!

スプライトを走らせるためには繰り返し処理を使いましょう。

端っこまでいったら止まって欲しいので『〇〇まで繰り返す』を使ってみましょう。

〇〇の部分には『端に触れた』ブロックをうめましょう。

セットしたら動かしてみましょう、したの動画のように動けばOKです!

スクラッチ-スプライトを走らせる

スクラッチ-スプライトを走らせる

スタートする前に少し止めておきたいですね、『2秒待つ』ブロックを『x座標を-150、y座標を-120にする』ブロックのしたにはめましょう。

次のように動いていればOKです。

スクラッチ-2秒まつ

スクラッチ-2秒まつ

スプライトを一緒に動かしてみよう!

スプライトを左に戻して端まで動かすということはできたのですが1つのスプライトしか動かせていませんね。

つづいてスプライトを一緒に動かしてみましょう!

一緒に動かすためには『イベント』エリアにある『緑のはたが押されたとき』ブロックを使います。

『緑のはたが押されたとき』ブロックをそれぞれのスプライトの1番上におきましょう。

ブロックをおいたらステージの上にある緑のはたをクリックしてみましょう、2つのスプライトが一緒に動いていくれればOKです!

スクラッチ-スプライトを一緒に走らせる

スクラッチ-スプライトを一緒に走らせる

背景を変えて雰囲気を出そう!

真っ白な背景では少し雰囲気が出ませんね、背景を変えて競争している感を出してみましょう!

背景を変えるには画面の右下にあるステージのボタンをクリックしてみましょう。

クリックするといろんな背景が表示されますので好きな背景を選んでみましょう。

スクラッチ-背景を変える

スクラッチ-背景を変える

一気に雰囲気が変わりましたね。

たくさんの背景があるので色々と変えてみて遊んでみましょう!

次はスプライトの速さが変わるようにして実行するたびに順位が変わるようにしてみましょう!

おすすめの記事