スクラッチでマリオ風ゲームの作り方 | ビンゴおじさんのスクラッチ(scratch)教室

今回つくるゲーム

難易度

今回はスクラッチでマリオ風ゲームを作っていきます。プレイヤーが横スクロールをしながら、ジャンプしてコインを取ったり、敵を倒したりします。エッセンスを凝縮しながらしっかりと学習できるようにかなり簡略化した内容にしています。これができるようになれば、自分だけの横スクロールアクションゲームを作るようになれますので、是非挑戦してください。

まずは実際にゲームをプレイしてみてください。左右の矢印キーで移動、スペースキーでジャンプです。

youtubeざっくり解説

こちらの動画を見てから記事を読むことをお勧めします。チャンネル登録もよろしくお願いします！

【ざっくり解説】スクラッチでスーパーマリオ風ゲームの作り方

はじめに

まず、以下をリミックスしてください

マリオ風ゲーム_素材

こちらにはゲームを作るのに必要な素材が揃っています
作業をしやすいように、まず全てのスプライトを非表示に設定してください。

マップ（面）を作る

まず、マップを作ります。横長のマップ（面）をどのように作るかをまずは設計し、それをプログラムに落とし込んでいきます。ゲーム用マップの作り方については以下の記事で詳しく記載していますので参考にしてください。

スクラッチでゲーム用マップの作り方（マリオ風ゲームの基本）

今回はマリオなどの横スクロールゲームで基本となるマップの作り方を解説していきます。リスト機能を使ってマップチップを作っていきますが、これがなかなか初心者にはとっつきにくく挫折してしまう人も多いと思います。しかし、一度理解してしまえば、ゲーム作りの世界が広がります。

どのようなマップにするか計画する

今回は以下のようなマップを作ります。今後自分でゲームを作るときは、どのようなマップにするのか考えながらまずエクセルでこのようなシートを作ってみるのが良いと思います。

ここでは

1:ブロック
2:ハテナ
3:土管
4:旗

のように対応されます。

ブロックのスプライトを見ると、以下のようにコスチュームが揃っています。それぞれのコスチュームが対応する番号に配置されるとイメージしてください。（５番目の「から」のコスチュームはハテナを叩いてコインをゲットした後に表示されるものです。）

ブロックのコスチュームの作り方はこちらを参考にしてください。

マップチップ（リスト）を作る

マップができたらそれをリストにしていきますが、リミックスの中にすでにリストは作成されています。

マップを拡大するとこのようになります。

詳しくはこちらで解説していますが、エクセルで作ったマップ通りに数字を並べたものになりますので直感的に理解しやすいかと思います。

ブロックを表示させる

ではここからプログラムを組んでブロックを表示させていきます。
プログラムは以下の通りとなりますが、詳しい解説はこちらを参考にしててください。

ブロックx・ブロックyの変数を設定するときに「このスプライトのみ」にチェックを入れることがとても大切です！

これで緑の旗を押してください。以下のようにマップが出現するはずです。

スクロールしたときにきちんとマッピングされているかはこの時点ではわかりませんので、次にプレイヤーの動きを作っていきます。

プレイヤーの動きをつくる

ここではプレイヤーのネコが左右に動いたりジャンプしたりできるようにしていきますが、こちらも以下の記事に詳しく解説していますのであわせてご確認ください。

スクラッチで横移動・ジャンプ・着地（マリオ風ゲームの基本）

今回はマリオなどの横スクロールゲームで基本となる横移動・ジャンプ・着地について解説していきます。障害物にぶつかったら進めなくなったり、高さの違う足場に着地させたり、頭上に障害物があるとジャンプできなかったり、マリオ風横スクロールゲームの動きの基礎がつまっていますので是非マスターしてください。

ターゲットの動きを作る

上記記事でも解説している通り、プレイヤー（ネコ）のスプライトに直接コードを書くのではなく、少しスリムに設計されたターゲットで動きをつくり、プレイヤーはそのターゲットを追従します。

ターゲットのコードの全貌は以下になります。コードの詳しい説明はこちらをご確認ください

以下の動画のようにターゲットがマップの中を動けるようになるはずです。動きを確認するとともに、マップが最後まできちんと描けているかも確認するようにしましょう。

プレイヤー（ネコ）の動きを作る

次にプレイヤーの動きを作っていきます。プレイヤーのスプライトに以下のようにコードを書いていきます。コードに関する詳しい解説はこちらをご確認ください。

あわせて、先ほど作成したターゲットの幽霊の効果を１００にすることで、以下のようにネコがマップ内をかけまわれるようになります。

ハテナを叩いてコインをゲットする

次にハテナのブロックを叩いてコインをゲットできるようにします。まず、ブロックにあたると「たたく」という判定されるようにします。ターゲットの「天井」の定義がそれにあたりますので、以下のようにコードを追加します。

たたくのメッセージを受け取ったときに、それがハテナのブロックかどうか判定しなければなりません。叩いたときのターゲットの位置（座標）を基準として、下記の範囲内のブロックがハテナかどうかを判定していきます。

以下のコードをブロックのコードに追加していきます。叩くを受け取ったときに、叩かれたブロック（プレイヤーの上部のブロック）がハテナであれば、コスチュームをからにして、コインゲットを送ります。そしてコインが表示される位置を、ハテナブロックの上部に定義（コインx、コインy）します。

続いて、コインのスプライトに移動し、以下の通りプログラムを書きます。
コインゲットを受け取ったときにハテナの上部にコインを表示させて少しだけ上に飛んで消えます。

以下のようにハテナブロックをたたくとコインが出てきて、ブロックがからになれば成功です。

敵の動きをつくる

敵を表示させる

次に敵を表示させます。今回は、スクラッチのデフォルトキャラクターであるカニ（Crab）を的に設定しています。このカニが土管の間を往復するような動きを作ってみます。

コードは以下の通りとなります。
敵は２体作りたいので、クローンを２回作成し、それぞれに敵IDを振ります。
それぞれの敵IDに対して初期位置（敵x、敵y）・移動速度を設定します。
敵x、敵y、移動速度の変数については敵ごと（クローンごと）で値が異なるので、変数を作るときに”このスプライトのみ”にチェックを入れるようにしてください。

このままでは、カニが土管をすり抜けてしまうので、土管に触れたら反転するように指示を追加します。触れた時の色は土管の縁の色を抜き取ります。

以下の動画のようにカニが土管の間を行ったり来たりできれば成功です。

敵を踏みつける

プレイヤーは敵に当たるとゲームオーバーになりますが、踏みつけると敵をやっつけられます。
敵に触れるという意味では同じですが、踏みつけたのか、当たったのかは、「ジャンプの勢い」で判定していきます。歩いているときはジャンプの勢いは−１ですので、ジャンプの勢いが−１のときはゲームオーバーで、それ以外の時は踏みつけたと判定して敵を消します。このコードは敵（カニ）のスプライトに書いていきます。

以下のように敵の動きのブロック定義の中に、プレイヤーに触れた時の挙動を追加します。