ragdoll sandbox with guns bombs's game

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

No:18452

←

Prev Next

→

ragdoll sandbox with guns bombs
Developer User8170｜Date and time 23/9/29 14:41:59
Build time 53.773 sec｜Game capacity 4.801KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Ragdoll Sandbox with Guns & Bombs</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    #game {
      background-color: #000;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <script>
    const canvasWidth = window.innerWidth;
    const canvasHeight = window.innerHeight;
    let canvas, context;

const gunImage = new Image();
    gunImage.src = 'gun.png'; // Replace 'gun.png' with your actual gun image filename

const bombImage = new Image();
    bombImage.src = 'bomb.png'; // Replace 'bomb.png' with your actual bomb image filename

const ragdollImage = new Image();
    ragdollImage.src = 'ragdoll.png'; // Replace 'ragdoll.png' with your actual ragdoll image filename

let bullets = [];
    let bombs = [];

function spawnBullet(event) {
      const bulletX = gunX + gunImage.width / 2;
      const bulletY = gunY + gunImage.height / 2;
      const angle = Math.atan2(event.clientY - bulletY, event.clientX - bulletX);
      createBullet(bulletX, bulletY, angle);
    }

function spawnBomb() {
      const bombX = Math.random() * canvasWidth;
      const bombY = 0;
      const angle = Math.atan2(canvasHeight - bombY, Math.random() * canvasWidth - bombX);
      createBomb(bombX, bombY, angle);
      setTimeout(spawnBomb, Math.random() * 3000 + 1000);
    }

function rotateGun(event) {
      const gunX = event.clientX - gunImage.width / 2;
      const gunY = event.clientY - gunImage.height / 2;
      context.clearRect(0, 0, canvasWidth, canvasHeight);
      context.drawImage(gunImage, gunX, gunY);
    }

function gameLoop() {
      context.clearRect(0, 0, canvasWidth, canvasHeight);
      context.drawImage(gunImage, gunX, gunY);

updateBullets();
      updateBombs();
      checkCollision();

requestAnimationFrame(gameLoop);
    }

window.onload = function() {
      canvas = document.createElement('canvas');
      canvas.width = canvasWidth;
      canvas.height = canvasHeight;
      context = canvas.getContext('2d');
      document.body.appendChild(canvas);

canvas.addEventListener('mousemove', rotateGun);
      canvas.addEventListener('mousedown', spawnBullet);

gunX = canvasWidth / 2 - gunImage.width / 2;
      gunY = canvasHeight - gunImage.height;

spawnBomb();

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