スクラッチで巨大迷路の作り方

初級

今回つくるゲーム

難易度2 out of 5 stars

今回はスクラッチで巨大迷路を作っていきます。簡単に作れるので自分だけのオリジナル迷路を作って友達や家族にやってもらいましょう。これができると、本格的なRPGなども作れるようになりますのでマップを移動の入門編として是非トライしてみてください。

この記事でも順番に作り方を解説しますがくわしくははYouTube動画で確認してください。


まずゲームをプレイしてみましょう。

youtube解説

こちらの動画ではわかりやすくゲームの作り方を解説しています。実際に作るときはこの動画を見ながら作ることをお勧めします。チャンネル登録もよろしくお願いします!

[スクラッチ]巨大迷路の作り方

迷路を作る

迷路のコスチュームを描く

まずは、迷路を描いていきます。図のように、右下の+ボタンから”描く”を選択して、新しいスプライトを作成します。

スクラッチで巨大迷路の作り方1

新しいスプライトを作ったら、コスチュームで迷路を描いていきます。迷路の描き方ですが、まずは全体を真っ黒な四角で塗りつぶします。

スクラッチで巨大迷路の作り方2

そして、ここから迷路を描いていくのですが今回は消しゴムツールで描いていきます。まず、大きさ100の消しゴムでど真ん中に穴をあけます。ここがスタートエリアになります。次に大きさ30の消しゴムで迷路を作っていきます。

スクラッチで巨大迷路の作り方3
スクラッチで巨大迷路の作り方4

コースをつくったら最後に大きさ100の消しゴムでゴールのエリアをつくります。そしてゴールエリアに赤い四角で大きくGOALと書きましょう

スクラッチで巨大迷路の作り方5
スクラッチで巨大迷路の作り方6

そして、ここからはちょっとしたテクニックになりますが、コスチュームを追加して、めちゃくちゃ小さいドットを描きます。そして、コスチュームの名前を「迷路」と「ドット」にしておきます。

スクラッチで巨大迷路の作り方7

ここまでできたら次はコードを書いていきます。

迷路のコードを書く

このままの迷路では、簡単にゴールできてしまいますね。先がわからないようにするために、この迷路を巨大化させます。以下のコードで巨大化します。

スクラッチで巨大迷路の作り方8

コスチュームが迷路のままだとスクラッチの制限で500%まで拡大できません。小さいドットだったら500%まで拡大できるので、まずはドットを500%まで拡大して、コスチュームを迷路に変えることで限界突破できるのです。これは裏技ですが便利なので覚えておいてください。

迷路の中をネコを動かす

ターゲットを作る

つぎに迷路のなかをネコが動けるようにしていきます。今回はネコを動かすのではなく、ネコより一回り小さい””まる”を作って、それを動かして、その上にネコを乗せるようにします。この”まる”を”ターゲット”と呼ぶようにします。

以下のように新しいスプライトを追加して、20✕20の大きさのマルを描きます。スプライトの名前は”ターゲット”としておきましょう。あわせて、迷路のスプライトの名前も”迷路”にしておきます。

スクラッチで巨大迷路の作り方9

ターゲットのコードを書く

ターゲットのコードをこのように書きます。え!これだけ?と思った人もいるかと思います。今回の迷路ゲームはターゲットはずーっと真ん中にいて、迷路のほうが上下左右に動くのです。

スクラッチで巨大迷路の作り方10

迷路のコードを書く

次に迷路のコードを書いていきます。少し長いですが、迷路のコードを以下のように書きます。
例えば、右矢印キーを押すと迷路を左にうごかすことで、プレイヤー(ターゲット)が右に動いているように見せるのです。

スクラッチで巨大迷路の作り方11

同じコードをがいくつも出てくるときは”定義”でまとめてしまうとスッキリします。今回は動かす部分のコードが共通なので”定義” にまとめています。

これで旗を押して動かしてみてください。上下左右に動けば成功です。迷路の壁でターゲットがとまることも確認しましょう

ネコのコードを書く

最後にネコのコードを書きます。ネコはターゲットの上にのせて、あとは上下左右矢印キーが押されている間は、ぴょこぴょこ足を動くようにします。またゴールの赤色に触れると終了とします。

スクラッチで巨大迷路の作り方12

このままだと、ターゲットが邪魔ですね。さいごにターゲットの幽霊の効果を100にして完成です。

スクラッチで巨大迷路の作り方13


すべてのコード

これで今回の解説は以上になりますが、ここからゴールまでのタイムをはかったり、迷路の中を動くネコの動きをもっと高度なものにしたりすることもできます。くわしくはYoutube動画で確認ください。すべてのコードはこちらから確認できます。巨大迷路

コメント