>> シューティングゲーム作成入門トップに戻る
今回はスコアボードを表示してみます。
まず、スコアの種類ですが、とりあえず、
ハイスコア、スコア、グレイズ、ライフの値を表示するようにします。
ハイスコアについては、まだデータのセーブを実装してないので、とりあえず0だけ表示するようにします。
そのためのクラス、SCOREクラスを作成します。
↑これがスコアボード用の文字画像と数字の画像です。
この画像は透過画像でかつ文字が白なので何も見えないと思いますが、
ちゃんと文字が書かれています。
文字画像の方を分割すると合計4つになり、数字画像の方は10個になります。
文字画像用のグラフィックハンドルg_board[4]と、
数字画像用のグラフィックハンドルg_number[10]を画像の数だけ配列で宣言しています。
その他は、そのスコアの値を表す変数です。
仕組みとしては、SetScore関数やGetScore関数を使って値の設定及び取得を行い、
Draw関数でその値を描画するという流れになります。
SetScore関数、GetScore関数は以下のようになっています。
SetScore関数は第一引数に列挙型のSOOREDATA型を指定します。
SCOREDATE型は上記のヘッダファイルに書いてある通りです。
第二引数にスコアの値を指定します。
第一引数がLIFE_SCOREだった場合はそのまま変数に値を代入しますが、
それ以外はそれぞれの変数にスコアの値を加算するようにswitch文で分岐しています。
GetScore関数は第一引数にSCOREDATA型を指定します。
switch文にて分岐し、該当した値を返すようにしています。
次にDraw関数です。
まず最初にスコアボードの文字の描画を行っています。
定数SCORE_Xというのはdefine.hで以下のように定義しています。
//スコアの文字描画の基準となるX座標
#define SCORE_X 390
スコアボード文字を書く際のX座標を定数として設定しているだけです。
スコア描画部分の説明についてですが、
まず各変数の値を一時変数bufにsprintfで代入してます。
sprintfの戻り値は格納した値の文字数を返します。
つまり、現在のスコアが1500であれば、4を返します。
その下のforループで、その文字数分だけループしています。
内部の処理ですが、まずX座標の指定部分のコードを見てください。
SCOREX+20というのは数字の書き出し位置の基準となるX座標です。
この値に19×iの値を足すと、数字の書き出し位置が取得できます。
１９×iというのは、数字の画像一つ分の幅が19だからです。
例えば、1111という値を描画しようとしたら、文字数は4です。
最初のループではｉは0なので、最初の数字はSCOREX+20の位置に描かれます。
次のループでiは1なので、次の数字はSCOREX+20+19の位置に描かれます。
数字の間の間隔が丁度良い間隔で空いて、数字が描画できることになります。
Y座標の指定はただ丁度良い位置に微調整した値を直接指定しているだけです。
三つ目のグラフィックハンドルについてですが、
bufには1バイトずつ数字が順番に格納されてます。
添え字にiを使えば、先頭の数字から取り出すことができます。
この数字は文字扱いなので、計算に使うとANSIコードの値を返します。
この値から文字としての数字の0を引くと、実際の数字を得ることが出来ます。
これをグラフィックハンドル用の配列g_numberの添字として使うと、
該当の数字の画像を指定できることになります。
他のスコアについてもこれを繰り返しているだけです。
このDraw関数をAll関数で呼び出しています。
次に得点を実際に加えるために、
CONTROLクラスのCollisionAll関数の中でSetScore関数を呼び出してスコアを加算したりします。
敵を倒した部分とグレイズの部分のコードにそれぞれSetScore関数を使って、
得点を加えています。
敵を倒すと100点、グレイズ一つで20点の設定にしています。
最後にライフに関しては、今後の変更で値が頻繁に変更する可能性があるので、
最後に一度だけ実行して値を設定してます。
PLAYERクラスからGetLife関数というものを呼び出していますが、
これはただlife値を返すだけの関数です。
また今回の変更に伴って、
PLAYERクラスのSetDamage関数を、
ライフが一つ減るように変更しています。
後はこのSCOREクラスのAll関数をCONTROLクラスのAll関数で呼び出すだけです。
すると、以下の動画のようにスコアボードを表示することができます。
今回の説明は以上です。
次回はアイテムを出現させてみましょう。
>> 【アイテムを出現させよう】に進む
>> シューティングゲーム作成入門トップに戻る
スコアボードを表示しよう
まず、スコアの種類ですが、とりあえず、
ハイスコア、スコア、グレイズ、ライフの値を表示するようにします。
ハイスコアについては、まだデータのセーブを実装してないので、とりあえず0だけ表示するようにします。
そのためのクラス、SCOREクラスを作成します。
enum SCOREDATA{
HIGH_SCORE,
CURRENT_SCORE,
GRAZE_SCORE,
LIFE_SCORE
};
class SCORE{
private:
//グラフィックハンドル
int g_board[4],g_number[10];
int high_score,score,graze,life;
private:
void Draw();
public:
void SetScore(SCOREDATA data,int val);
int GetScore(SCOREDATA data);
void All();
SCORE();
};
↑これがスコアボード用の文字画像と数字の画像です。
この画像は透過画像でかつ文字が白なので何も見えないと思いますが、
ちゃんと文字が書かれています。
文字画像の方を分割すると合計4つになり、数字画像の方は10個になります。
文字画像用のグラフィックハンドルg_board[4]と、
数字画像用のグラフィックハンドルg_number[10]を画像の数だけ配列で宣言しています。
その他は、そのスコアの値を表す変数です。
仕組みとしては、SetScore関数やGetScore関数を使って値の設定及び取得を行い、
Draw関数でその値を描画するという流れになります。
SetScore関数、GetScore関数は以下のようになっています。
void SCORE::SetScore(SCOREDATA data, int val)
{
switch(data){
case HIGH_SCORE:
high_score+=val;
break;
case CURRENT_SCORE:
score+=val;
break;
case GRAZE_SCORE:
graze+=val;
break;
case LIFE_SCORE:
life=val;
break;
}
}
int SCORE::GetScore(SCOREDATA data)
{
switch(data){
case HIGH_SCORE:
return high_score;
break;
case CURRENT_SCORE:
return score;
break;
case GRAZE_SCORE:
return graze;
break;
case LIFE_SCORE:
return life;
break;
}
//該当しないときはー1を返す。
return -1;
}
SetScore関数は第一引数に列挙型のSOOREDATA型を指定します。
SCOREDATE型は上記のヘッダファイルに書いてある通りです。
第二引数にスコアの値を指定します。
第一引数がLIFE_SCOREだった場合はそのまま変数に値を代入しますが、
それ以外はそれぞれの変数にスコアの値を加算するようにswitch文で分岐しています。
GetScore関数は第一引数にSCOREDATA型を指定します。
switch文にて分岐し、該当した値を返すようにしています。
次にDraw関数です。
void SCORE::Draw()
{
char buf[100];
int num;
//スコアボードの文字の描画
DrawGraph(SCORE_X,10,g_board[0],TRUE);
DrawGraph(SCORE_X,70,g_board[1],TRUE);
DrawGraph(SCORE_X,140,g_board[2],TRUE);
DrawGraph(SCORE_X,170,g_board[3],TRUE);
//ハイスコア描画
num = sprintf(buf,"%d",high_score);
for(int i=0;i<num;++i){
DrawGraph(SCORE_X+20+i*19,35,g_number[(buf[i]-'0')],TRUE);
}
//スコア描画
num = sprintf(buf,"%d",score);
for(int i=0;i<num;++i){
DrawGraph(SCORE_X+20+i*19,95,g_number[(buf[i]-'0')],TRUE);
}
//グレイズ数描画
num = sprintf(buf,"%d",graze);
for(int i=0;i<num;++i){
DrawGraph(SCORE_X+100+i*19,145,g_number[(buf[i]-'0')],TRUE);
}
//ライフ数描画
num = sprintf(buf,"%d",life);
for(int i=0;i<num;++i){
DrawGraph(SCORE_X+100+i*19,175,g_number[(buf[i]-'0')],TRUE);
}
}
まず最初にスコアボードの文字の描画を行っています。
定数SCORE_Xというのはdefine.hで以下のように定義しています。
//スコアの文字描画の基準となるX座標
#define SCORE_X 390
スコアボード文字を書く際のX座標を定数として設定しているだけです。
スコア描画部分の説明についてですが、
まず各変数の値を一時変数bufにsprintfで代入してます。
sprintfの戻り値は格納した値の文字数を返します。
つまり、現在のスコアが1500であれば、4を返します。
その下のforループで、その文字数分だけループしています。
内部の処理ですが、まずX座標の指定部分のコードを見てください。
SCOREX+20というのは数字の書き出し位置の基準となるX座標です。
この値に19×iの値を足すと、数字の書き出し位置が取得できます。
１９×iというのは、数字の画像一つ分の幅が19だからです。
例えば、1111という値を描画しようとしたら、文字数は4です。
最初のループではｉは0なので、最初の数字はSCOREX+20の位置に描かれます。
次のループでiは1なので、次の数字はSCOREX+20+19の位置に描かれます。
数字の間の間隔が丁度良い間隔で空いて、数字が描画できることになります。
Y座標の指定はただ丁度良い位置に微調整した値を直接指定しているだけです。
三つ目のグラフィックハンドルについてですが、
bufには1バイトずつ数字が順番に格納されてます。
添え字にiを使えば、先頭の数字から取り出すことができます。
この数字は文字扱いなので、計算に使うとANSIコードの値を返します。
この値から文字としての数字の0を引くと、実際の数字を得ることが出来ます。
これをグラフィックハンドル用の配列g_numberの添字として使うと、
該当の数字の画像を指定できることになります。
他のスコアについてもこれを繰り返しているだけです。
このDraw関数をAll関数で呼び出しています。
次に得点を実際に加えるために、
CONTROLクラスのCollisionAll関数の中でSetScore関数を呼び出してスコアを加算したりします。
void CONTROL::CollisionAll()
{
double px,py,ex,ey;
bool tempflag=false;
bool gtempflag=false;
//操作キャラの弾と敵との当たり判定
for(int i=0;i<PSHOT_NUM;++i){
if(player->GetShotPosition(i,&px,&py)){
for(int s=0;s<ENEMY_NUM;++s){
//敵クラスのポインタがNULLじゃない、かつdeadflagがfalse(死んでない＆帰還してない)
if(enemy[s]!=NULL && !enemy[s]->GetDeadFlag()){
enemy[s]->GetPosition(&ex,&ey);
//当たり判定
if(CircleCollision(PSHOT_COLLISION,ENEMY1_COLLISION,px,ex,py,ey)){
//当たっていれば、deadflagを立てる
enemy[s]->SetDeadFlag();
//当たった弾のフラグを戻す
player->SetShotFlag(i,false);
//敵消滅音フラグセット
edead_flag=true;
//敵消滅エフェクトセット
EnemyDeadEffect(ex,ey);
//得点を加える
score->SetScore(CURRENT_SCORE,100);
}
}
}
}
}
//敵の弾と操作キャラとの当たり判定
//プレイヤーが生きてれば
if(!player->GetDamageFlag()){
player->GetPosition(&px,&py);
for(int i=0;i<ENEMY_NUM;++i){
if(enemy[i]!=NULL){
for(int s=0;s<ENEMY_SNUM;++s){
//弾フラグが立っていればtrueを返す
if(enemy[i]->GetShotPosition(s,&ex,&ey)){
//弾によって当たり判定が違うのでswitch文で分岐
switch(enemy[i]->GetShotType()){
case 0:
//グレイズ判定
if(CircleCollision(GRAZE_COLLISION,ESHOT0_COLLISION,px,ex,py,ey)){
gtempflag=true;
}
//通常の当たり判定
if(CircleCollision(PLAYER_COLLISION,ESHOT0_COLLISION,px,ex,py,ey)){
tempflag=true;
}
break;
case 1:
if(CircleCollision(GRAZE_COLLISION,ESHOT1_COLLISION,px,ex,py,ey)){
gtempflag=true;
}
if(CircleCollision(PLAYER_COLLISION,ESHOT1_COLLISION,px,ex,py,ey)){
tempflag=true;
}
break;
case 2:
if(CircleCollision(GRAZE_COLLISION,ESHOT2_COLLISION,px,ex,py,ey)){
gtempflag=true;
}
if(CircleCollision(PLAYER_COLLISION,ESHOT2_COLLISION,px,ex,py,ey)){
tempflag=true;
}
break;
}
//グレイズ当たり判定フラグがtrueなら
if(gtempflag){
//まだ
if(!enemy[i]->GetGrazeFlag(s)){
enemy[i]->SetGrazeFlag(s);
//グレイズのインスタンス検索
for(int z=0;z<GRAZE_NUM;++z){
if(!graze[z]->GetFlag()){
graze[z]->SetFlag(px,py);
break;
}
}
//グレイズの得点を加える
score->SetScore(GRAZE_SCORE,1);
score->SetScore(CURRENT_SCORE,20);
//グレイズ音セット
graze_flag=true;
}
gtempflag=false;
}
if(tempflag){
//操作キャラのdamageflagを立てる
player->SetDamageFlag();
//弾を消す
enemy[i]->SetShotFlag(s,false);
//プレイヤー消滅音フラグを立てる
pdead_flag=true;
//一時フラグを戻す
tempflag=false;
}
}
}
}
}
}
//ライフは毎回取得
score->SetScore(LIFE_SCORE,player->GetLife());
}
敵を倒した部分とグレイズの部分のコードにそれぞれSetScore関数を使って、
得点を加えています。
敵を倒すと100点、グレイズ一つで20点の設定にしています。
最後にライフに関しては、今後の変更で値が頻繁に変更する可能性があるので、
最後に一度だけ実行して値を設定してます。
PLAYERクラスからGetLife関数というものを呼び出していますが、
これはただlife値を返すだけの関数です。
また今回の変更に伴って、
PLAYERクラスのSetDamage関数を、
ライフが一つ減るように変更しています。
void PLAYER::SetDamageFlag()
{
damageflag=true;
//ライフを減らす
--life;
//消滅エフェクトのフラグを立てる
effect_pdead.SetFlag(x,y);
}
後はこのSCOREクラスのAll関数をCONTROLクラスのAll関数で呼び出すだけです。
すると、以下の動画のようにスコアボードを表示することができます。
今回の説明は以上です。
次回はアイテムを出現させてみましょう。
>> 【アイテムを出現させよう】に進む
>> シューティングゲーム作成入門トップに戻る
