スクラッチの「10歩動かす」ブロック
は、スプライトが現在向いている向きに指定した数値だけ動かすブロックです。
1歩はスプライトの大きさにかかわらず「1歩＝1ピクセル」で動きます。
1. 正の整数を設定して動かす
まずは、をスクリプトエリアへ置きます。
スプライトリストにあるスクラッチキャットの
をクリックして向きを確認すると「90」度で右向きになっているのが確認できます。
先ほど置いたブロックをクリックすると右方向へ10歩進みます。
次は、設定値を「10」から「50」に変更してクリックすると右方向へ大きく進みました。この進んだ歩幅が50歩になります。
続いて「回転の種類」の
をクリックして、向きをマウスカーソルで「-90」度へ変更します。
この状態でブロックをクリックすると、先ほどとは逆で左方向へ50歩進みました。
このようには、「10」や「50」といった正の整数を設定した場合スプライトの向きと同じ方向へ動きます。
尚、設定値は全角数字は入力することができませんので、必ず半角モードで入力するようにしましょう。
2. 負の整数を設定して動かす
続いて、「-10」や「-50」といった負の整数を設定した場合にどのように動くか確認してみましょう。
をスクリプトエリアへ置きます。
スクラッチキャットの向きが「90」度で右向きになっているのを確認します。
そして、設定値を「10」から「-10」に変更してクリックしてどのように進むか確認しましょう。
「-10」の負の整数を設定してクリックするとスクラッチキャットの向きと逆方向へ10歩進みました。（後ろへ10歩後退）
「-50」に変更してクリックしてみても同じように逆方向へ50歩進みます。
このようには、「-10」や「-50」といった負の整数を設定した場合スプライトの向きと逆方向へ動きます。
3. 少数を設定して動かす
ここまで整数を設定してどのように動くか確認してきましたが、次は「0.1」や「-0.3」といった少数を設定したらどのように動くのかをチェックしていきます。
これまでと同じようにをスクリプトエリアへ置き、「0.1」を設定してクリックしてみましょう。
するとスプライト情報のx座標が「0」のままになっています。一見動いていないように見えますが、何度かブロックをクリックするとx座標が「1」になりスクラッチキャットが動くのが確認できます。
「0.5」を設定すると2回クリックで1歩進むのがわかります。これは0.5歩の2回分なのでちょうど1歩分進んだことになります。
他にも
の中にを入れて0.01歩を100回繰り返すと0.01歩×100回で1歩動きます。
また、「-0.1」や「-0.5」といった負の少数でもスクラッチキャットの向きの逆方向へクリックすると進みますので、少数でも設定可能であることが分かります。
4. 向きを色々な角度に変えて動かす
ここまでは、スクラッチキャットの向きを「90」度、「-90」度でどのように動くか確認してきましたが、次は色々な角度でどのように動くのかをチェックしていきます。
今回確認するステージには、上記のようにグリッド線が描かれています。こちらは縦横30pxのグリッド線です。そして中央に円が3つありますが、こちらは半径「30px」「60px」「90px」の円になります。
次に色々な角度で動いたときチェックの方法ですが、歩いた歩数を確認できるように
の中にある
を使ってどのぐらい動いたのかペンの跡を追って視覚的に確認していきます。
今回は、確認用として以下のようにスクラッチでプログラミングしています。
こちらのプログラムを説明すると
、
、
で最初にペンで描いたものを消して、ペンの太さと色を設定しています。
次に
、
、
でスクラッチキャットを中央に移動させ、「45」度の方向へ向けます。
そして、、、
、でペンを下ろしながら歩かせて歩いた跡をペンで残します。
最後にペンの跡を確認するために
、で、左下にスクラッチキャットを「90」度の向きに移動させます。
こちらのプログラミングをクリックして実行してみるとちょうど半径30pxの円までペンで描かれているのが分かります。このことから45度の向きへ30歩動いたことが分かります。
他にも30歩・60歩・90歩で色々な角度でプログラミングを実行しても、どの角度であってもそれぞれ円上までペンの跡が残ります。
このようにどの角度であっても「1歩＝1ピクセル」で動くことが分かります。
5. 「動き」スクリプト：「10歩動かす」ブロックの解説
ここまで説明した内容をスクラッチのプロジェクトで公開しています。どのように動くのか実際に確認してみましょう。
「動き」スクリプト：「10歩動かす」ブロックの解説6. よく利用されるプログラミング事例
こちらではを使った、プログラミングの事例を紹介します。
6-1. キャラクターをアニメーションで歩かせる
キャラクターをアニメーションのように歩かせるには、スプライトを歩かせながらコスチュームを切り替えます。
プログラミングの内容は、まず、
、で10歩あるいたら、次のコスチュームに切り替えて0.2秒待ちます。
これを繰り返すことでコスチュームが歩くごとに切り替わっていきます。
そして、で先ほどのスクリプトを囲んで繰り返し処理をさせれば、アニメーションのように歩かせることができます。
こちらは、スーパーマリオブラザーズといったアクションゲームで利用される手法の1つです。
6-2. ボールを跳ね返しながら動かせる
ボールを跳ね返しながら動かせるには、ステージの端に着いたときに跳ね返すブロックを使います。
プログラミングの内容は、まずで「45」度を設定します。ボールに角度をつけることで色々な軌道で移動します。
次に
の中に、
を入れます。
これでずっと10歩動かしながら、もしボールがステージの端に着いた時はスプライトが向いている方向の角度を変えて跳ね返します。
ボールを打ち合うゲームをポンゲームと言いますが、スクラッチ入門サイトでもポンゲームのプログラミングで解説していますので、併せて確認しましょう。
6. 動きブロック一覧
こちらは動きブロックの一覧に14個のスタックブロックと3個の値ブロックの計17個のブロックが用意されています。ブロックの色は青色で統一されています。
| 動きブロック名 | 動作 |
|---|---|
| スプライトを現在の向きに動かす |
| スプライトを時計回り(右回り)に回す |
 | スプライトを反時計回り(左回り)に回す |
| スプライトを指定角度の方向に向ける 規定値：「(90)右」「(-90)左」「(0)上」「(180)下」 |
 | スプライトをマウスポインターや他のスプライトの方向に向ける 規定値：「マウスのポインター」 |
| ステージ上の指定したx座標、y座標にスプライトを移動する |
 | スプライトをマウスポインターや他のスプライトの場所に移動する 規定値：「マウスのポインター」「ランダムな場所」 |
 | ステージ上の指定したx座標、y座標にスプライトを指定した秒数かけてなめらかに移動する |
 | 現在のスプライトのx座標から指定された数値ずつ移動する |
 | スプライトのx座標を指定した数値に移動する |
 | 現在のスプライトのy座標から指定された数値ずつ移動する |
 | スプライトのy座標を指定した数値に移動する |
| スプライトがステージの端についたとき、スプライトの向きを反転させる |
 | スプライトの回転方法を設定する 規定値：「左右のみ」「回転しない」「自由に回転」 |
 | スプライトのx座標を示す(x座標の範囲は-240から240まで) |
 | スプライトのx座標を示す(x座標の範囲は-180から180まで) |
 | スプライトの向きを示す(0は上、90は右、180は下、-90は左) |
