シューティングゲームチャレンジ ＃9

当たり判定実装




















動いてないとわかりずらいんですが、波動砲が敵機に当たって爆発した瞬間のスクリーンショットです。
もちろん自機と敵機にも当たり判定をつけました。

もっとも一般的な円と円の当たり判定です。
自機、敵機、波動砲にそれぞれ絵の中心から当たり判定の範囲にしたい円の半径を設定します。
あとは中心点の座標同士の距離を調べて、互いの半径を足した値より小さければ当たったとみなします。
三平方の定理を使って点と点の距離を算出する方法です。
平方根の処理は重いようなので、両辺を2乗した形で大きさを比較します。

例えば、自機の中心座標と半径を（Ｘ0，Ｙ０，ｒ０）、同じく敵機を（Ｘ1，Ｙ１，ｒ１）とすると、
（Ｘ0－Ｘ１）＾2　＋　（Ｙ0－Ｙ1）＾2　＜＝　（　ｒ0＋ｒ1　）＾2
この条件を満たせば両者は接触しているとみなせます。

せっかく当たり判定をつけたんで、敵機が爆発するアニメーションも頑張って実装しました。
では実行ファイルを。
ソーステキストも同梱です。
操作やダウンロードについては前回の記事を参照してください。
自機と敵機が接触した場合も終了です。
終了後はキー入力待ちになるので、何かキーを押して完全に終了させてください。
http://multip.net/view/oRzzwkfefZ

かなりシューティングゲームになってきましたね。
理論は理解していても、当たり判定がちゃんと想定通りに働くと嬉しいもんです。
思わず、ニヤけちゃいました(笑）

シューティングゲームチャレンジ ＃８

波動砲実装




















ボタンを押すと単発で弾を発射するところから、連射、溜め打ちと順に実装してゆきました。
波動砲のパワーは５段階で、１．５秒で最大まで溜まります。
波動砲のデータを構造体にして、その構造体を配列にする事で連射できるようになっていて、今のところ１画面に10発まで対応するようになってます。
配列の要素ごとに使用中かどうかのフラグを持っていて、発射の際は使用されていない一番若い配列番号を使用します。
画面外に消えたらこのフラグを降ろして次の発射に備えます。

実行ファイルを。
ソース同梱です。
リンク先、四角い枠内下のほうにある『ダウンロード』をクリックでダウンできます。
ｚｉｐファイルなので解凍してから、フォルダ内のexeファイルをダブルクリックで実行されます。
操作
矢印キー　＆　パッド方向キー　・・・　自機の操作
Ｚキー　　　＆　パッドＡボタン押す　　・・・　波動砲溜める
Ｚキー　　　＆　パッドＡボタン離す　　・・・　波動砲発射
ＥＳＣキー　・・・　プログラム終了

http://multip.net/view/2ot267Uczo

次はそろそろ当たり判定かな。

ICOチームの新作

E3でICOチームの新作が発表されましたね。

トレイラー映像だけで鳥肌がたちました。

僕は彼等のつくるゲームが大好きです。

ICOもワンダも夢中で遊び、エンディングでおいおい泣いたくちです。

彼等のゲームはまずゲームありきで、ストーリーや設定はあくまで、主人公がそのような行動をとる必然性とか動機付けのために付け加えられてある印象。

そういう意味で昔のゲームっぽいところがあるなぁと感じます。

お姫様がさらわれたから助けに行くぞ、みたいな。

実際、ゲーム中にストーリーが進展することはほとんどなくて、エンディングに向かってひたすらにゲームを楽しむ作りです。

なのに、クリアすると、忘れられないくらい心に残り、そのゲーム達を本当に大切なもののように感じさせてくれます。

ごく僅かなプロットでプレイヤーにたくさんの事を想像させ、感動させ、そしてゲーム自体を集中して楽しませることの出来る、たぐい稀な人達だなぁと。

僕もいつかそんな作品を作れたら最高に幸せだなぁ。

シューティングゲームチャレンジ ＃7

ジグザグ運動実装

実現するための考え方は固まってたんだけど、Ｃでの三角関数の扱い方がわからなかったのと、小数点以下を含む型を使い慣れてなかったので思わぬ苦戦を強いられました。
では、方法を説明します。
数学を教えるブログじゃないんで、ざっくりとした説明で。

座標の原点 ( 0 , 0 ) を中心とする半径 r の円を考える。
円周上の点 ( x , y ) の　ｙ　は、その点と原点を結ぶ線とＸ軸の作る角度を　θ　とすると、　
ｒ　×　ｓｉｎθ　
と表すことができ、この値は０度から180度までは正の値を、１８０度から360度までは負の値をとる。
数値の流れを追ってゆくと、０度から少しずつ大きくなり、９０度で最高点に達し、そこから小さくなり１８０度を境に負の領域に入る。
２７０度で最小値となり、そこから大きくなって行って３６０度で0になる。
一定の角速度で動いた場合、頂点となる９０度と２７０度付近ほど数値の変化が小さくなるので、Ｙ座標は加速、減速、反転、加速、減速、反転と滑らかな上下運動となる。
角度を１フレームごとに一定の量ずつ増やし、この　ｙ　の値を敵機のＹ座標に足してやればＯＫ。



















敵のデータをまとめた構造体に、現在の角度、振幅（円の半径ｒ）、円運動の角速度を追加しました。
この三つの値を変化させて、位相、振幅、波長をコントロールする感じ。
これに、最初の直線運動の関数も通して、Ｘ座標を変化させれば、きちんと波のようなジグザグに動きます。

ソース部分も軽く説明を。
まず、三角関数を使うためにmath.hをインクルード。
あと、Ｃ言語では角度を『度』ではなくラジアン（３６０度を”２×パイ”とする表現）で表すみたいなので、パイ（円周率）の値と、度をラジアンに変換する式の定数宣言を追加しました。
数値を入力する時は『度』で入力できた方が個人的にはイメージしやすいからです。
あとは、必要なデータを敵機の構造体に追加し、上記の考え方をコード化した関数を追加しました。

実行ファイルをどうぞ。
ソーステキストも同梱です。
ダウンロードの方法や操作については＃２の記事を参照してください。
http://multip.net/view/0lTRTZOC1F

いつもの事ですが、プログラミングと格闘の末、最後の力を絞ってブログを更新してるので、脳が上手く働いてません。
文体が統一されてなかったり、説明が不足してるのは勘弁してください(笑）
あ、誤字もね。

 

シューティングゲームチャレンジ ＃6

アニメーション実装

敵機をクルクルアニメーションさせてみた。
DrawAnimationと言う関数を新たに追加。
アニメを簡単に表示する方法を考えたんだけど思いつかなくて、最初の方の記事で使っていたテキスト『１４歳からはじめるＣ言語ゲームプログラミング』を調べた。

なるほどね！
よく思いつくなあと、しばし関心。

まず、１秒間に何コマアニメーションさせるかを fps　とする。
１０００／fps　で１コマの時間が計算できる。
例えば１秒で８コマ動かすなら、１０００／８で１コマの時間は125ミリ秒となる。
次にＧｅｔＮｏｗＣｏｕｎｔ関数で現在の時間をミリ秒で得る。
それをさっき求めた１コマの時間で割る。
 t = GetNowCount( )
とすると
 ｔ　／　（　１０００／ｆｐｓ　）
って感じで。
そうすると、１コマ分の時間が経過するごとに１増える値が得られる。
これをアニメが一回りする総コマ数で割ってやる。
その余りをアニメパターンのコマ番号に使うのだ。

表示するコマ番号　=　（　int　）（　ｔ　／　(１０００／ｆｐｓ)　）　％　総コマ数

計算は割り算で小数になることもあるので、変数は　float型で宣言し、割り算計算する部分の頭に ( int )を付けて整数に変換する。

ちょっとややこしいけど、落ち着いて一つ一つの処理を追えば難しくは無い。
例えば１秒間に10コマ進むアニメパターンのｆｐｓは10だ。
１０００／１０は１００。
現在時刻が15545だったとしよう。
１５５４５／１００は１５５．４５となる。
整数にするために小数点以下を切り捨てると、１５５になる。
このアニメパターンの総コマ数が４だったとすると、
１５５／４で、応えは38と余りが3となる。
この余り３がコマ番号だ。
４で割っているので、この余りは割られる数が１増えるごとに0から３の範囲でループする。
で、割られる数は何だったかと振り返ると、１コマ分の時間ごとに１増える数なのだ。
つまり、１コマ分の時間経過にあわせて余りは１ずつ増え、総コマ数に達すると０に戻る。
わかりやすく説明できたかなあ・・・。

この計算を関数内でおこなう。
渡す引数は（座標ｘ、ｙ、アニメパターの入ったグラフィックハンドル配列の最初のコマのアドレス、fps、総コマ数）って感じだ。
これで、座標、キャラクターの種類、１コマの時間、総コマ数を問わずに、この関数を通せばアニメーションさせることが出来る。
ルールはひとつ。
アニメーションパターンは順番どおりにグラフィックハンドルの配列変数に入れておくこと。

では実行ファイルを。
ソースも入ってます。
http://multip.net/view/bEcjpJQM0k

そういや、返り値の必要ない関数はvoid型でよかったんだね。
だいぶ前にやったから忘れてて、関数全部int型で宣言してた・・・（汗）
いちいち return 0; って書くのなんか違和感あったんだよなあ（笑）
というわけで、ちゃんとvoid型になってます。
たまに復習もしないとだめだね。