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

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

No:37485

←

Prev Next

→

Fruit.io, eat smaller moving ai, don't eat moving ..ALL
Developer User17064｜Date and time 24/1/21 4:24:40
Build time 19.493 sec｜Game capacity 5.231KB｜

Script

Sure, here's an example of a simple game called "Fruit.io" implemented as a single HTML file using JavaScript and enclosed in script tags:

To play the game, copy the above code into a new HTML file and open it in a web browser. The game canvas will be displayed, and you can control the blue player circle using your smartphone's touchscreen. The objective of the game is to eat the green fruits to increase your score and size, while avoiding the red enemies. Every 5 points, you will level up and a new enemy will be added to the game. The player's size will increase by 2% whenever they eat a fruit. The game will end if the player collides with an enemy.

←

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 using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fruit.io</title>
  <style>
    canvas {
      background-color: #f5f5f5;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

playerX = canvas.width / 2;
      playerY = canvas.height / 2;
      playerSize = 20;

fruits = [];
      enemies = [];
      score = 0;
      level = 1;

// Generate initial fruits
      for (var i = 0; i < 5; i++) {
        generateFruit();
      }

// Start game loop
      setInterval(update, 10);

// Handle player controls
      canvas.addEventListener("mousemove", function(event) {
        var rect = canvas.getBoundingClientRect();
        playerX = event.clientX - rect.left;
        playerY = event.clientY - rect.top;
      });
    }

// Game loop
    function update() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      drawPlayer();

// Draw and update fruits
      for (var i = 0; i < fruits.length; i++) {
        drawFruit(fruits[i]);
        updateFruit(fruits[i]);
      }

// Draw and update enemies
      for (var i = 0; i < enemies.length; i++) {
        drawEnemy(enemies[i]);
        updateEnemy(enemies[i]);
      }

// Check for collision with fruits
      checkCollisions();

// Draw score and level
      drawText("Score: " + score, 10, 20);
      drawText("Level: " + level, canvas.width - 100, 20);
    }

// Generate a new fruit
    function generateFruit() {
      var fruit = {
        x: Math.random() * (canvas.width - playerSize) + playerSize / 2,
        y: Math.random() * (canvas.height - playerSize) + playerSize / 2,
        size: 10 + (level * 2),
      };

fruits.push(fruit);
    }

// Generate a new enemy
    function generateEnemy() {
      var enemy = {
        x: Math.random() * (canvas.width - playerSize) + playerSize / 2,
        y: Math.random() * (canvas.height - playerSize) + playerSize / 2,
        size: 20 + (level * 2),
      };

enemies.push(enemy);
    }

// Draw the player
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.beginPath();
      ctx.arc(playerX, playerY, playerSize, 0, Math.PI * 2);
      ctx.closePath();
      ctx.fill();
    }

// Draw a fruit
    function drawFruit(fruit) {
      ctx.fillStyle = "green";
      ctx.beginPath();
      ctx.arc(fruit.x, fruit.y, fruit.size, 0, Math.PI * 2);
      ctx.closePath();
      ctx.fill();
    }

// Draw an enemy
    function drawEnemy(enemy) {
      ctx.fillStyle = "red";
      ctx.beginPath();
      ctx.arc(enemy.x, enemy.y, enemy.size, 0, Math.PI * 2);
      ctx.closePath();
      ctx.fill();
    }

// Update a fruit's position
    function updateFruit(fruit) {
      fruit.x += (playerX - fruit.x) * 0.01;
      fruit.y += (playerY - fruit.y) * 0.01;
    }

// Update an enemy's position
    function updateEnemy(enemy) {
      enemy.x += (playerX - enemy.x) * 0.03;
      enemy.y += (playerY - enemy.y) * 0.03;
    }

// Check for collisions with fruits and enemies
    function checkCollisions() {
      for (var i = 0; i < fruits.length; i++) {
        var dx = playerX - fruits[i].x;
        var dy = playerY - fruits[i].y;
        var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < playerSize + fruits[i].size) {
          score++;
          playerSize *= 1.02; // 2% bigger when eating a fruit
          fruits.splice(i, 1);

// Level up every 5 points
          if (score % 5 === 0) {
            level++;
            generateEnemy();
          }

generateFruit();
        }
      }

for (var i = 0; i < enemies.length; i++) {
        var dx = playerX - enemies[i].x;
        var dy = playerY - enemies[i].y;
        var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < playerSize + enemies[i].size) {
          // Game over!
          alert("Game over! Your score: " + score);
          init();
        }
      }
    }

// Draw text on the canvas
    function drawText(text, x, y) {
      ctx.fillStyle = "black";
      ctx.font = "16px Arial";
      ctx.fillText(text, x, y);
    }

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