A game where you are a epic monster shooting an amazob rainforest's game

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

No:47525

←

Prev Next

→

A game where you are a epic monster shooting an am..ALL
Developer User20500｜Date and time 24/2/28 8:12:19
Build time 7.066 sec｜Game capacity 1.585KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Monster Shooter Game</title>
<style>
canvas {
  border: 1px solid black;
  display: block;
  margin: 0 auto;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

const monster = {
  x: 400,
  y: 550,
  size: 50,
  speed: 10
};

const bullets = [];

function drawMonster() {
  ctx.fillStyle = 'red';
  ctx.fillRect(monster.x, monster.y, monster.size, monster.size);
}

function drawBullets() {
  ctx.fillStyle = 'blue';
  bullets.forEach(bullet => {
    ctx.fillRect(bullet.x, bullet.y, 10, 10);
  });
}

function moveMonster(direction) {
  if (direction === 'left') {
    monster.x -= monster.speed;
  } else if (direction === 'right') {
    monster.x += monster.speed;
  }
}

function shoot() {
  bullets.push({ x: monster.x + monster.size/2, y: monster.y });
}

function update() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  drawMonster();
  drawBullets();

bullets.forEach(bullet => {
    bullet.y -= 5;
  });

bullets.forEach((bullet, index) => {
    if (bullet.y <= 0) {
      bullets.splice(index, 1);
    }
  });
}

setInterval(update, 1000/30);
</script>
</body>
</html>