Make a game where there is a tank and a tank and a target and there is a button and a bullet comes from the tank every time you press the button and there is a movement control where you can go up down left and right and there’s a target and if a bullet from the tank touches the target the target disappears and a new one appears some where else and this target process repeats infinitely's game

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

No:15074

101

←

Prev Next

→

Make a game where there is a tank and a tank and a..ALL
Developer User6499｜Date and time 23/9/6 1:28:48
Build time 41.968 sec｜Game capacity 4.044KB｜

Script

Sure! Here's an example of a simple tank game implemented as a single HTML file using JavaScript. It includes movement controls, shooting bullets, and infinite target spawning. You can copy the code below and save it as an HTML file to play the game. Please note that for simplicity, this game is designed to be played on a desktop browser using arrow keys for movement instead of smartphone operation.

To play the game, save the code as an HTML file, open it in a browser, and use the arrow keys to move the tank. Press the spacebar to shoot bullets. The target will appear at a random location on the canvas, and you need to hit it with your bullets to make it disappear and respawn at a new location. The game will continue running indefinitely, allowing you to enjoy playing it as much as you want.

←

Prev　Next

→ 　

Back　

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

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

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

// Initial tank position
    let tankX = canvas.width / 2;
    let tankY = canvas.height / 2;

// Bullet properties
    let bulletX = null;
    let bulletY = null;
    let bulletSpeed = 5;
    let isBulletActive = false;

// Target properties
    let targetX = Math.random() * canvas.width;
    let targetY = Math.random() * canvas.height;
    let targetRadius = 25;

// Controls
    document.addEventListener("keydown", handleKeyDown);
    document.addEventListener("keyup", handleKeyUp);

// Game loop
    function draw() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw tank
      ctx.beginPath();
      ctx.rect(tankX - 10, tankY - 10, 20, 20);
      ctx.fillStyle = "gray";
      ctx.fill();
      ctx.closePath();

// Draw bullet if active
      if (isBulletActive) {
        ctx.beginPath();
        ctx.arc(bulletX, bulletY, 5, 0, Math.PI * 2);
        ctx.fillStyle = "red";
        ctx.fill();
        ctx.closePath();
      }

// Draw target
      ctx.beginPath();
      ctx.arc(targetX, targetY, targetRadius, 0, Math.PI * 2);
      ctx.fillStyle = "green";
      ctx.fill();
      ctx.closePath();

// Update bullet position
      if (isBulletActive) {
        bulletY -= bulletSpeed;
        if (bulletY < 0) {
          isBulletActive = false;
        }
      }

// Check collision between bullet and target
      if (
        isBulletActive &&
        bulletX > targetX - targetRadius &&
        bulletX < targetX + targetRadius &&
        bulletY > targetY - targetRadius &&
        bulletY < targetY + targetRadius
      ) {
        // Respawn target
        targetX = Math.random() * canvas.width;
        targetY = Math.random() * canvas.height;
        isBulletActive = false;
      }

requestAnimationFrame(draw);
    }

// Event handlers
    function handleKeyDown(event) {
      if (event.key === "ArrowUp") {
        tankY -= 5;
      } else if (event.key === "ArrowDown") {
        tankY += 5;
      } else if (event.key === "ArrowLeft") {
        tankX -= 5;
      } else if (event.key === "ArrowRight") {
        tankX += 5;
      } else if (event.key === " ") {
        // Shoot bullet
        if (!isBulletActive) {
          bulletX = tankX;
          bulletY = tankY;
          isBulletActive = true;
        }
      }
    }

function handleKeyUp(event) {
      // Stop tank movement when key is released
      if (
        event.key === "ArrowUp" ||
        event.key === "ArrowDown" ||
        event.key === "ArrowLeft" ||
        event.key === "ArrowRight"
      ) {
        event.preventDefault();
      }
    }

// Start game loop
    draw();
  </script>
</body>
</html>
```