スクラッチでPlatformerプラットフォーマーの作り方

中級

今回つくるゲーム

難易度2 out of 5 stars

今回はスクラッチの大人気ゲームプラットフォーマーの作り方を解説します。左右移動・壁キック・斜めの壁・ジャンプ台など、プラットフォーマー作りの要素がふんだんに入っています。なるべく真似しやすい、簡単なコードで作れるように工夫したので是非チャレンジしてみてください。

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


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

youtube解説

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

[スクラッチ]Platformerプラットフォーマーの作り方①

コースを作る

まずはコースを描いていきます。コース用のスプライトを作り、コスチュームにコースを描きます。今回は以下のように4つのコースを作りました。

スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方

スパイクを作る

次にスパイクを作っていきます。赤い三角形で、それに当たるとスタート位置に戻ってしまいます。これをどのように配置するかがプラットフォーマー作りの楽しみですね!

スパイク用のコスチュームを作り、先ほど作ったコースにをみながらスパイクを設置していきます。
今回はこのように作りました。
それぞれのコスチュームを作る時に、その土台となるコースを選択し、右上の画面を見ながら設置していきます。

スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方

そして、はじめに作ったコースとスパイクを組み合わせると、以下のようにコースが完成します。

スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方

プレイヤーを作る

次にプレイヤーを作っていきます。プレイヤーのコスチュームは以下のように30×30程度で作りましょう。

スクラッチでPlatformerプラットフォーマーの作り方

では、プレイヤーのコードを書いていきます。以下のコードで一通りのプレイヤーの動きが完成です。
ポイントは「上向きの勢い」と「横向きの勢い」の二つの変数です。この二つの変数を操作していくことにより、左右の動き、ジャンプ、壁キックができるようになります。

スクラッチでPlatformerプラットフォーマーの作り方

コースとスパイクのコード

次にコースとスパイクのコードを書いていきます。ここはとても簡単です。コードはどちらも同じになります。ネクストを受け取った時に次のコスチュームにすることで、順番にコースを遊べるようになります。

スクラッチでPlatformerプラットフォーマーの作り方
スクラッチでPlatformerプラットフォーマーの作り方

ジャンプ台を作る

ジャンプ台はスパイクと同じ考え方です。ジャンプ台を作りたいコースと同じ番号のコスチュームにジャンプ台を設置します。今回は3つめのコースに以下のようにジャンプ台を設置しました。必ず空でも、コスチューム1・2・4すべて作るようにしましょう。

スクラッチでPlatformerプラットフォーマーの作り方

ジャンプ台・坂道・残像のコード

では、プレイヤーがジャンプ台で大ジャンプできるようにするのと、坂道を登れるようにします。あと、プレイヤーが動いた時に残像を残すようにします。

スクラッチでPlatformerプラットフォーマーの作り方

ネクストとクリア

最後にネクストとクリアのタイトルを表示するようにしましょう。

以下のようにスプライトを追加し、NEXTとクリアと書いたコスチュームを用意します。

スクラッチでPlatformerプラットフォーマーの作り方

次に以下のようにコードを書けば完成です!

スクラッチでPlatformerプラットフォーマーの作り方

すべてのコード

すべてのコードはこちらから確認できます。是非アレンジして自分だけのプラットフォーマーを作ってください!

プラットフォーマー(サンプル)

コメント