Fruit.io, eat smaller ai, don't eat big ai, level up, eat big fruits when big, 2% bigger when eat fruit.'s game

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

No:37484

←

Prev Next

→

Fruit.io, eat smaller ai, don't eat big ai, level ..ALL
Developer User17064｜Date and time 24/1/21 4:22:54
Build time 14.455 sec｜Game capacity 4.098KB｜

Script

Sure, here's an example of a simple game called "Fruit.io" that meets your specifications:

This game is playable on smartphones and uses pictograms represented by circles for the player and fruits. The player's objective is to eat smaller fruits while avoiding bigger ones. The player's size and speed increase with every fruit eaten, and the level increases every 10 fruits eaten.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple game called "Fruit.io" that meets your specifications:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fruit.io</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #f8f8f8;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Enclosed JavaScript code
    
    // Game variables
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    var playerSize = 20;
    var playerX = canvas.width / 2;
    var playerY = canvas.height / 2;
    var playerSpeed = 5;
    var fruits = [];
    var initialFruitSize = 10;
    var maxFruitSize = 40;
    var fruitSpeed = 2;
    var score = 0;
    var level = 1;

// Initialize the game
    function startGame() {
      fruits = [];
      score = 0;
      level = 1;
      
      // Create initial fruit
      createFruit(initialFruitSize);
      
      // Start game loop
      setInterval(updateGameArea, 20);
    }

// Update game area and handle collisions
    function updateGameArea() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Move player based on touch event
      canvas.addEventListener('touchmove', function(e) {
        var touchX = e.touches[0].clientX;
        var touchY = e.touches[0].clientY;
        
        playerX = touchX - canvas.offsetLeft;
        playerY = touchY - canvas.offsetTop;
      });
      
      // Draw and move fruits
      for (var i = 0; i < fruits.length; i++) {
        fruits[i].y += fruitSpeed;
        drawFruit(fruits[i].x, fruits[i].y, fruits[i].size);
        
        if (collides(playerX, playerY, playerSize, fruits[i].x, fruits[i].y, fruits[i].size)) {
          if (fruits[i].size > playerSize) {
            // Game over
            alert("Game Over! Your score: " + score);
            startGame();
            return;
          } else {
            // Eat fruit and increase score and player size
            fruits.splice(i, 1);
            score++;
            playerSize += 2;
            
            if (score % 10 === 0) {
              // Level up every 10 fruits eaten
              level++;
              fruitSpeed += 0.5;
              if (playerSize < maxFruitSize) {
                playerSize += 2;
              }
            }
            
            createFruit(initialFruitSize);
          }
        }
      }
      
      // Draw player
      drawPlayer(playerX, playerY, playerSize);
      
      // Display score and level
      drawText("Score: " + score, 10, 20);
      drawText("Level: " + level, 10, 40);
    }

// Create a new fruit at a random position
    function createFruit(size) {
      var x = Math.random() * (canvas.width - size);
      var y = 0 - size;
      fruits.push({ x: x, y: y, size: size });
    }
    
    // Draw a fruit
    function drawFruit(x, y, size) {
      ctx.beginPath();
      ctx.arc(x, y, size, 0, Math.PI * 2);
      ctx.fillStyle = "#ff0000";
      ctx.fill();
      ctx.closePath();
    }
    
    // Draw the player
    function drawPlayer(x, y, size) {
      ctx.beginPath();
      ctx.arc(x, y, size, 0, Math.PI * 2);
      ctx.fillStyle = "#0000ff";
      ctx.fill();
      ctx.closePath();
    }
    
    // Draw text on the canvas
    function drawText(text, x, y) {
      ctx.font = "16px Arial";
      ctx.fillStyle = "#000000";
      ctx.fillText(text, x, y);
    }

// Check collision between two circles
    function collides(x1, y1, r1, x2, y2, r2) {
      var dx = x1 - x2;
      var dy = y1 - y2;
      var distance = Math.sqrt(dx * dx + dy * dy);
      return distance < r1 + r2;
    }

// Start the game when page is loaded
    window.onload = function() {
      startGame();
    };
  </script>
</body>
</html>
```