スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

中級

今回つくるゲーム

難易度2 out of 5 stars

今回はスクラッチでジオメトリーダッシュ[スパイダー編]を作っていきます。画面をクリックするとプレイヤーが上下に動きます。両側から壁がせまってきて、ぶつかるまでに10回クリックできればクリアです。だんだんと壁が迫ってくるスピードが速くなります。実際に元ネタのゲームをやったことないので実際とはちょっとちがうかもしれません・・

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


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

youtube解説

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

[スクラッチ]ジオメトリーダッシュ_スパイダーの作り方

カウントダウンをつくる

まずはゲームをスタートさせるためのカウントダウンから作っていきます。動画ではかべやプレイヤーから作っていますが、その方が、考え方はわかりやすいですが、スプライトをいったりきたりするので、この記事では見やすさを重視してカウントダウンからつくっていきます。

まずはネコのスプライトを削除しましょう

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

次に、スプライトの追加ボタンから「3」を選びます

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

次に、3の下に2と1のコスチュームも追加します

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方
スクラッチでジオメトリーダッシュ[スパイダー編]の作り方
スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

これで準備は完了です。

つぎにカウントダウンのコードを書いていきます

以下のようにコードを書きます。これで旗を押すとカウントダウンがはじまります。カウントダウンが終了すると「スタート」のメッセージが送られる仕組みです

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

プレイヤーを動かす

では、次にプレイヤーを動かしていきます。カウントダウンと同時に下面にスタンバイして、スタートと同時にクリックで上下に動くようにします。まずプレイヤーのコスチュームを描いていきましょう。新しいスプライトを作り、まずは以下のような横幅30の縦長の長方形を描きます

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

これをしっかりと中心において、高さを縮めていきます。高さが30になるまで縮めましょう。できたら、そこに顔を描いていきましょう。

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方
スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

次に、消しゴムでプレイヤーをバラバラにします。

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

これでコスチュームは完成です。次にコードです以下のようにコードを書きましょうこれでスタートのメッセージを受け取るとクリックでプレイヤーを上下に動かせるようになります。

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

かべを動かす

では、次に、カウントダウンと同時にかべが現れて、スタート同時に動くようにコードを書いていきます。

まずは壁のコスチュームです。このような感じで左端に壁を描いてください。

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

壁が描けたら、つぎに、画面全体を透明の四角でかこいます。こうすることで端からはしまできちんとスクロールします。

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

ではこの壁を左右から中心に向かって動くようにしていきます。左右の壁はクローンで作成します

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

これで、旗を押すとカウントダウンがはじまり、カウントダウンが終わると壁がうごきはじめ、画面を10回クリックすると一つずつレベルが上がり、かべのスピードが早くなるのがわかります

ゲームオーバーを作る

では最後にゲームオーバーをつくっていきます。プレイヤーのコードに移動して以下のようにコードを追加します。

スクラッチでジオメトリーダッシュ[スパイダー編]の作り方

これでプレイヤーがかべに触れるとゲームオーバーとなります。

すべてのコード

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

ジオメトリーダッシュ スパイダー編