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

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

こんにちは!

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

スック
スック

スックだよ!

ラッチ先生
ラッチ先生

今回こんかいは、

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

  • よこスクロールする

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

よこスクロール
スック
スック

ねこが、みぎあるいているみたいだね。

ラッチ先生
ラッチ先生

よこスクロールのプログラムです。

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

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロールのスクリプト
よこスクロールのスクリプト
スック
スック

うぅ~ん、

よくわからないなぁ…。

ラッチ先生
ラッチ先生

まかせてください!

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

スック
スック

おねがいしまぁ~す。

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

スポンサーリンク

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

  • ねこの右側みぎがわをタップ(クリック)すると、地面じめんひだりうごくよ!
スック
スック

タップしていれば、ずっとつづくね!

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

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

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロール
よこスクロール

スクリプトを見てみよう

スプライトはこれです!

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

スプライト「地面じめん」は、

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

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

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

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

コスチューム2~6は、

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

スクリプトはこれです!

ねこのスクリプト

「スクラッチしよう!11-6 横スクリプト」 scratch ねこのスクリプト
ねこのスクリプト

地面のスクリプト

「スクラッチしよう!11-6 横スクリプト」 scratch 地面のスクリプト
地面じめんのスクリプト

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

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

ラッチ先生
ラッチ先生

まず、

よこスクロール」の基本きほんながれをおしえます。

横スクロール

1,スプライト「地面じめん」が 「x座標ざひょう:0」のときに,「x座標ざひょう:480」にクローンをつく

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

2,ひだりうごきます

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロール2
ひだりうご

3,「x座標ざひょう:-480」になったら、スプライト「地面じめん」は「x座標ざひょう:480」にうつ

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロール3
x座標ざひょう:480にうつ

4.ひだりうごきます

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロール4
ひだりうご

5.地面じめん」のクローンが「x座標ざひょう:-480」になったら、削除さくじょする

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

1に、もどります!

よこスクロール」は、このかえしになるんだ!

スック
スック

なるほどね!

ラッチ先生
ラッチ先生

「もし○なら」ブロックを使つかって

scratch 「もし〇なら」ブロック
ねこの右側みぎがわをタップするスクリプト

ネコの右側みぎがわをタップしたら、地面じめんうごくプログラムをつくりましょう。

1.ねこの右側みぎがわをタップ(クリック)すると、地面じめんひだりうご

「スクラッチしよう!11-6 横スクリプト」 scratch タップすると地面が動くスクリプト
地面じめんうごくスクリプト
スック
スック

ねこの右側みぎがわをタップするプログラムを

scratch 「ネコの右側をタップ」のスクリプト
「ネコの右側みぎがわをタップ」のスクリプト

こちらの記事きじ解説かいせつしています

ラッチ先生
ラッチ先生

よこスクロール」のプログラミングをするまえに、

スプライト「地面じめん」のx座標ざひょう範囲はんい確認かくにんします!

スプライト「地面」のx座標の範囲の確認

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

「スクラッチしよう!11-6 横スクリプト」 scratch x座標に480を入力する
x座標ざひょう:465

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

x座標ざひょう:465
スック
スック

あれっ?

x座標ざひょう:480や-480に かないね。

スプライト「地面じめん」が、はみでてるよ!

ラッチ先生
ラッチ先生

そうなんです。

x座標ざひょう:480や-480にかないんです。

ここのところは、「そういうことなんだ」とっておいてくれればO.Kです。

スック
スック

ふぅ~ん…。

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

ラッチ先生
ラッチ先生

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

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

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

2.地面じめん」のスプライトを、x座標ざひょう:0に表示ひょうじする

「スクラッチしよう!11-6 横スクリプト」 scratch 地面を表示するスクリプト
地面じめん表示ひょうじするスクリプト
ラッチ先生
ラッチ先生

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

○のクローンをつく」ブロック

コスチューム2をx座標ざひょう:480に、きます。

3.地面じめん」のクローンを、x座標ざひょう:480に表示ひょうじする

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロール1のスクリプト
地面じめんのクローンを表示ひょうじするスクリプト
スック
スック

ここまでが、よこスクロール①までのプログラミングだね!

ラッチ先生
ラッチ先生

つぎの

  • よこスクロール②~⑤

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

スック
スック

はぁーい。

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

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

ラッチ先生
ラッチ先生

動画どうが解説かいせつなか

「x座標ざひょう-465」のところを、「x座標ざひょう465」とっていました。

すみません。

スック
スック

なるほどね!

わかった。

ラッチ先生
ラッチ先生

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

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

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

スプライト「地面じめん」がx座標ざひょう:-465になったら、x座標:ざひょう480に表示ひょうじします

4.スプライト「地面じめん」が『 x座標ざひょう:-465』になったら、『x座標ざひょう:480』にする

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロール3のスクリプト
x座標ざひょう:480にするスクリプト
スック
スック

あっ、うつった!

ラッチ先生
ラッチ先生

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

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

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

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

「スクラッチしよう!11-6 横スクリプト」 scratch コスチューム3にするスクリプト
コスチューム3にするスクリプト
スック
スック

あっ、コスチュームが3になった

ラッチ先生
ラッチ先生

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

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

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

今度こんどは、

地面じめん」のクローンが、x座標ざひょう:-465になったら 削除さくじょします。

6.地面じめん」のクローンがx座標ざひょう:-465になったら、削除さくじょする

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

あっ、えた!

ラッチ先生
ラッチ先生

これで、よこスクロールのながれが わりました。

スプライト「地面じめん」は、x座標ざひょう:0になっています。

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

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

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

6.無限むげんよこスクロール」完成かんせい

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロールのスクリプト
よこスクロールのスクリプト
スック
スック

やったぁー!

完成かんせいだぁ!

まとめ

ラッチ先生
ラッチ先生

今回こんかいは、

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

  • よこスクロールする

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

「スクラッチしよう!11-6 横スクリプト」 scratch 横スクロールのスクリプト
よこスクロールのスクリプト
スック
スック

これだけのブロックで、

ずぅ~っとよこスクロールできるんだね

ラッチ先生
ラッチ先生

そうです!

みんなのきなプラットフォーム・ゲームで使つかえますよ。

スック
スック

そういえば、「ねっちプラットフォーム」をつくるんだっけ!

ラッチ先生
ラッチ先生

そうです!

この「よこスクロール」のプログラムがもとになっています。

たのしみにね!

それじゃあ、またっ!

スック
スック

まったねえーーー!

(@^^)/~~~

ステップアップドリル
ラッチ先生
ラッチ先生

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

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

おもっているかたに!

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

スック
スック

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

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

コメント