さぁ、スクラッチでナニ作る！？
100歩移動→1秒待機→左90度回転を4回並べると、ネコがきれいな正方形を描いて起点に戻る構成が効いている。90°×4で向きが一周するという数学的な必然が、そのままブロックの並びとして見えるのが面白い。「待つ」を入れないと動きが一瞬で消えてしまう点も、順次処理の本質をコンパクトに体現している。この組み立てがどうなっているのか、作り方を見ていこう。
動画で見てみよう
チュートリアルの元になった作品
complete
今回の目標
スターター作品をリミックスしよう
このチュートリアルにはスターター作品があります。使わなくても大丈夫だけど、最低限の素材などが用意されてるので便利です。
スターター作品をダウンロード
#1スタート位置を決める
準備
スプライト「ネコ」を開く
ネコ| スプライトについて |
|---|
| 旗がクリックされると四角形の軌跡を描くように動くネコ。(-50, -50)から右方向に100歩進んでは左に90度曲がることを4回繰り返す。 |
| どんな役割か |
| ネコが正方形を描くように歩くよ！右に100歩進んだら左に曲がって、また100歩進んで…を4回繰り返して、きれいな四角のルートを完成させるんだ。 |
実装
が押されたときを置いて、その下にx座標を ( ) 、y座標を ( ) にするで座標(-50, -50)に移動させよう。座標っていうのはステージ上の住所みたいなもので、xが横、yが縦の位置を表してる。
仕上げに( ) 度に向けるで向きを90度（右向き）にセット。向きを決めておかないと、前に実行したときの向きが残ったまま動いちゃうから、最初にリセットしておくのが大事なんだ。
#2最初の一辺を歩く
( ) 歩動かすで100歩前に進んで、( ) 秒待つで1秒ストップ。待ち時間を入れないと全部一瞬で終わっちゃって、どう動いたか全然見えないんだよね。
そのあと( ) ( ) 度回すで左に90度回転させるよ。これでネコの向きが上になるから、次のステップで上方向に進む準備ができた感じ。
#3上に進んで曲がる
同じブロックの繰り返しなんだけど、向きが変わってるから進む方向が違うのがポイント。( ) 歩動かすの「100歩」って、「今ネコが向いてる方向に100歩」っていう意味なんだ。
#43辺目を進む
右→上→左と3辺歩いて、あと1辺で四角が完成するのが見えてきたっしょ？
#5四角を完成させる
ネコは下方向に100歩進んで、最後の左90度回転で再び右向きに戻るよ。スタート地点の(-50, -50)にきっちり帰ってくる。同じ動きを4回繰り返すだけで、きれいな正方形の軌道が描けるんだ。
ってか、同じコードを4回もコピペしてるの気づいた？次回は「繰り返し」の仕組みを使って、このコードをスッキリまとめる方法をやるよ！
まとめ
正方形を描くだけのシンプルなコードだけど、「順番に動かす」「待つ」「向きを変える」の3つが揃って初めてきれいな動きになるのが伝わったかな。90度×4回で360度、つまり1周して元の向きに戻るっていうのも、実際に並べてみると体でわかる感じがするよね。同じコードを4回コピペしてるのに気づいたと思うけど、次回はそこを「繰り返し」ブロックでスッキリまとめる方法をやるよ！