kill I hate the rats's game

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

No:37683

←

Prev Next

→

kill I hate the rats
Developer User17003｜Date and time 24/1/21 9:08:05
Build time 9.671 sec｜Game capacity 2.82KB｜

Script

Certainly! Here's a simple game where you can play as a smartphone user trying to eliminate rats using pictograms. The player's task is to tap on the rats to kill them. Please note that this is a simplified implementation and might not run in all browsers:

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rat Eliminator</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Wait for the DOM to load
    document.addEventListener("DOMContentLoaded", function() {
      // Get the canvas element
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      
      // Rat image
      var ratImg = new Image();
      ratImg.src = "path/to/rat.png";
      
      // Game variables
      var score = 0;
      var rats = [];
      
      // Handle tap event on canvas
      canvas.addEventListener("touchstart", function(event) {
        var rect = canvas.getBoundingClientRect();
        var touchX = event.touches[0].clientX - rect.left;
        var touchY = event.touches[0].clientY - rect.top;
        
        // Check if rat was tapped
        for (var i = 0; i < rats.length; i++) {
          var rat = rats[i];
          if (touchX > rat.x && touchX < rat.x + rat.width &&
              touchY > rat.y && touchY < rat.y + rat.height) {
            // Rat killed!
            rats.splice(i, 1); // Remove from the array
            score++;
          }
        }
      });
      
      // Game loop
      function update() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw rats
        for (var i = 0; i < rats.length; i++) {
          var rat = rats[i];
          ctx.drawImage(ratImg, rat.x, rat.y, rat.width, rat.height);
          rat.y += 2; // Rats move down over time
          
          // Check if rat reached the bottom
          if (rat.y + rat.height > canvas.height) {
            // Game over
            alert("Game Over! Final score: " + score);
            break;
          }
        }
        
        // Schedule next update
        requestAnimationFrame(update);
      }
      
      // Start the game
      function startGame() {
        // Add initial rats
        for (var i = 0; i < 5; i++) {
          rats.push({
            x: Math.random() * (canvas.width - 50),
            y: Math.random() * (canvas.height - 50),
            width: 50,
            height: 50
          });
        }
        
        // Start the game loop
        update();
      }
      
      // Listen for device ready event (for cordova/phonegap apps)
      document.addEventListener("deviceready", startGame);
      
      // Auto start game if running on browser
      if (!window.cordova) {
        startGame();
      }
    });
  </script>
</body>
</html>
```