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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
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 | AI game creator

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

No:45950

142

←

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>
```