スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

初級

今回つくるゲーム

難易度2 out of 5 stars

今回はスクラッチでジオメトリーダッシュ”スイングコプター”篇を作っていきます。基本的にはフラッピーバードと同じ考え方になります。とても簡単に作れるので是非チャレンジしてください。

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


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

youtube解説

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

[スクラッチ]ジオメトリーダッシュスイングコプター篇の作り方

プレイヤーを作る

コスチューム

まずは、コスチュームから作っていきます。今回、ネコは使わないのでゴミ箱に捨て、新しいスプライトを作ります。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方
スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

新しいスプライトのコスチュームに、プレイヤーの機体を作ります。機体のデザインは好きなよう作ってもらえればと思いますが、おおよそ50✖️50くらいの大きさで作ってもらえればと思います。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

作るのは3種類で、下(下向きに動いているコスチューム)、上(上向に動いているコスチューム)、爆発です。下と上は今回の場合、火の噴射の大きさだけにしてます。全く同じデザインでも問題ありません。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方
スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方
スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

コード

次にプレイヤーのコードを書いていきます。以下のように書いてください。これでマウスを押している間は上に上がって、離すと下がるようになります。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

次に、このようにコードを追加します。そうすると、上に上がっていくときはどんどん角度が上向に、下に下がっていくときはどんどん角度が下向きになり、動きがリアルになります。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

コースを作る

では、次にコースを作っていきます。

コスチューム

新しいスプライトを追加して、コスチュームを作っていきます。まず以下のように画面をはみ出すくらいの長い長方形を描きます

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

そして、この長方形を上にぐーっとあげて、コピー・上下反転させて下方向にも同様に作ります。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方
スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

ここでとても重要なポイントがあります。このままだとうまくスクロールしません。スクロールのコスチュームを作るときは必ず画面いっぱいに透明の背景をつける必要があります。以下のように四角で透明の背景を追加してください。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

コード

コースのコードはこのように書いてください。これで画面左から高さと角度の違うブロックが等間隔に流れてくるようになります。またゲームオーバーになるとリスタートするようにしています。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方

さいごに、プレイヤーのコードにもどって、コースに触れる(=ゲームオーバーになる)と、破壊される演出を加えます。

スクラッチでジオメトリーダッシュ”スイングコプター篇”の作り方
Screenshot

すべてのコード

これで完成です。すべてのコードはこちらから確認できます。

ジオメトリーダッシュ SwingCopter