スクラッチプログラミング - 上下左右にスクロール!はいけいをうごかそう

プレイヤーのうごきにあわせて画面(がめん)をうごかすプログラムをつくります。つかうはいけいはひとつだけの、かんたんなスクロールです。ゲームづくりに応用(おうよう)してみてくださいね。

スクラッチプログラミング - 上下左右にスクロール!はいけいをうごかそう
Photo by Ashin K Suresh / Unsplash

【Pyxofyメンバー限定公開】

サンプルさくひんであそんでみよう

今回(こんかい)しょうかいするのは、上下左右のやじるしキーをつかって、はいけいをスクロールさせる方法(ほうほう)です。

ゲームのあそびかた

  • やじるしキーをおすと、はいけいがうごく
  • カギを見つけて宝箱(たからばこ)をあけたら、ゲームおわり

(みどりのはたをおして、スタートです。プロジェクトは、ScratchのPyxofyページでもごらんになれます。)

このきじをよむとわかること

  • はいけいをスクロールさせる方法(ほうほう)
  • 変数(へんすう)のつかいかた
  • 上下左右のあたりはんてい

上下左右にスクロールさせるプログラム

ではこれから、はいけいをスクロールさせるプログラムのつくりかたを説明(せつめい)していきます。プログラミングするスプライトは、「はいけい」と「プレイヤー」のふたつです。

背景とプレイヤーの完成プログラム
背景とプレイヤーの完成プログラム

はいけいをよういしよう

はじめに、ステージのサイズより大きいはいけいをえがいてください。ステージに設定(せってい)するはいけいは、うごかすことができません。スクロールさせたいときは、スプライトではいけいをつくりましょう。

  • みどりいろの四角(しかく)をえがく
ステージのサイズより大きい緑色の四角
ステージのサイズより大きい緑色の四角

はいけいの中に、木やかべなど、障害物(しょうがいぶつ)になるものをかきくわえてください。今回(こんかい)はこのあと、「いろ」であたりはんていをしていくので、枠線(わくせん)のいろを「黒(くろ)」でえがいてくださいね。

  • 木とかべをえがく
黒い枠線で描いた障害物となる木や壁
黒い枠線で描いた障害物となる木や壁

はいけいは、かならずほかのスプライトよりもうしろがわに表示(ひょうじ)されるようにしましょう。

  • さいはいめんへいどうする
表示位置はステージ中央の最背面
表示位置はステージ中央の最背面

はいけいとしてつかうスプライトの用意(ようい)ができました!ステージよりサイズが大きいので、はしのほうにえがいた木などの障害物(しょうがいぶつ)は、ステージでは見えていませんね。

プレイヤーをよういしよう

つぎに、プレイヤーとしてつかう、四角(しかく)のスプライトをえがいてください。

  • ピンクいろの四角(しかく)をえがく
表示位置はステージの中央
表示位置はステージの中央

やじるしキー でそうさできるようにしましょう。

  • やじるしキーで上下左右にそうさする
「ずっと」ブロックの中に「もしやじるしキーがおされたなら」ブロックを組み合わせる
「ずっと」ブロックの中に「もしやじるしキーがおされたなら」ブロックを組み合わせる

じつは、やじるしキーでうごかすのはプレイヤーではありません。プレイヤーの位置(いち)は、ずっとステージのまん中のままです。では「やじるしキーでなにをうごかすのか?」というと、はいけいのスプライトです。


これより下は、Pyxofyメンバー限定公開です。メンバーになると読むことができます。登録方法は、『メンバー登録・ログイン方法』をごらんください。

かんれんきじ

スクラッチプログラミング - よこへスクロール!はいけいをうごかそう
はいけいがよこにうごいているようなプロジェクトをつくってみましょう。はいけいとしてつかうスプライトをはしからはしへうごかすと、スクロールしているように見せることができますよ。

『Start Here - Scratch (スクラッチ)』では、Scratchの基本(きほん)から、さまざまなゲームやアニメーションなどの記事(きじ)を、レベルべつで見ることができます。

Start Here - Scratch (スクラッチ)
Scratch (スクラッチ)記事(きじ)のレベル別一覧です。初級、中級、上級、拡張機能にわけてまとめました。