Ｃｈａｐｔｅｒ.４６ [ シューティングゲーム６：ショットを撃つ�� ]
■前回の謎
さて、前回はかなり長い講座になってしまって、皆さん結構大変だったと思います。
ですが、前回の内容でも言いましたが、ほとんど全ての根本処理を実装させましたので、あとは継ぎ足し継ぎ足しで、どんどんゲームが完成に近づいていきます。ここからは少しペースアップできるはずですから、がんばって進めていきましょう。
まずは、前回の最後に書いた『勘のいい人なら気がつく、おかしなところ』というなぞなぞの答えから考えます。
前回の処理を実装させてコードを実行すると、プレイヤーキャラクターが自由に画面上を動き回ります。このとき目いっぱい右下にキャラクターを寄せてみると、何がおかしいのかきっとわかります。
何がおかしいのかわかりましたか？
では、左上に目いっぱい寄せた場合と比較してみましょう。
右下に寄せた場合だけ、キャラクターが画面の外側にめり込んでしまっていますね。座標計算は間違っていないのに、どうしてこのような現象が起こるのでしょうか。実はこれ、フレームのせいなんです。
フレームコントロールはその名の通り、ユーザーフォーム上の空間を切り取るフレームの役目を果たします。枠線が表示されて、そこだけが独立した空間になるのですね。
しかしこの枠線、思いっきり拡大してみると、こんな感じになってます。
ご覧の通り、この枠線は２ピクセル分の幅があります。つまり、両端それぞれ２ピクセルの合計４ピクセルが、枠線として使われているのです。
これをポイント単位に変換すると、『 4 × 0.75 = 3 』という式が成り立ちますね。ですからフレームコントロールの
これでは左右対称な処理ができなくなってしまいますので、ちょっと困ります。座標計算は画面の大きさを200として計算しています。この仕組みがキチンと動作するために、フレームコントロールの大きさを、適切なかたちに修正しておきましょう。
具体的には、現状200ポイントに設定されている
こうしておけばプロシージャ内のコードを修正しなくとも、キチンと端の部分でキャラクターが止まるようになります。はみだし防止処理が完全になりました。謎が解けてすっきりです。
■ショットを撃てるようにするためには
今回の主題『ショットを撃つ』について考えてみましょう。
プレイヤーキャラクターがショットを撃つということは、移動処理と同様、プレイヤーのキー入力をチェックして処理しなくてはいけません。ここまではなんとなく想像がつきますね。
ですので、まずはモジュールの宣言部分、『定数宣言』に次のコードを追加します。
これはキーボードのZキーを表すキーコードを、定数として宣言している部分です。ここで定数としてキーコードを宣言しておけば、あとで処理がしやすいですね。
そしてもうひとつ、ショットの大きさを定義する定数です。
プレイヤーキャラクターのときにも、その実際の大きさを定数化しましたね。あれと同じ意味のものです。
次に、
この『変数
ここまで進めてきた皆さんは、既にメインループについて十分な知識を身につけていると仮定して、これから先の内容を説明していきます。よくわからない人は以前のChapterをよく読んで、理解してから挑戦してみてください。
メインループでは、同期処理を行って、１秒間に何回ループするか定義していましたね。
前回載せたメインループのコードをよく見ていただければわかりますが、今回のシューティングゲームは１秒間に３０回強、ループするようになっています。
でもこれ実はものすごい速さです。１回あたり約0.03秒ですからね。
まぁこれも、人間からみるとものすごい速さですが、昨今のパソコンにとっては大したスピードでもないのだからすごいですよね。
とにかく、普通は、人間がキーを入力するとき、0.03秒でキーを押して離してが出来るとは思えません。タイピングのプロじゃあるまいし、そんなにものすごく速いスピードでシューティングゲームを遊ぶのは無理です。
しかしループ中は、毎回キーの入力をチェックしていますよね。
もし、キーが押されていることを判断材料としてショットを発射してしまうと、１秒間に３０回以上ショットが発射されてしまいます。これはちょっと多すぎです。処理能力的にも見ても、これは少し無理があります。
そこで、先ほど宣言した変数
ショットが発射された瞬間から、それ以降のループの中で、この変数を毎回プラス１ずつカウントするようにします。そして、一定の数までカウントされるまでは、ショットを再び発射することができないようにしてしまいます。
例えば、変数
カウント待ちする回数を増やせば間隔が長くなり、少なくすれば、間隔が短くなります。今回はカウント待ち回数を『 7 』に設定してやってみます。これなら、１秒間に約４〜５発程度のショットが発射されるようになります。
さて、上のコードを見てください。
これは、前回記述したプロシージャ『
先ほど
変数
ひとたびショットを発射したら、変数
変数
しかしこのままでは二度とショットが撃てなくなります。ですから、変数
ここでは変数
こうすることで、次のループでは、もしキーが押されていればショットが発射できるようになります。
このように、変数
今回載せたコードは『ショットを発射する』の部分がまだ未完成です。これは次回作成するとして、その時に完成版コードを載せるようにするつもりです。とりあえず今回はその考え方や仕組みを理解できていればいいでしょう。
■ショットの扱い
さて、これでショットを発射するための『プレイヤーキャラクター側の準備』はできました。あとやらなくてはならないのは、『ショットそのものを準備する』ということです。
具体的には、次のようなことをやらなくてはいけません。
今回は、画像をイメージコントロールにロードするところまでやってしまいましょう。
ショットの画像は非常に小さいです。ちょっとわかりづらいかな？
この画像を使って、ショットに見立てたイメージコントロールを用意します。
ショット用の画像は大きさが8×8ピクセルです。ということは……もうわかりますね。ショット用のイメージコントロールの
今回はプレイヤーキャラクターが放つショットとして、最大で画面上に５発まで発射できるようにしたいと思います。そこで、ユーザーフォーム上に、５つのイメージコントロールを追加します。
言うに及ばず、これらの追加したイメージコントロールも、枠線の消去や、透過処理設定をしておきます。これは以前の講座で詳しく解説しましたね(Chapter24・Chapter25を参照)。
イメージコントロールの名前の変更はキチンとやっておきましょう。次回以降のコードでは、この名前でイメージコントロールを指定します。特別な理由がない限りはこの名前をしっかり設定しておいてくださいね。
そして、忘れてはならないのが、このショット用イメージコントロールの
そこで、これらの５つのイメージコントロールは、全て
なくなってしまったわけではないので、あとでコードの中で
これで、ユーザーフォーム上のコントロールは準備できました。
次回は、ショットを撃つためのコードを記述します。今回の講座内容をキチンと理解しておいてください。
■格言
フレームは枠線を考慮した大きさに設定
ループ内でカウントして適切なショット間隔に
プレイヤーキャラクターの弾数はとりあえず５発でやります。
さて、前回はかなり長い講座になってしまって、皆さん結構大変だったと思います。
ですが、前回の内容でも言いましたが、ほとんど全ての根本処理を実装させましたので、あとは継ぎ足し継ぎ足しで、どんどんゲームが完成に近づいていきます。ここからは少しペースアップできるはずですから、がんばって進めていきましょう。
まずは、前回の最後に書いた『勘のいい人なら気がつく、おかしなところ』というなぞなぞの答えから考えます。
前回の処理を実装させてコードを実行すると、プレイヤーキャラクターが自由に画面上を動き回ります。このとき目いっぱい右下にキャラクターを寄せてみると、何がおかしいのかきっとわかります。
何がおかしいのかわかりましたか？
では、左上に目いっぱい寄せた場合と比較してみましょう。
右下に寄せた場合だけ、キャラクターが画面の外側にめり込んでしまっていますね。座標計算は間違っていないのに、どうしてこのような現象が起こるのでしょうか。実はこれ、フレームのせいなんです。
フレームコントロールはその名の通り、ユーザーフォーム上の空間を切り取るフレームの役目を果たします。枠線が表示されて、そこだけが独立した空間になるのですね。
しかしこの枠線、思いっきり拡大してみると、こんな感じになってます。
ご覧の通り、この枠線は２ピクセル分の幅があります。つまり、両端それぞれ２ピクセルの合計４ピクセルが、枠線として使われているのです。
これをポイント単位に変換すると、『 4 × 0.75 = 3 』という式が成り立ちますね。ですからフレームコントロールの
Widthプロパティが『200ポイント』だとすると、そのうち３ポイントは枠線なので、黒くなっている中身の空間は『197ポイント』しかないということになるわけです。これでは左右対称な処理ができなくなってしまいますので、ちょっと困ります。座標計算は画面の大きさを200として計算しています。この仕組みがキチンと動作するために、フレームコントロールの大きさを、適切なかたちに修正しておきましょう。
具体的には、現状200ポイントに設定されている
Widthプロパティを、枠線の分だけ広くすればいいのです。ですからフレームコントロールのWidthとHeightを『203ポイント』に修正しておきましょう。こうしておけばプロシージャ内のコードを修正しなくとも、キチンと端の部分でキャラクターが止まるようになります。はみだし防止処理が完全になりました。謎が解けてすっきりです。
■ショットを撃てるようにするためには
今回の主題『ショットを撃つ』について考えてみましょう。
プレイヤーキャラクターがショットを撃つということは、移動処理と同様、プレイヤーのキー入力をチェックして処理しなくてはいけません。ここまではなんとなく想像がつきますね。
ですので、まずはモジュールの宣言部分、『定数宣言』に次のコードを追加します。
Public Const Shot_Key As Long = 90
'ＺキーこれはキーボードのZキーを表すキーコードを、定数として宣言している部分です。ここで定数としてキーコードを宣言しておけば、あとで処理がしやすいですね。
そしてもうひとつ、ショットの大きさを定義する定数です。
Public Const Shot_Size As Single = 3
プレイヤーキャラクターのときにも、その実際の大きさを定数化しましたね。あれと同じ意味のものです。
次に、
Publicを使ってひとつ変数を宣言します。Public Shot_Interval As Long
'ショットの間隔この『変数
Shot_Interval』は、プレイヤーの放つショットの間隔を調節するのに使います。どういうことか、具体的に説明しましょう。ここまで進めてきた皆さんは、既にメインループについて十分な知識を身につけていると仮定して、これから先の内容を説明していきます。よくわからない人は以前のChapterをよく読んで、理解してから挑戦してみてください。
メインループでは、同期処理を行って、１秒間に何回ループするか定義していましたね。
前回載せたメインループのコードをよく見ていただければわかりますが、今回のシューティングゲームは１秒間に３０回強、ループするようになっています。
でもこれ実はものすごい速さです。１回あたり約0.03秒ですからね。
まぁこれも、人間からみるとものすごい速さですが、昨今のパソコンにとっては大したスピードでもないのだからすごいですよね。
とにかく、普通は、人間がキーを入力するとき、0.03秒でキーを押して離してが出来るとは思えません。タイピングのプロじゃあるまいし、そんなにものすごく速いスピードでシューティングゲームを遊ぶのは無理です。
しかしループ中は、毎回キーの入力をチェックしていますよね。
もし、キーが押されていることを判断材料としてショットを発射してしまうと、１秒間に３０回以上ショットが発射されてしまいます。これはちょっと多すぎです。処理能力的にも見ても、これは少し無理があります。
そこで、先ほど宣言した変数
Shot_Intervalを有効に使って、この問題を解決します。ショットが発射された瞬間から、それ以降のループの中で、この変数を毎回プラス１ずつカウントするようにします。そして、一定の数までカウントされるまでは、ショットを再び発射することができないようにしてしまいます。
例えば、変数
Shot_Intervalが10になるまでカウントするとすれば、１秒間に約３発のショットが発射できることになります。１秒間に約３０回ループするからですね。カウント待ちする回数を増やせば間隔が長くなり、少なくすれば、間隔が短くなります。今回はカウント待ち回数を『 7 』に設定してやってみます。これなら、１秒間に約４〜５発程度のショットが発射されるようになります。
If Shot_Interval = 0 Then
If GetAsyncKeyState(Shot_Key) < 0 Then
Shot_Interval = 1
End If
Else
Shot_Interval = Shot_Interval + 1
If Shot_Interval > 7 Then Shot_Interval = 0
End If
If GetAsyncKeyState(Shot_Key) < 0 Then
ショットを発射するShot_Interval = 1
End If
Else
Shot_Interval = Shot_Interval + 1
If Shot_Interval > 7 Then Shot_Interval = 0
End If
さて、上のコードを見てください。
これは、前回記述したプロシージャ『
Player_Action』に追加する、ショットを管理するためのコードです。先ほど
Publicで宣言した変数Shot_Intervalをどのように使っているかがポイントとなります。まず、始めから条件分岐による判断を行っていますね。変数Shot_Intervalの値が０かどうかを判断しています。変数
Shot_Intervalの値がもし０だった場合には、これはショットを撃てる状態であると判断します。ですのでキーが押されているかどうかその次のIf文でGetAsyncKeyStateを使って判断しています。もしキーが押されていた場合は、その後のショットを発射する部分に処理が移ります。ひとたびショットを発射したら、変数
Shot_Intervalの値を１にします。ショットが発射されると同時に、この変数Shot_Intervalの値が１になることで、この次のループが回ってきたときには一番最初のIf文を通ることが出来なくなります。よって、キーが押しっぱなしになっていてもショットは絶対に発射されません。変数
Shot_Intervalが０じゃないとき、この場合はショットが発射できないと判断するわけです。しかしこのままでは二度とショットが撃てなくなります。ですから、変数
Shot_Intervalが０ではなくなった場合の処理が必要ですね。それが『Else』以降の部分ですね。ここでは変数
Shot_Intervalを毎回プラス１ずつ増やしていきます。そして、その値が７より大きい、つまり８になった瞬間に、再び変数Shot_Intervalを０に戻します。こうすることで、次のループでは、もしキーが押されていればショットが発射できるようになります。
このように、変数
Shot_Intervalを有効に利用して、理論上は８ループに１回しかショットが発射されないようにするわけですね。今回載せたコードは『ショットを発射する』の部分がまだ未完成です。これは次回作成するとして、その時に完成版コードを載せるようにするつもりです。とりあえず今回はその考え方や仕組みを理解できていればいいでしょう。
■ショットの扱い
さて、これでショットを発射するための『プレイヤーキャラクター側の準備』はできました。あとやらなくてはならないのは、『ショットそのものを準備する』ということです。
具体的には、次のようなことをやらなくてはいけません。
ショットの画像を準備する
ショットが生成されるプロシージャを作成する
ショットの移動を管理するプロシージャを作成する
ショットが生成されるプロシージャを作成する
ショットの移動を管理するプロシージャを作成する
今回は、画像をイメージコントロールにロードするところまでやってしまいましょう。
ショットの画像は非常に小さいです。ちょっとわかりづらいかな？
この画像を使って、ショットに見立てたイメージコントロールを用意します。
ショット用の画像は大きさが8×8ピクセルです。ということは……もうわかりますね。ショット用のイメージコントロールの
WidthプロパティとHeightプロパティは6ポイントに設定すればいいわけです。今回はプレイヤーキャラクターが放つショットとして、最大で画面上に５発まで発射できるようにしたいと思います。そこで、ユーザーフォーム上に、５つのイメージコントロールを追加します。
言うに及ばず、これらの追加したイメージコントロールも、枠線の消去や、透過処理設定をしておきます。これは以前の講座で詳しく解説しましたね(Chapter24・Chapter25を参照)。
イメージコントロールの名前の変更はキチンとやっておきましょう。次回以降のコードでは、この名前でイメージコントロールを指定します。特別な理由がない限りはこの名前をしっかり設定しておいてくださいね。
そして、忘れてはならないのが、このショット用イメージコントロールの
Visibleプロパティの設定です。Visibleプロパティは、そのコントロールが見えているかいないかを定義するプロパティです。もし、このまま画面上に見えてしまっていたら、撃たれていないショットが画面上に置いてあるみたいで、なんだか変ですよね。そこで、これらの５つのイメージコントロールは、全て
VisibleプロパティをFalseに設定しておきます。こうしておけば、ユーザーフォームが実際に表示されるときには、画面上から見えなくなります。画面上からなくなってしまうわけではありません。あくまでも、見えないだけです。なくなってしまったわけではないので、あとでコードの中で
VisibleプロパティにTrueを設定すれば、キチンと画面上に現れます。それはショットを発射するときに行いますので、現段階ではVisibleプロパティにFalseが設定されていれば大丈夫です。これで、ユーザーフォーム上のコントロールは準備できました。
次回は、ショットを撃つためのコードを記述します。今回の講座内容をキチンと理解しておいてください。
■格言
フレームは枠線を考慮した大きさに設定
ループ内でカウントして適切なショット間隔に
プレイヤーキャラクターの弾数はとりあえず５発でやります。
