1きゅう テーマ:背景の無限スクロール スクロール① 背景を 無限スクロール すすみ

1🏞 今日 作る 動き

2枚の 横長 背景を 左へ ずっと 動かして、画面の 外に 出たら 右に もどす。それを くりかえすと、背景が 無限に 流れ続けるよ!横スクロールゲームの 土台だ。見てみよう👇

🏞 背景が ずっと 流れる!
🌳☁️🌲🏠☁️🌳🌲🌻☁️🌳
🌲🏠☁️🌳🌻☁️🌲🌳☁️🏠
🏞 背景1と 背景2が 交互に 流れて、ずっと 続いて 見える!

2🆕 プロジェクトを 作ろう

Scratchで 新しい プロジェクトを 作って、名前を これに してね:

背景の無限スクロール

📁 今日の 動作は ぜんぶ この「背景の無限スクロール」の 中に 作ろう。
むずかしかったら 先生に 手つだって もらってね。

🏞 つかう スプライトを よういしよう

この レッスンでは 4つの しくみを 作るよ。
背景1・背景2という 横長の 背景スプライトを 2枚用意しよう。

⚠ 背景スプライトは 2枚 必要だよ。1枚だけだと 背景が 動いた あとに すきまが できてしまう。2枚が 交互に 流れることで、ずっと 続いて 見えるよ。
背景1
🏞 ①背景1と 背景2を
ならべる
背景2
⬅️ ②2枚を
左へ 動かす
右に戻す
🔄 ③画面の 外で
右に 戻す
無限
♾️ ④ずっと
くりかえす=無限

横長の 背景スプライトを 2枚用意しよう。右下の 🐱ボタンで えらんだり、右クリック→「ふくせい」でふやせるよ。ラベルを「背景1」「背景2」に してね。

🏞 背景1と 背景2の スプライトを 2枚 用意しよう

↑ 両方 チェックを 入れると すすめるよ

7📝 練習問題(3問)

最後に、習ったことを使って 自分の力で 作ってみよう!

🏞 問題は 3問。背景スプライトに 無限スクロールの しくみを 作ってみよう!
背景1
🏞 問題1
ならべる
背景2
⬅️ 問題2
左へ 動かす
戻す
🔄 問題3
外で 右に 戻す
↑ 背景スプライト に 作ってみよう
🏞 背景スプライトに 作る
🎯 問題1:旗で 背景を まん中(x=0)に、もう1枚を 右(x=480)に おく
@greenFlag が押されたとき
x座標を (0) にする

@greenFlag が押されたとき
x座標を (480) にする
⬅️ 背景スプライトに 作る
🎯 問題2:旗で ずっと 背景を 左へ 5ずつ 動かす
@greenFlag が押されたとき
ずっと
 x座標を (-5) ずつ変える
end
🔄 背景スプライトに 作る
🎯 問題3:ずっと 左へ 動かし、x<-480に なったら x=480に 戻す
@greenFlag が押されたとき
ずっと
 x座標を (-5) ずつ変える
 もし <(x座標) < (-480)> なら
  x座標を (480) にする
 end
end
↑ 3問 全部「自分で 作ってみた!」に チェックすると すすめるよ

8🎉 完成!

2枚の 背景スプライトが 左へ 流れ、画面の 外に 出たら 右に もどって、ずっと 続いて 見えたら できあがり。
横スクロールゲームの 土台が 完成したよ!

スクロール 1 クリア ✓

👩‍🏫 先生と いっしょに かくにんしよう!

  • 背景1と 背景2を 横に ならべた?
  • 旗を 押すと 2枚が 左へ 動く?
  • 画面の 外に 出たら 右に 戻る?
  • 2枚 とも 同じ スクリプトで 無限に なった?
  • 背景が ずっと 流れて 見えた?

🚪 もっと やりたい人へ:スピード(−3 の 数字)を 変えて、もっと 速く/遅く 流してみよう。

↑ さいごまで すすむと おせるよ