Scratchの本格ゲームの中身を調べる方法を解説しています。第4回では、横スクロールやジャンプ処理・スコア表示といった、個別の処理を見ていきます。

題材には、恐竜ランニングゲームを使っています。

前回まで、次の手順でリバースエンジニアリングを進めてきました。

  1. まずは遊んでみる
  2. 中を見る
  3. スプライトを調べる
  4. メッセージを調べる
  5. 変数とリストを調べる
  6. コードの細部を調べる

特に、プロジェクトの全体像をメッセージを中心に整理しました。でも、ゲームは細かなところまで作り込んであります。今回は、それを順番に調べてみましょう。

地面の横スクロール

横スクロールする地面は、ground1とground2というスプライトで実現しています。この2つは、ほとんど同じコードになっています。

ground1は、「go」ブロックで横スクロールを実現しています。

ground1の横スクロール

まず、初期設定で「x座標 = 0、y座標 = 0」にしているので、画面中央からスタートします。そして、「ずっと」ブロックで、「x座標をScroll_Xずつ変える」で、左に移動しています。

それから、x座標が-460より小さくなったら、右端に戻るため「x座標 = 460」にしています。

これで、ground1のスプライトが、左方向にスクロールしていきます。

ground2も、ほとんど同じ動きをしますが、初期値がすこし違っています。

ground2の横スクロール

「go」ブロックを見ると、初期設定で「x座標 = 480、y座標 = 0」となっていて、画面中央ではなく、画面右端からスタートします。

あとは、ground1と同じように横スクロールしていきます。

つまり、初期設定で、ground1とground2が画面一つ分ずれているのです。この2つの同時に実行することで、地面の横スクロールがずっと続いていくように見せています。

地面の横スクロール

ちなみに、横スクロールは、@digitarhyth@さんの無限スクロールを参考にしています。

また、次のプロジェクトで実験として実現しています。

雲のアニメーション

雲は、cloudスプライトで実現しています。6個の雲が、左方向に横スクロールしていきます。

このとき、位置によって、サイズとスピードを調整して、遠近感を表します。「クローン」で、次のように作っています。

雲の配置とサイズ
  • 「line = 1」のとき、大きさ60%
  • 「line = 2」のとき、大きさ90%
  • 「line = 3」のとき、大きさ120%

横スクロールの処理の考え方は、地面と同じです。

CRASHメッセージとRESTARTメッセージを受け取らないので、恐竜が衝突したときも、再スタートしたときも雲は動き続けます。

ジャンプと地面

恐竜のdinoスプライトでは、「go_2」ブロックで、「jump」と「check_ground」を呼び出して、ジャンプと地面のチェックをしています。

恐竜のジャンプは、「Jump」ブロックで処理しています。

ジャンプ処理

「move_Y」変数で縦方向の移動距離を表しています。「Ground_level」変数は、恐竜や障害物(サボテンと翼竜)の縦方向の基準位置を表しています。

恐竜が「y座標 = Ground_level」かつ「move_Y = 0」なら、ジャンプしていないことになります。このとき、Jumpボタンが押されるか、上向き矢印キーが押されると、「jump_flag = on」になって、ジャンプが始まります。

「jump_flag = on」でなければ、ジャンプしません。

ジャンプ中の場合は、「move_Y」変数を「-2」ずつ変えています。

そして、y座標を「move_Y」変数ずつ変えて、ジャンプと落下を表します。

ちなみに、「90 + move_Y 度に向ける」ブロックで、ジャンプ中に恐竜を少しゆらしています。

ジャンプした恐竜が地面に着地したかどうか、「check_ground」ブロックで調べています。恐竜のy座標が「Ground_level」変数より小さくなったら、move_Yをゼロにして、恐竜のy座標を「Ground_level」変数に合わせています。

着地処理

スコアを表示する

DinoRunnerでは、次の3つのスプライトでスコアを表示しています。

3か所でスコアを表示する
  • ゲームプレイ中のスコア：score engine
  • 衝突時のスコア：score engine2
  • 衝突時に表示するベストスコア：bestscore engine

スコアは、ドットフォントで表示するため、次の「スコア表示エンジン」プロジェクトを使っています。

このプロジェクトは、0から9までの数字をコスチュームに持っていて、これを切り替えて数字を表示します。

スコア表示エンジンは、次の手順で使います

1. コードに次の値を設定する

スコア表示エンジンの初期設定
  • score_MAX_LENGTH：スコアの桁数
  • score_LETTER_WITDH：スコア1文字の幅
  • x座標、y座標：スコアを表示する位置
  • 大きさ：表示する倍率

2. メッセージ名をプロジェクトに合わせて書き換える
3. スコアとして表示する値を、Score変数に代入する
4. スプライトを初期化するため、init_scoreメッセージを受信する
5. スコアを更新するため、render_scoreメッセージを受信する

スコアを初期化・更新する

DinoRunnerでは、スコアの初期化と更新を「score_panel」スプライトでやっています。衝突時のスコアとベストスコアは、同じタイミングで表示するので、init_score2メッセージとrender_score2メッセージを送信しています。

コードの動きを自分なりに調べるには

Scratchのゲームをリバースエンジニアリングする場合、こんな感じで、コードの細部を調べていきます。

今回は、DinoRunnerの細部のコードを簡単に紹介しました。自分で調べて、よく分からなときは、次の方法を試してみましょう。

  • 処理の流れを、頭のなかで想像する
  • 処理の流れを、書き出してみる
  • コードの一部を修正するか、スプライトの一部を非表示にして、どのように流れが変わるか実験してみる
  • コードの一部を取り出した別のプロジェクトを作ってみる

たとえば、恐竜のdinoスプライトを非表示にすると、地面や雲・障害物の動きが確認しやすくなります。

恐竜を非表示にする

こんなバリエーションを作ってみた

ここまで、全4回にわたって、私なりのリバースエンジニアリングの方法を解説してきました。DinoRunnerのコードには、すっかり詳しくなったと思います。

あなたも、ぜひ自分なりにリバースエンジニアリングしてみてください。

私も、これを元にして、次の横スクロールゲームを作っています。

オリジナルの横スクロールゲームを作ったら、ぜひ教えてくださいね。