【スクラッチ】ゲームの技07 :縦スクロール(無限に続くよ!)

ゲームの技
ラッチ先生
ラッチ先生

こんにちは!

「スクラッチしよう!楽たのしく学まなぶプログラミング教室きょうしつ」の担任たんにんラッチです。

スック
スック

スックだよ!

ラッチ先生
ラッチ先生

今回こんかいは、

地面じめん(背景はいけい)を

  • 縦たてスクロールする

プログラミングを 学まなびます。

縦たてスクロール
スック
スック

ボールが、動うごいているみたいだね!

ラッチ先生
ラッチ先生

縦たてスクロールのプログラムです。

このブロックだけで、無限むげんに続つづきますよ!

「スクラッチしよう!11-7 縦スクリプト」 scratch 縦スクロールのスクリプト
縦たてスクロールのスクリプト
スック
スック

なんか、

横よこスクロールのスプライトと 似にてなぁ~い?

ラッチ先生
ラッチ先生

そのとおぉぉぉぉぉぉ・・・・・り!

スック
スック

ん…!

ラッチ先生
ラッチ先生

考かんがえ方かたが、同おなじなんだ!

x座標ざひょうを、y座標ざひょうに しただけだよ!

わかりやすく解説かいせつしていくね。

スック
スック

はぁ~い。

それでは、楽たのしくプログラミングを学まなんでいきましょう!

スポンサーリンク

今回作るスクラッチの作品は、これっ!

  • 地面じめんが、下したへ動うごいていくよ(縦たてスクロール)。
スック
スック

ずっと続つづくよ!

今回のプログラミングで学ぶことは

1.地面じめんが、縦たてスクロールするスクリプトが わかるよ

「スクラッチしよう!11-7 縦スクリプト」 scratch 縦スクロール
縦たてスクロール

スポンサーリンク

スクリプトを見てみよう

スプライトはこれです!

「スクラッチしよう!11-7 縦スクリプト」 scratch  スプライト
スプライト
スック
スック

スプライト「ねっちボール」は、

ペイントエディターの「コピー、貼はり付つけ」を使つかって 作成さくせいしています。

作つくり方かたは、こちらの記事きじに載のっています。

スック
スック

スプライト「コース」は、

ペイントエディターの「四角形しかくけい」を使つかって作成さくせいしています。

使つかい方かたは、こちらの記事きじに載のっています。

コスチュームはこれです!

「スクラッチしよう!11-7 縦スクリプト」 scratch  コースのコスチューム
コースのコスチューム
スック
スック

コスチューム2~6は、

コスチューム1を複製ふくせいして、色いろを変かえただけだよ!

スクリプトはこれです!

ねっちボールのスクリプト

「スクラッチしよう!11-7 縦スクリプト」 scratch  ねっちボールのスクリプト
ねっちボールのスクリプト

コースのスクリプト

「スクラッチしよう!11-7 縦スクリプト」 scratch  コースのスクリプト
コースのスクリプト

スポンサーリンク

プログラミングの仕方を説明します

縦スクロールを作成する前に…

ラッチ先生
ラッチ先生

まず、

「縦たてスクロール」の基本きほんの流ながれを教おしえます。

縦スクロール

1,スプライト「コース」が 「y座標ざひょう:0」の時ときに,「y座標ざひょう:360」にクローンを作つくる

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール1
クローンを作つくる

2,下したへ 動うごきます

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール2
下したへ 動うごく

3,「y座標ざひょう:-360」になったら、スプライト「コース」は「y座標ざひょう:360」に移うつす

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール3
y座標ざひょう:360に移うつす

4.下したへ 動うごきます

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール4
下したへ 動うごく

5.「コース」のクローンが「y座標ざひょう:-360」になったら、削除さくじょする

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール5
クローンを削除さくじょする
ラッチ先生
ラッチ先生

1に、もどります!

「縦たてスクロール」は、この繰くり返かえしになるんだ!

スック
スック

なるほどね!

ラッチ先生
ラッチ先生

ただ、y座標ざひょう:-360やy座標ざひょう:360に 表示ひょうじできません。

スック
スック

えっ、だめなの?

ラッチ先生
ラッチ先生

そう!

だから、スプライト「コース」のy座標ざひょうの範囲はんいを 確認かくにんします。

スプライト「コース」のy座標の範囲の確認

1. y座標ざひょう:「0」に、「360」を入力にゅうりょくする

「スクラッチしよう!11-7 縦スクリプト」 scratch  y座標を360と入力する
y座標ざひょう:347

2.y座標ざひょう:「0」に、「-360」を入力にゅうりょくする

「スクラッチしよう!11-7 縦スクリプト」 scratch  y座標を-360と入力する
y座標ざひょう:-345
スック
スック

ほんとだ!

y座標ざひょう:360や-360に 行いかない。

スポンサーリンク

縦スクロールのプログラミング

ラッチ先生
ラッチ先生

最初さいしょに「コスチューム1」を

scratch 「コスチュームを○にする」ブロック
「コスチュームを○にする」ブロック

をx座標ざひょう:0に、置おきます。

1.スプライト「コース」を、x座標ざひょう:0に 表示ひょうじする

「スクラッチしよう!11-7 縦スクリプト」 scratch  コースを表示するスクリプト
コースを表示ひょうじするスクリプト
スック
スック

「最背面さいはいめん」…?

ラッチ先生
ラッチ先生

スプライト「コース」を作つくった時とき、「ねっちボール」が見みえなくなったと思おもいます。

それは、「コース」が「ねっちボール」の上うえに表示ひょうじされたからなんだ。

「最背面さいはいめんへ移動いどうする」ブロックを使つかって

scratch 「最背面へ移動する」ブロック
「最背面さいはいめんへ移動いどうする」ブロック

「ねっちボール」の下したに表示ひょうじし、「ねっちボール」を見みえるようにしたんだ。

「スクラッチしよう!11-7 縦スクリプト」 scratch  最背面へ移動するブロック
「最背面さいはいめんへ移動いどうする」ブロック
ラッチ先生
ラッチ先生

そして、クローンブロックを使つかって

scratch 「○のクローンを作る」ブロック
「○のクローンを作つくる」ブロック

コスチューム2をy座標ざひょう:360に、置おきます。

2.「コース」のクローン、y座標ざひょう:360に表示ひょうじする

「スクラッチしよう!11-7 縦スクリプト」 scratch  最背面へ移動するブロック
コースのクローンを表示ひょうじするスクリプト
スック
スック

これが、縦たてスクロール①のプログラミングだね!

ラッチ先生
ラッチ先生

さあ、「y座標ざひょうを○ずつ変かえる」ブロックで

scratch 「y座標を○ずつ変える」ブロック
「y座標ざひょうを○ずつ変かえる」ブロック

地面じめんを動うごかします。

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール2
縦たてスクロール2
スック
スック

あれっ、

クローンが 動うごいてないよ。

ラッチ先生
ラッチ先生

そうなんです!

スプライト「地面じめん」の中では、地面じめんのクローンは 動うごきません。

スック
スック

ふぅ~ん

ラッチ先生
ラッチ先生

「○を送おくる」ブロックで、

scratch 「○を送る」ブロック
「○を送おくる」ブロック

スプライト「ねっちボール」から 動うごかします。

3.「コース」のスプライトとクローンを 下したへ動うごかす

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール2
縦たてスクロール2スクリプト
スック
スック

クローンも 動うごいたね!

ラッチ先生
ラッチ先生

つぎの

  • 縦たてスクロール②~⑤

動画どうがで説明せつめいしますので、見みてください。

スック
スック

はぁーい。

縦スクロールのプログラミングを解説
縦たてスクロールのプログラミングの解説かいせつ

フリーBGM:DOVA-SYNDROME 午後のカメレオンは星の波動を数え… written by Masuo

スック
スック

なるほどね!

わかった。

ラッチ先生
ラッチ先生

縦たてスクロール③のプログラミングになるよ。

「○まで待まつ」ブロックを使つかって

scratch 「○まで待つ」ブロック
「○まで待まつ」ブロック

スプライト「コース」がy座標ざひょう:-345になったら、y座標ざひょう:360に表示ひょうじします

4.スプライト「コース」が『 y座標ざひょう:-345』になったら、『y座標ざひょう:360』にする

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール3のスクリプト
y座標ざひょう:360にするスクリプト
スック
スック

あっ、移うつった!

ラッチ先生
ラッチ先生

「コスチュームを○にする」ブロックで

scratch 「コスチュームを○にする」ブロック
「コスチュームを○にする」ブロック

コスチューム3にするよ!

5.スプライト「コース」のコスチュームを3にする

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール3のスクリプト
コスチューム3するスクリプト
スック
スック

コスチュームが3に なったね!

ラッチ先生
ラッチ先生

縦たてスクロール⑤のプログラミングになるよ。

「○まで待まつ」ブロックを使つかって

scratch 「○まで待つ」ブロック
「○まで待まつ」ブロック

今度こんどは、

「コール」のクローンが、y座標ざひょう:-345になったら 削除さくじょします。

6.「コース」のクローンがy座標ざひょう:-345になったら、削除さくじょする

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロール5のスクリプト
縦たてスクロール5のスクリプト
スック
スック

あっ、消きえた!

ラッチ先生
ラッチ先生

これで、縦たてスクロールの流ながれが 終おわりました。

スプライト「コース」は、y座標ざひょう:0になっています。

「ずっと」ブロックを使つかって

scratch 「ずっと」ブロック
「ずっと」ブロック

無限むげんに縦たてスクロールできるようにしましょう!

7.「無限むげんの縦たてスクロール」完成かんせい

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロールのスクリプト
縦たてスクロールのスクリプト
スック
スック

やったぁー!

完成かんせいだぁ!

スポンサーリンク

まとめ

ラッチ先生
ラッチ先生

今回こんかいは、

コース(背景はいけい)を

  • 縦たてスクロールする

プログラミングを 学まなびました。

「スクラッチしよう!11-7 縦スクリプト」 scratch  縦スクロールのスクリプト
縦たてスクロールのスクリプト
スック
スック

ずぅ~っと縦たてスクロールできるんだね

ラッチ先生
ラッチ先生

そう!

「ねっちボールコロコロ」ゲームで使つかえるよ。

スック
スック

早はやく作つくりたぁーい!

ラッチ先生
ラッチ先生

わかりました!

次回じかいは、「ねっちボールコロコロ」のプログラミングです!

お楽たのしみにね!

それじゃあ、またっ!

スック
スック

まったねえーーー!

(@^^)/~~~

スポンサーリンク

ラッチ先生
ラッチ先生

「変数へんすう」って、なあに?

「変数へんすう」ブロックって、どう使つかうの?

と 思おもっている方かたに!

変数へんすうブロックでのプログラミングを 学まなべるドリルを 作つくりました

ラッチ先生
ラッチ先生

「リスト」って、なあに?

「リスト」ブロックって、どう使つかうの?

と 思おもっている方かたはこちら!

リストブロックでのプログラミングを 学まなべるドリルを 作つくりました

スック
スック

画面がめんを クリックすると

「ステップアップドリル」のサイトへ 行いけます!

ラッチ先生
ラッチ先生

pythonパイソンを 学まなびたいと 思おもっている方かたは、こちら!

「pythonパイソンしよう! 楽しく学べるプログラミング教室」サイトを 作つくりました。

コメント

  1. 井上智輝 より:

    最高です。上下スクロールのことがよくわかりました!
    本当神WEBサイトです。

    • ratch ratch より:

      お褒めの言葉、ありがとうございます。
      「神WEBサイト」と思ってくれて、とてもうれしいです!

      この上下スクロールのプログラムを参考にして、どんどん楽しいゲームを作ってくださいね

      *コメントを表示してしまうと、名前が出てしまうため非表示のままにしています。