You can place turds and a cat will try to eat them's game

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

No:38649

←

Prev Next

→

You can place turds and a cat will try to eat them
Developer User17421｜Date and time 24/1/25 6:39:07
Build time 14.203 sec｜Game capacity 3.132KB｜

Script

Here's an example of a simple game implemented as a single HTML file using JavaScript, incorporating pictograms and smartphone operation:

In this game, you control a cat represented by an orange circle using touch events on a smartphone. The cat's goal is to eat the turds (brown circles) scattered on the canvas. The game keeps track of your score, which increments each time a turd is successfully eaten. Please note that using turds as game elements may not be suitable for all audiences, so it's important to consider appropriate content when designing a game.

←

Prev　Next

→ 　

Back　

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

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

Here's an example of a simple game implemented as a single HTML file using JavaScript, incorporating pictograms and smartphone operation:

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Turd Hunter</title>
</head>

<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas;
    var context;
    var cat;
    var turds = [];
    var score = 0;

function startGame() {
      // Initialize canvas and context
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");

// Create cat object
      cat = {
        x: 200,
        y: 200,
        size: 50,
        color: "orange",
        draw: function () {
          context.beginPath();
          context.arc(this.x, this.y, this.size, 0, Math.PI * 2);
          context.fillStyle = this.color;
          context.fill();
          context.closePath();
        }
      };

// Create initial turds
      for (var i = 0; i < 10; i++) {
        turds.push({
          x: Math.random() * canvas.width,
          y: Math.random() * canvas.height,
          size: 20,
          color: "brown",
          eaten: false,
          draw: function () {
            if (!this.eaten) {
              context.beginPath();
              context.arc(this.x, this.y, this.size, 0, Math.PI * 2);
              context.fillStyle = this.color;
              context.fill();
              context.closePath();
            }
          }
        });
      }

// Handle touch event for smartphone operation
      canvas.addEventListener("touchmove", function (event) {
        var touch = event.touches[0];
        cat.x = touch.pageX;
        cat.y = touch.pageY;
      }, false);

// Run game loop
      setInterval(updateGame, 20);
    }

function updateGame() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw cat
      cat.draw();

// Draw and check turds
      for (var i = 0; i < turds.length; i++) {
        turds[i].draw();

// Check collision with cat
        var dx = cat.x - turds[i].x;
        var dy = cat.y - turds[i].y;
        var distance = Math.sqrt(dx * dx + dy * dy);
        if (distance < cat.size + turds[i].size) {
          if (!turds[i].eaten) {
            score++;
            turds[i].eaten = true;
          }
        }
      }

// Display score
      context.font = "20px Arial";
      context.fillStyle = "black";
      context.fillText("Score: " + score, 10, 30);
    }

// Start the game
    startGame();
  </script>
</body>

</html>
```

Please note that using turds as game elements may not be suitable for all audiences, so it's important to consider appropriate content when designing a game.