AI game creator

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

No:20092

←

Prev Next

→

Don't tuch the ball
Developer User8949｜Date and time 23/10/8 8:23:36
Build time 10.019 sec｜Game capacity 2.859KB｜

Script

Sure! Here's a simple game using JavaScript where you need to avoid touching the ball. It's designed for smartphone operation, and uses pictograms to represent the player and the ball.

👤

⚽

To play the game, simply copy the above code into a single HTML file, save it with a ".html" extension, and open it in a web browser on your smartphone. By moving your finger on the screen, try to avoid touching the ball (represented by the soccer ball emoji). If you touch the ball, a "Game Over!" message will appear and the game will reset. Please note that this is a very basic implementation and can be further enhanced with additional features and styling.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple game using JavaScript where you need to avoid touching the ball. It's designed for smartphone operation, and uses pictograms to represent the player and the ball.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
  <div id="game-area" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; text-align: center;">
    <div id="player" style="font-size: 50px;">👤</div>
    <div id="ball" style="font-size: 50px;">⚽</div>
  </div>

// Set initial positions for the player and the ball
    let playerX = window.innerWidth / 2;
    let playerY = window.innerHeight / 2;
    let ballX = Math.random() * (window.innerWidth - 100);
    let ballY = Math.random() * (window.innerHeight - 100);

// Update the positions of the player and the ball on the screen
    function updatePositions() {
      player.style.transform = `translate(${playerX}px, ${playerY}px)`;
      ball.style.transform = `translate(${ballX}px, ${ballY}px)`;
    }

// Function to handle player movement
    function handleMovement(event) {
      playerX = event.touches[0].clientX - player.offsetWidth / 2;
      playerY = event.touches[0].clientY - player.offsetHeight / 2;
      updatePositions();
    }

// Function to check if player has touched the ball
    function checkCollision() {
      const playerRect = player.getBoundingClientRect();
      const ballRect = ball.getBoundingClientRect();

if (
        playerRect.left < ballRect.right &&
        playerRect.right > ballRect.left &&
        playerRect.top < ballRect.bottom &&
        playerRect.bottom > ballRect.top
      ) {
        alert('Game Over! You touched the ball.');
        resetGame();
      }
    }

// Function to reset the game
    function resetGame() {
      playerX = window.innerWidth / 2;
      playerY = window.innerHeight / 2;
      ballX = Math.random() * (window.innerWidth - 100);
      ballY = Math.random() * (window.innerHeight - 100);
      updatePositions();
    }

// Add event listener for player movement
    document.addEventListener('touchmove', handleMovement);

// Start the game loop
    setInterval(checkCollision, 1000 / 60);
  </script>
</body>
</html>
```

Please note that this is a very basic implementation and can be further enhanced with additional features and styling.