AI game creator

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

No:51667

158

←

Prev Next

→

Shooting Game
Developer User21602｜Date and time 24/3/14 11:17:20
Build time 10.819 sec｜Game capacity 2.449KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shooting Game</title>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

let playerX = canvas.width / 2;
let playerY = canvas.height - 20;
let playerWidth = 20;
let playerHeight = 20;
let playerSpeed = 5;

let bulletX;
let bulletY;
let bulletWidth = 5;
let bulletHeight = 10;
let bulletSpeed = 5;
let bulletFired = false;

let enemyX = Math.random() * (canvas.width - 20);
let enemyY = 20;
let enemyWidth = 20;
let enemyHeight = 20;
let enemySpeed = 2;

function drawPlayer() {
  ctx.fillStyle = 'blue';
  ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
}

function drawBullet() {
  ctx.fillStyle = 'red';
  ctx.fillRect(bulletX, bulletY, bulletWidth, bulletHeight);
}

function drawEnemy() {
  ctx.fillStyle = 'green';
  ctx.fillRect(enemyX, enemyY, enemyWidth, enemyHeight);
}

function moveBullet() {
  if (bulletFired) {
    bulletY -= bulletSpeed;
    if (bulletY < 0) {
      bulletFired = false;
    }
  }
}

function moveEnemy() {
  if (enemyY < canvas.height) {
    enemyY += enemySpeed;
  } else {
    enemyX = Math.random() * (canvas.width - 20);
    enemyY = 0;
  }
}

function checkCollision() {
  if (bulletX < enemyX + enemyWidth &&
      bulletX + bulletWidth > enemyX &&
      bulletY < enemyY + enemyHeight &&
      bulletY + bulletHeight > enemyY) {
    enemyX = Math.random() * (canvas.width - 20);
    enemyY = 0;
    bulletFired = false;
  }
}

window.addEventListener('keydown', movePlayer);
draw();
</script>
</body>
</html>