You play as a dot and you guide the dot around the screen by holding onto the dot and swiping, there are red dots that chase you but they are slower than you. Of you get hit by any of the red dots, you lose. You get 1 point per second, scoreboard on top of game's game

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

No:43603

←

Prev Next

→

You play as a dot and you guide the dot around the..ALL
Developer User19162｜Date and time 24/2/16 5:06:04
Build time 19.841 sec｜Game capacity 5.217KB｜

Script

Sure! Here is a sample implementation of the game you described. Save the code below in a single HTML file and open it in your web browser to start playing:

This HTML file contains the complete game implementation using JavaScript. You can open it in a web browser, preferably on a smartphone, to play the game. Use your finger to swipe and guide the dot around the screen, while avoiding the red dots. Your score will increase by 1 point every second and will be displayed at the top of the game. If any of the red dots collide with your dot, the game will end. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here is a sample implementation of the game you described. Save the code below in a single HTML file and open it in your web browser to start playing:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Dot Game</title>
  <style>
    body {
      margin: 0;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #eee;
    }

canvas {
      border: 1px solid #ccc;
      background-color: #fff;
    }
  </style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

// Constants
  var DOT_RADIUS = 10;
  var DOT_SPEED = 3;
  var RED_DOT_RADIUS = 12;
  var RED_DOT_SPEED = 1.5;
  var SCORE_INTERVAL = 1000;

// Initialize the game
  function init() {
    canvas = document.getElementById("gameCanvas");
    context = canvas.getContext("2d");
    
    dot = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      radius: DOT_RADIUS,
      speed: DOT_SPEED,
      color: "#00f"
    };
    
    redDots = [
      { x: 50, y: 50, radius: RED_DOT_RADIUS, speed: RED_DOT_SPEED, color: "#f00" },
      { x: 350, y: 350, radius: RED_DOT_RADIUS, speed: RED_DOT_SPEED, color: "#f00" },
      { x: 50, y: 350, radius: RED_DOT_RADIUS, speed: RED_DOT_SPEED, color: "#f00" },
      { x: 350, y: 50, radius: RED_DOT_RADIUS, speed: RED_DOT_SPEED, color: "#f00" }
    ];
    
    setInterval(updateScore, SCORE_INTERVAL);
    
    document.addEventListener("mousedown", startSwipe);
    document.addEventListener("touchstart", startSwipe);
    document.addEventListener("mouseup", endSwipe);
    document.addEventListener("touchend", endSwipe);
    
    draw();
  }

// Update the game state
  function update() {
    if (!gameOver) {
      moveDot();
      moveRedDots();
      checkCollision();
      draw();
    }
  }

// Move the player's dot based on the swipe direction
  function moveDot() {
    if (swipeStart && swipeEnd) {
      var deltaX = swipeEnd.x - swipeStart.x;
      var deltaY = swipeEnd.y - swipeStart.y;
      var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);

if (distance > 0) {
        dot.x += (deltaX / distance) * dot.speed;
        dot.y += (deltaY / distance) * dot.speed;
      }
    }
  }

// Move the red dots towards the player's dot
  function moveRedDots() {
    for (var i = 0; i < redDots.length; i++) {
      var redDot = redDots[i];
      var deltaX = dot.x - redDot.x;
      var deltaY = dot.y - redDot.y;
      var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);

if (distance > 0) {
        redDot.x += (deltaX / distance) * redDot.speed;
        redDot.y += (deltaY / distance) * redDot.speed;
      }
    }
  }

// Check for collision between the player's dot and red dots
  function checkCollision() {
    for (var i = 0; i < redDots.length; i++) {
      var redDot = redDots[i];
      var distance = Math.sqrt(Math.pow(redDot.x - dot.x, 2) + Math.pow(redDot.y - dot.y, 2));

if (distance < redDot.radius + dot.radius) {
        gameOver = true;
      }
    }
  }

// Update the score every second
  function updateScore() {
    if (!gameOver) {
      score += 1;
    }
  }

// Draw the game elements on the canvas
  function draw() {
    context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player's dot
    context.beginPath();
    context.arc(dot.x, dot.y, dot.radius, 0, Math.PI * 2);
    context.fillStyle = dot.color;
    context.fill();
    context.closePath();
    
    // Draw the red dots
    for (var i = 0; i < redDots.length; i++) {
      var redDot = redDots[i];
      
      context.beginPath();
      context.arc(redDot.x, redDot.y, redDot.radius, 0, Math.PI * 2);
      context.fillStyle = redDot.color;
      context.fill();
      context.closePath();
    }
    
    // Draw the scoreboard
    context.font = "20px Arial";
    context.fillStyle = "#000";
    context.fillText("Score: " + score, 10, 30);
    
    if (gameOver) {
      context.font = "30px Arial";
      context.fillStyle = "#f00";
      context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2 - 20);
    }
  }
  
  // Event listeners for swipe input
  function startSwipe(event) {
    event.preventDefault();
  
    var touch = event.touches ? event.touches[0] : event;
    swipeStart = { x: touch.clientX, y: touch.clientY };
    swipeEnd = null;
  }
  
  function endSwipe(event) {
    event.preventDefault();
  
    var touch = event.changedTouches ? event.changedTouches[0] : event;
    swipeEnd = { x: touch.clientX, y: touch.clientY };
  }
  
  init();
  
  // Game loop
  setInterval(update, 10);
</script>
</body>
</html>
```