Fruit.io, eat smaller ai, don't eat big ai, level up's game

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

No:37477

←

Prev Next

→

Fruit.io, eat smaller ai, don't eat big ai, level ..ALL
Developer User17064｜Date and time 24/1/21 4:18:46
Build time 14.765 sec｜Game capacity 4.343KB｜

Script

Sure! Here's an example of a simple game called "Fruit.io" implemented as a single HTML file:

This game is played by controlling a blue square using the arrow keys on a smartphone. The objective is to eat the smaller orange squares (fruits) while avoiding the larger ones. Eating a smaller fruit increases the score, while colliding with a larger fruit results in game over. As you continue to eat fruits, the speed of the player square increases, making the game more challenging. Leveling up occurs when all fruits are consumed, increasing the level by 1 and resetting the game with a faster player speed. Note: This is a basic implementation of the game, and additional features and enhancements can be added based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fruit.io</title>
  <style>
    html, body {
      margin: 0;
      padding: 0;
    }

canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Game initialization
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

// Generate initial fruits
      for (let i = 0; i < 10; i++) {
        fruits.push({
          x: Math.random() * (canvas.width - playerSize),
          y: Math.random() * (canvas.height - playerSize),
          size: Math.random() * (playerSize - 10) + 10,
          isEaten: false
        });
      }

// Event listeners for player movement
      document.addEventListener("keydown", keyDownHandler);
      document.addEventListener("keyup", keyUpHandler);

// Start game loop
      interval = setInterval(gameLoop, 20);
    }

// Handle key down events
    function keyDownHandler(event) {
      if (event.keyCode === 37) {
        playerX -= playerSpeed; // Move player left
      } else if (event.keyCode === 39) {
        playerX += playerSpeed; // Move player right
      } else if (event.keyCode === 38) {
        playerY -= playerSpeed; // Move player up
      } else if (event.keyCode === 40) {
        playerY += playerSpeed; // Move player down
      }
    }

// Handle key up events
    function keyUpHandler(event) {
      if (
        event.keyCode === 37 ||
        event.keyCode === 39 ||
        event.keyCode === 38 ||
        event.keyCode === 40
      ) {
        // Stop player movement
        playerX += 0;
        playerY += 0;
      }
    }

// Main game loop
    function gameLoop() {
      clearCanvas();
      drawPlayer();

for (let i = 0; i < fruits.length; i++) {
        drawFruit(fruits[i]);

// Check for collision with player
        if (
          fruits[i].x < playerX + playerSize &&
          fruits[i].x + fruits[i].size > playerX &&
          fruits[i].y < playerY + playerSize &&
          fruits[i].y + fruits[i].size > playerY
        ) {
          if (fruits[i].size < playerSize) {
            fruits[i].isEaten = true;
            score++;
          } else {
            gameOver();
          }
        }
      }

fruits = fruits.filter((fruit) => !fruit.isEaten);

if (fruits.length === 0) {
        levelUp();
      }
      
      drawScore();
    }

// Clear canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Draw player
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(playerX, playerY, playerSize, playerSize);
    }

// Draw fruit
    function drawFruit(fruit) {
      ctx.fillStyle = "orange";
      ctx.fillRect(fruit.x, fruit.y, fruit.size, fruit.size);
    }

// Draw score
    function drawScore() {
      ctx.font = "20px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 10, 30);
    }

// Game over
    function gameOver() {
      clearInterval(interval);
      alert("Game Over!");
    }

// Level up
    function levelUp() {
      clearInterval(interval);
      playerSpeed += 1;
      level += 1;
      alert("Level Up! Level " + level);
      init();
    }

// Start the game
    init();
  </script>
</body>
</html>
```

Note: This is a basic implementation of the game, and additional features and enhancements can be added based on your requirements and preferences.