dot eat game you get bigger every time you eat the dot's game

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

No:37155

←

Prev Next

→

dot eat game you get bigger every time you eat the..ALL
Developer User17003｜Date and time 24/1/20 13:58:32
Build time 8.842 sec｜Game capacity 2.44KB｜

Script

Sure! Here is a simple implementation of the ".dot eat" game using JavaScript and pictograms, enclosed in script tags within a single HTML file:

This game allows you to control a red square (player) on a canvas using touch on a smartphone. The objective is to move the player square and "eat" the black dot by overlapping the two shapes. Every time the player eats the dot, it grows in size. You can copy and save the code into an HTML file, open it in a web browser on a smartphone, and play the game by touching and dragging your finger to move the player square.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here is a simple implementation of the ".dot eat" game using JavaScript and pictograms, enclosed in script tags within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>.dot Eat Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player variables
    let playerSize = 10;
    let playerX = canvas.width / 2 - playerSize / 2;
    let playerY = canvas.height / 2 - playerSize / 2;
    let playerSpeed = 2;

// Dot variables
    let dotSize = 5;
    let dotX = Math.random() * (canvas.width - dotSize);
    let dotY = Math.random() * (canvas.height - dotSize);

// Event listener for player movement on touch
    canvas.addEventListener("touchmove", function(event) {
      playerX = event.touches[0].clientX - canvas.offsetLeft;
      playerY = event.touches[0].clientY - canvas.offsetTop;
    });

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

// Draw player
      ctx.fillStyle = "red";
      ctx.fillRect(playerX, playerY, playerSize, playerSize);

// Draw dot
      ctx.fillStyle = "black";
      ctx.fillRect(dotX, dotY, dotSize, dotSize);

// Check collision with dot
      if (
        playerX < dotX + dotSize &&
        playerX + playerSize > dotX &&
        playerY < dotY + dotSize &&
        playerY + playerSize > dotY
      ) {
        // Increase player size and respawn dot
        playerSize += 5;
        dotX = Math.random() * (canvas.width - dotSize);
        dotY = Math.random() * (canvas.height - dotSize);
      }

// Call itself for the next frame
      requestAnimationFrame(gameLoop);
    }

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

You can copy and save the code into an HTML file, open it in a web browser on a smartphone, and play the game by touching and dragging your finger to move the player square.