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

今回つくるゲーム

難易度

今回はスクラッチでマリオ３Dワールド風ゲームを作っていきます。奥行きのあるステージに配置されたコインを奥-手前に移動しながらゲットしていきます。ハイクオリティーな３Dゲームはペン機能を使って作っていきますが、今回はコスチュームの拡大縮小で奥行きを表現していきます。すこし考え方が難しい部分はありますがコードはとても短く作れるので初心者の方でも作りやすい内容となっています。

youtubeざっくり解説

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

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

まずは実際にゲームをプレイしてみてください。上下矢印キーで操作しながらコインをゲットしていきます。100枚中何枚ゲットできるかを競います。

はじめに

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

【素材】マリオ３Dワールド風ゲーム

こちらにはゲームを作るのに必要な素材が揃っています。

３Dの考え方

まず、３Dの考え方について簡単に解説していきます。
以下の絵を見てどのように思うでしょうか？ネコより遠くにクマがいるように見えますよね。ネコの頭から小さいクマが飛び出ているというように見える人はいないと思います。これは「錯覚」といいます。人は、絵に描かれたモノの大きさや、重なりから勝手に頭が立体的にとらえるのです。

ちなみに、試しに、大きさをこのままにして重なり方を逆にしてみましょう。頭が混乱するのがわかると思います。でもクマじゃなくてチョウだったら混乱しないですよね。人間の脳はとても不思議です。よくあるだまし絵もこの錯覚を使って作られています。

スクラッチではx方向に動く（横向きに動く）、y方向に動く（縦向きに動く）はありますが、奥に行ったり手前に行ったりする動きはありません。この動きのことをz方向に動くと言います。

今回のこのz方向の動きを作って奥行きのあるゲームを作っていきます。

プレイヤーの動き

基本の動き

まずはプレイヤーの動きから作っていきます。プレイヤーのスプライトに以下のコードを書いてください。プレイヤーの場所は固定して、上下矢印で大きさだけを変えていきます。z方向に1進むとおきさが1%小さくなるようにします。またz方向には60までしか行けないようにします。（つまり大きさは40%まで小さくなるということです）

ではこの状態でを押して上下矢印キーで動かしてみましょう。
以下のように動くと思います。

これだけではあまり３Dには見えないですよね。ここからどんどん３Dっぽくなっていきます。

走らせる

次にキャラクターを走らせます。
これはとても簡単です。先ほどのコードに以下のようにコードを追加していきます。

これで動かしてみましょう。動きをつけると少し３Dに見えてきますね。

背景をつける

次に、背景をつけていきます。背景のスプライトに移動してください。デフォルトは背景なしになっていますが、これを背景ありに変更します。背景の地面は手前が濃い緑で奥が薄い緑のグラデーションになっています。遠くに行くほど景色はぼやけるのでこのようにグラデーションをつけると奥行きのある地面に見えます。

ポイント

プレイヤーには影をつけていますが、影をつけることで地面に立っている感じが出ます。また影の色は地面より少し濃い緑にすることで背景になじませています。

ではこの状態でプレイヤーを動かしてみましょう。驚くほど３D感がでてくるのがわかります。

コインの動きを作る

コインの動きの考え方

ここからはコインの動きを作っていきます。まずはコインの動きの考え方を解説します。以下のように画面の右側にコインがずらっと並んでいて、それが左側に動きに流れていきます。

コインの配置を決める

では、このコインの配置はどのように決めるのでしょうか。

この配置を決めるのがコインマップというリストです。

このコインマップは初めから用意しています。リストにチェックを入れると以下のように画面に表示されます。

このマップの数字は以下のように対応していて、数が多いほど奥に配置され、０だとコインが配置されません。

ここの数字の並び方を変えることでコインの並び方が変わりますので試してみてください。

コインを流していく

では、ここからコインを流すコードを組んでいきます。コインのスプライトに以下のようにコードを書きます。

注意

変数・ブロックを作るときに何点か注意があります。まずコインを配置のブロックを作るときには必ず”画面を再描画せずに実行する”にチェックを入れるようにします。これにより、描画のスピードが上がります

また、コインxとコインzの変数を作る場合は必ずこのスプライトのみにチェックを入れます。それにより、１つ１つのクローンに対して値を持つことができます。

コードが書けたら実際にを押してみてください。以下のようにコインが流れると成功です。

このリスト機能をつかってコースを使う技のことをマップチップといいます。このマップチップの考え方はさまざまなスクロールゲームで活用されています。その一部をご紹介します。

マップチップを使ったゲーム

スクラッチでマリオ風ゲームの作り方

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

スクラッチでマリオカート風ゲームの作り方

今回はスクラッチでマリオカート風ゲームを作っていきます。土管や落とし穴を避けながら、ダッシュやジャンプ台を駆使してコースをクリアするタイムトライアルゲームです。最大のポイントはコースを進む＝向こう側からどんどん障害物が迫ってくる、というのをどのようにプログラミングで表現していくかです。

スクラッチ初心者でも作れる簡単ミニゲーム「丸太落とし」

今回は丸太落としゲームをを作っていきます。スクラッチでのゲーム作りに慣れてきた人にぴったりのゲームです。枝に当たらないように左右に移動しながら木を切っていくゲームですが、ここで使っているのがマップチップというテクニックです。

コインをゲットする

次にプレイヤーがコインをゲットできるようにします。先ほど、すでに”プレイヤーに触れたらコインゲット”というブロックは作っていますので、その中身を考えていきます。プレイヤーがコインに触れたら
コインゲットなのではなく、クローンされたコインがプレイヤーに触れるとコインゲットと考えます。コインのスプライトに以下のコードを追加します。