【スクラッチ】ゲームの技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 「ずっと」ブロック
「ずっと」ブロック

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

7.「無限むげんの横よこスクロール」完成かんせい

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

やったぁー!

完成かんせいだぁ!

スポンサーリンク

まとめ

ラッチ先生
ラッチ先生

今回こんかいは、

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

  • 横よこスクロールする

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

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

これだけのブロックで、

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

ラッチ先生
ラッチ先生

そうです!

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

スック
スック

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

ラッチ先生
ラッチ先生

そうです!

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

お楽たのしみにね!

それじゃあ、またっ!

スック
スック

まったねえーーー!

(@^^)/~~~

スポンサーリンク

ラッチ先生
ラッチ先生

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

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

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

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

ラッチ先生
ラッチ先生

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

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

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

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

スック
スック

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

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

ラッチ先生
ラッチ先生

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

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

コメント