背景を強制的に横スクロールさせる

scroll テクニック集
2022.09.05
サトシ先生
サトシ先生

完成した作品はスクラッチ上に共有しています。コードの中を見たり、リミックスしてみてください。

https://scratch.mit.edu/projects/799783035/
scratch.mit.edu

作りたいもの

動画で確認

設計書（作りたいものを文字で表現したもの）で確認

①「みどりのはた」がおされる

②背景（緑色）が表示されて、左に移動する

③移動した背景の後から、次のコスチュームの背景（茶色）があらわれる

④茶色の背景が、緑色と同じペースで左側に移動する

⑤背景は、画面の左端までいくと消える

⑥茶色の背景の後から、次のコスチュームの背景（緑色）があらわれる

以降は、③～⑥を繰り返す。

使用するブロック

「動き」ブロック

⑤「x座標を〇、y座標を〇にする」
⑤「x座標を〇、y座標を〇にする」
⑩「x座標を〇ずつ変える」
⑩「x座標を〇ずつ変える」
⑯「x座標」
⑯「x座標」

「見た目」ブロック

⑥「次のコスチュームにする」
⑥「次のコスチュームにする」
⑭「表示する」
⑭「表示する」
⑮「隠す」
⑮「隠す」

「イベント」ブロック

①「実行が押されたとき」
①「実行が押されたとき」

「制御」ブロック

⑦「〇まで繰り返す、〇」
⑦「〇まで繰り返す、〇」
④「もし〇なら〇」
④「もし〇なら〇」
⑨「クローンされたとき」
⑨「クローンされたとき」
⑩「〇のクローンを作る」
⑩「〇のクローンを作る」
⑪「このクローンを削除する」
⑪「このクローンを削除する」

「演算」ブロック

⑧「〇＝〇」
⑧「〇＝〇」

プログラミングの手順

作り方の詳しい説明は、YouTube で確認できます。

①背景を用意する

背景のコスチュームは2つ以上必要です。

1
2

②「緑の旗」が押されたときに、背景が横スクロールする

pg_2_scroll

③2枚目の背景を、1枚目の背景に続けて横スクロールさせる

pg_3

④3枚目以降の背景を、続けて横スクロールさせる

pg_4

まとめ

シロクマ生徒
シロクマ生徒

x座標や y座標なんてよくわかりません。

サトシ先生
サトシ先生

中学一年生で習うものなので、小学生には難しいかもしれません。それでも、何度かチャレンジすれば、何となくでもわかってきますよ！あきらめずに頑張りましょう！

コメント