ゲーム開発室通信 Vol.10 ～弾幕インベーダーの解説その②～

document.addEventListener("keydown", keyDownHandler, false);

document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
  if (!miss && !clear) {  //自機が被弾状態でない、かつ、クリア状態でないとき
    //右矢印キーまたはDキー押下
    if (e.key === 'ArrowRight' || e.key === 'd') {
      keyr = true;
    }
    //左矢印キーまたはAキー押下
    if (e.key === 'ArrowLeft' || e.key === 'a') {
      keyl = true;
    }
    //スペースキー押下またはZキー押下、かつショットの数がパワーアップアイテム数以下、かつショット待ち中でないとき
    if ((e.key === ' ' || e.key === 'z') && shot <= power && shotwait > 20) {
      for (let i = 0; i < jtama.length; i++) {
        if (!jtama[i].alive) {  //自機のミサイルが未発射のとき
          jtama[i].alive = true;  //自機のミサイルを発射状態にセット
          jtama[i].x = x + 20;  //自機の中心のx座標をセット
          jtama[i].y = 450; //y座標をセット
          shotwait = 0; //ショット待ちカウンタをクリア（カウントスタート）
          shot++; //ショット数を1つ増やす
          break;
        }
      }      
    }
    //Xキー押下またはBキー押下時、かつ、ボムのアイテム数が1以上、かつボム待ち中でないとき
    if ((e.key === 'x' || e.key === 'b') && bomb >= 1 && bombwait > 250) {
      bombwait = 0; //ボム待ちカウンタをクリア
      bomb--; //ボムのアイテム数を1つ減らす
      tamareset();  //敵のミサイルをすべて無効化
    }
  }else{  //自機が被弾中、またはクリア状態
    keyr = false; //右キー押下状態をクリア
    keyl = false; //左キー押下状態をクリア
  }

  if (miss) { //自機が被弾したとき
    respone();  //自機の復活処理
  } else if (clear) { //クリアしたとき
    nextstage();  //次のステージにセット
  }
}

function keyUpHandler(e) {
  //右矢印キーまたはDキー押下
  if (e.key === 'ArrowRight' || e.key === 'd') {
    keyr = false; //右キー押下状態をクリア
  }
  //左矢印キーまたはAキー押下
  if (e.key === 'ArrowLeft' || e.key === 'a') {
    keyl = false; //左キー押下状態をクリア
  }
}

function game() {

　～中略～

  if(!miss&&!clear){  //自機が被弾状態でない、かつ、クリア状態でないとき
    if (keyl) { //左移動キー押下時
      x = x - 2;  //x座標を2pxずつ減らす
      if (x < 0) {  //左端に到達したとき
        x = 0;  //x座標に常に0をセット
      }
    }
    if (keyr) { //右移動キー押下時
      x = x + 2;  //x座標を2pxずつ増やす
      if (x > 760) {  //右端に到達したとき
        x = 760;  //x座標に常に760をセット
      }
    }
  }

　～中略～

}

function draw() {
  //自機の表示
  let jikiimg = new Image();
  if (!miss&&!shield) {	//ミス状態でない、かつシールド状態でない（通常状態のとき）
    jikiimg.src = "res/jiki_32x24.png";
    if (invincible>0&&invincible%2==1){	//無敵タイマ起動中、かつ、カウントが奇数のとき
    }else{
      ctx.globalAlpha = 1;
      ctx.drawImage(jikiimg, x, 450, 40, 40);
    }
  }else if (!miss&&shield) {	//ミス状態でない、かつシールド中
    jikiimg.src = "res/jikib_32x24.png";
    ctx.globalAlpha = 1;
    ctx.drawImage(jikiimg, x, 450, 40, 40);
  } else {	//ミスしたとき
    jikiimg.src = "res/jiki_miss_32x24.png";
    ctx.globalAlpha = 0.4;
    ctx.globalAlpha = 1;
    ctx.drawImage(jikiimg, x - 10, 450 - 10, 60, 60);
  }

　～中略～

}

function hit(){
  if (!miss && !shield && invincible <= 0) {  //被弾状態でない、かつ、シールド中でない、かつ、無敵状態でないとき
    miss = true;  //被弾状態にセット
  } else if (shield) {  //シールド中のとき
    shield = false; //シールド状態解除
  }
  invincible = 300; //無敵期間をセット
}

function shotmove() {
  tamaimg = new Image();
  tamaimg.src = Jtama.image;
  for (h = 0; h < jtama.length; h++){
  	if(jtama[h].alive){
	  //ミサイルの移動と表示
      if(!miss && !clear){
        jtama[h].y--;
      }
      ctx.drawImage(tamaimg, jtama[h].x, jtama[h].y, 1, 10);

	  //ミサイルと敵機との当たり判定
  	  for (i = 0; i < teki.length; i++){
        for (j = 0; j < teki[i].length; j++){
      	  if(teki[i][j].alive){	//生きている敵がいたら
            if (jtama[h].y <= i*50+74 && jtama[h].y > i*50+40){	//ミサイルの先頭の位置が敵の高さの範囲に入っているとき
          	  if (jtama[h].x >= teki[i][j].x+tx && jtama[h].x <= teki[i][j].x+tx+32){	//ミサイルのx座標が敵の幅の範囲に入っているとき
    		    teki[i][j].alive = false;	//敵を倒した状態にセットする
    			score = score+(5-i)*100;	//スコアを加算（上段の敵ほど得点が高い）
    			if (score >= (extend+1)*10000){	//	//1万点ごとに自機を増やす
      			  zanki++;
      			  extend++;
    			}
    			jtama[h].alive = false;	//ミサイルを消す
    			shot--;		//ミサイルの数を1つ減らす
    			tcount--;	//敵のカウント数を1つ減らす
    			dropchance(i, j);	//ドロップアイテムの抽選
    			if (tcount == 0){	//敵の数がゼロになったとき
      			  clear = true;		//クリア状態にセット
    			}
  			  }
			}
		  }
		}
	  }
	  if (jtama[h].y<0){	//ミサイルのy座標が上限を超えた（弾が敵に当たらなかった）
  		shot--;	//ミサイルの数を1つ減らす
  		jtama[h].alive=false;	//ミサイルを消す
	  }
	}
  }
}

function bombeffect() {
  ctx.beginPath();
  ctx.arc(x+20, 450, 40*bombwait, 0, Math.PI*2, false);
  ctx.fillStyle = "rgba(100,200,255,0.5)";
  ctx.fill();
  ctx.closePath();
}

function game() {
　～中略～

  if (bombwait<20){
    bombeffect();
  }

　～中略～

  bombwait++;

　～中略～
}