point of view of your caracter is abov his head,his head is a circle and has two small circle hands, he has a moving stick to move him freely evrywhere you want, he is holding a green stick that shoots with small yellow ammo, the stick is holded by the caracter and you have a separate stick for controling of where the gun shoots, the stick has a limit of 30 ammo, each ammo that was shoot it add a -1 to the 30 ammo capacity,when it reaches 0 you need to wait 2,7 seconds untill it resets the ammo's game

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

No:47021

←

Prev Next

→

point of view of your caracter is abov his head,hi..ALL
Developer User20375｜Date and time 24/2/27 6:16:27
Build time 8.111 sec｜Game capacity 1.514KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

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

let player = {
  x: canvas.width / 2,
  y: canvas.height / 2,
  radius: 20,
  gunAngle: 0,
  ammo: 30,
  reloading: false
};

function drawPlayer() {
  ctx.beginPath();
  ctx.arc(player.x, player.y, player.radius, 0, Math.PI * 2);
  ctx.fillStyle = 'black';
  ctx.fill();
  ctx.closePath();
}

function drawGun() {
  ctx.beginPath();
  ctx.moveTo(player.x, player.y);
  ctx.lineTo(player.x + Math.cos(player.gunAngle) * 30, player.y + Math.sin(player.gunAngle) * 30);
  ctx.strokeStyle = 'green';
  ctx.stroke();
}

canvas.addEventListener('mousemove', (e) => {
  let angle = Math.atan2(e.clientY - player.y, e.clientX - player.x);
  player.gunAngle = angle;
});

canvas.addEventListener('click', () => {
  shoot();
});

function update() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  drawPlayer();
  drawGun();
}

function gameLoop() {
  update();
  requestAnimationFrame(gameLoop);
}

gameLoop();
</script>
</body>
</html>