Batman k○lls the joker's game

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

No:43386

←

Prev Next

→

Batman k○lls the joker
Developer User19183｜Date and time 24/2/15 12:41:03
Build time 9.097 sec｜Game capacity 2.486KB｜

Script

Sure! Here's a simple game implementation in a single HTML file using JavaScript. The game revolves around Batman killing the Joker.

Please replace `"emozi_rabbit.png"` and `"emozi_all/joker.png"` with the actual image paths for the Batman and Joker pictograms respectively. The game can be played on a smartphone by tapping on the canvas to move Batman and try to kill the Joker.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's a simple game implementation in a single HTML file using JavaScript. The game revolves around Batman killing the Joker.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Batman vs Joker Game</title>
</head
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Create Batman and Joker image objects
    var batmanImg = new Image();
    var jokerImg = new Image();
    batmanImg.src = "batman.png"; // Replace with actual Batman pictogram image
    jokerImg.src = "joker.png"; // Replace with actual Joker pictogram image

// Initialize Batman and Joker positions
    var batmanX = canvas.width / 2;
    var batmanY = canvas.height / 2;
    var jokerX = Math.random() * (canvas.width - 50);
    var jokerY = Math.random() * (canvas.height - 50);

// Function to draw the game
    function drawGame() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Batman and Joker images
      ctx.drawImage(batmanImg, batmanX, batmanY, 50, 50);
      ctx.drawImage(jokerImg, jokerX, jokerY, 50, 50);

// Check if Batman kills the Joker
      if (batmanX < jokerX + 50 &&
          batmanX + 50 > jokerX &&
          batmanY < jokerY + 50 &&
          batmanY + 50 > jokerY) {
        alert("Batman killed the Joker!");
        resetGame(); // Restart the game
      }
    }

// Function to handle touch/click events
    function handleTouch(event) {
      batmanX = event.changedTouches[0].pageX - canvas.offsetLeft - 25;
      batmanY = event.changedTouches[0].pageY - canvas.offsetTop - 25;
      drawGame();
    }

// Function to reset the game
    function resetGame() {
      batmanX = canvas.width / 2;
      batmanY = canvas.height / 2;
      jokerX = Math.random() * (canvas.width - 50);
      jokerY = Math.random() * (canvas.height - 50);
      drawGame();
    }

// Attach touch/click event listener to the canvas
    canvas.addEventListener("touchstart", handleTouch, false);

// Start the game
    drawGame();
  </script>
</body>
</html>
```

Please replace `"batman.png"` and `"joker.png"` with the actual image paths for the Batman and Joker pictograms respectively. The game can be played on a smartphone by tapping on the canvas to move Batman and try to kill the Joker.