AI game creator

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

No:44180

←

Prev Next

→

Tank simulator
Developer User19324｜Date and time 24/2/17 7:06:36
Build time 7.933 sec｜Game capacity 1.911KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Tank Simulator</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>
  <script>
    // Define game variables
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    var tankImage = new Image();
    tankImage.src = "tank.png";
    var tankX = canvas.width/2 - 32;
    var tankY = canvas.height/2 - 32;
    
    // Handle touch events
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);
    canvas.addEventListener("touchend", handleTouchEnd, false);
    
    var touchStartX = null;
    var touchStartY = null;
    var touchEndX = null;
    var touchEndY = null;
    
    function handleTouchStart(e) {
      touchStartX = e.touches[0].clientX;
      touchStartY = e.touches[0].clientY;
    }
    
    function handleTouchMove(e) {
      e.preventDefault();
      touchEndX = e.touches[0].clientX;
      touchEndY = e.touches[0].clientY;
    }
    
    function handleTouchEnd() {
      // Calculate swipe direction and move the tank accordingly
      var dx = touchEndX - touchStartX;
      var dy = touchEndY - touchStartY;
      
      if (Math.abs(dx) > Math.abs(dy)) {
        if (dx > 0) {
          tankX += 10;
        } else {
          tankX -= 10;
        }
      } else {
        if (dy > 0) {
          tankY += 10;
        } else {
          tankY -= 10;
        }
      }
    }
    
    // Draw the tank on the canvas
    function drawTank() {
      ctx.drawImage(tankImage, tankX, tankY, 64, 64);
    }
    
    // Update game function
    function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawTank();
      requestAnimationFrame(updateGame);
    }
    
    // Start the game
    tankImage.onload = function() {
      updateGame();
    };
  </script>
</body>
</html>