Click here for free DL of the app version that can save data.

No:2320

2224

←

Prev Next

→

Games with super special moves
Developer User3506｜Date and time 23/6/20 23:13:20
Build time 76.954 sec｜Game capacity 5.543KB｜

Script

超必殺技ゲーム

スマホで操作し、敵を倒して高得点を目指しましょう！

得点：0

ゲーム概要：プレイヤーを操作して、画面上部から現れる敵を倒して高得点を目指すシューティングゲームです。プレイヤーは画面下部に位置し、左右に動くことができます。プレイヤーは自動的に弾を発射するので、指で画面をタップすることで敵に攻撃を加えることができます。敵に触れるとゲームオーバーとなります。特定の条件を満たすと超必殺技を発動することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超必殺技ゲーム</title>
<style>
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  text-align: center;
  background-color: #f0f0f0;
}

canvas {
  border: 1px solid black;
  margin: 10px auto;
}

#score {
  font-size: 24px;
  margin-bottom: 10px;
}

button {
  font-size: 20px;
  margin: 10px;
}
</style>
</head>
<body>
<h1>超必殺技ゲーム</h1>
<p>スマホで操作し、敵を倒して高得点を目指しましょう！</p>
<canvas id="game" width="320" height="480"></canvas>
<p id="score">得点：0</p>
<button id="start">スタート</button>
<button id="stop" disabled>ストップ</button>

function drawBackground() {
  ctx.drawImage(bgImg, 0, 0);
}

function drawPlayer() {
  ctx.drawImage(playerImg, playerX, playerY, playerSize, playerSize);
}

function drawEnemies() {
  for (var i = 0; i < enemies.length; i++) {
    var enemy = enemies[i];
    ctx.drawImage(enemyImg, enemy.x, enemy.y, enemySize, enemySize);
  }
}

function movePlayer(e) {
  if (gameStarted && !gameOver) {
    var touchX = e.touches[0].clientX - canvas.offsetLeft;
    if (touchX + playerSize / 2 < width && touchX - playerSize / 2 > 0) {
      playerX = touchX - playerSize / 2;
    }
  }
}

function onTouchStart(e) {
  e.preventDefault();
  if (!gameStarted) {
    startGame();
  } else if (gameOver) {
    restartGame();
  }
}

function onTouchEnd(e) {
  if (!gameOver) {
    fireBullet();
  }
}

function startGame() {
  gameStarted = true;
  startBtn.disabled = true;
  stopBtn.disabled = false;
  spawnEnemies();
  gameLoop = setInterval(update, 1000 / 60);
}

function stopGame() {
  gameStarted = false;
  clearInterval(gameLoop);
  startBtn.disabled = false;
  stopBtn.disabled = true;
}

function restartGame() {
  gameOver = false;
  totalScore = 0;
  enemies = [];
  bullets = [];
  score.innerHTML = '得点：0';
  startGame();
}

function update() {
  drawBackground();
  drawPlayer();
  moveEnemies();
  drawEnemies();
  moveBullets();
  drawBullets();
  checkCollision();
  checkGameOver();
  updateScore();
}

function moveEnemies() {
  for (var i = 0; i < enemies.length; i++) {
    var enemy = enemies[i];
    enemy.y += enemySpeed;
  }
}

function fireBullet() {
  var bullet = {x: playerX + playerSize / 2 - bulletSize / 2, y: playerY - bulletSize};
  bullets.push(bullet);
}

function drawBullets() {
  for (var i = 0; i < bullets.length; i++) {
    var bullet = bullets[i];
    ctx.drawImage(bulletImg, bullet.x, bullet.y, bulletSize, bulletSize);
  }
}

function updateScore() {
  if (gameStarted && !gameOver) {
    totalScore++;
    score.innerHTML = '得点：' + totalScore;
  }
}

canvas.addEventListener('touchmove', movePlayer);
canvas.addEventListener('touchstart', onTouchStart);
canvas.addEventListener('touchend', onTouchEnd);
stopBtn.addEventListener('click', stopGame);
</script>
</body>
</html>

ゲーム概要：
プレイヤーを操作して、画面上部から現れる敵を倒して高得点を目指すシューティングゲームです。プレイヤーは画面下部に位置し、左右に動くことができます。プレイヤーは自動的に弾を発射するので、指で画面をタップすることで敵に攻撃を加えることができます。敵に触れるとゲームオーバーとなります。特定の条件を満たすと超必殺技を発動することができます。