Game where you take control of a dot and you swipe to guide the dot. There are enemies placed randomly in each level and you need to dodge them. If you touch a enemy you game over. If you reach the bottom of a screen you get sent to the next level. There are 10 levels and if you beat all of them you win game.'s game

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

No:45950

101

←

Prev Next

→

Game where you take control of a dot and you swipe..ALL
Developer User19162｜Date and time 24/2/22 6:17:49
Build time 11.848 sec｜Game capacity 2.323KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dot Dodge Game</title>
<style>
  body {
    margin: 0;
    padding: 0;
    background-color: black;
    color: white;
    font-size: 24px;
    text-align: center;
  }
  canvas {
    border: 1px solid white;
  }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="600"></canvas>
<script>
  const canvas = document.getElementById("gameCanvas");
  const ctx = canvas.getContext("2d");

let playerX = canvas.width / 2;
  let playerY = canvas.height / 2;
  let enemies = [];
  let level = 1;

function drawPlayer() {
    ctx.beginPath();
    ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
    ctx.fillStyle = "white";
    ctx.fill();
    ctx.closePath();
  }

function drawEnemies() {
    enemies.forEach(enemy => {
      ctx.beginPath();
      ctx.arc(enemy.x, enemy.y, 10, 0, Math.PI * 2);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();
    });
  }

function updateGame() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawPlayer();
    drawEnemies();

if (checkCollision()) {
      alert("Game Over! You reached level " + level);
      location.reload();
    }

playerY += 3;

if (playerY > canvas.height) {
      level++;
      if (level > 10) {
        alert("Congratulations! You won the game!");
        location.reload();
      } else {
        playerY = 0;
        enemies = generateEnemies(level * 5);
      }
    }

requestAnimationFrame(updateGame);
  }

function checkCollision() {
    return enemies.some(enemy => {
      let dx = playerX - enemy.x;
      let dy = playerY - enemy.y;
      let distance = Math.sqrt(dx * dx + dy * dy);
      return distance < 20;
    });
  }

enemies = generateEnemies(level * 5);
  document.addEventListener("touchmove", e => {
    playerX = e.touches[0].clientX - canvas.getBoundingClientRect().left;
  });

updateGame();
</script>
</body>
</html>
```