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:37487

←

Prev Next

→

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

Script

Sure! Below is an example of a simple game called "Fruit.io" implemented as a single HTML file, including JavaScript code enclosed in script tags. The game can be played on a smartphone and uses pictograms. In this game, the player controls a small fruit and needs to eat smaller AI fruits while avoiding the larger AI fruits. The player gains a level when their score reaches 5 or more, and their fruit grows 2% bigger each time they eat a fruit.

Please note that this is a basic implementation just to provide an idea, and you might need to customize it further to meet your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fruit.io</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Pictogram assets
        var playerImage = new Image();
        playerImage.src = "player.png";

var fruitImage = new Image();
        fruitImage.src = "fruit.png";

var aiFruitImage = new Image();
        aiFruitImage.src = "ai_fruit.png";

// Start the game
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            player = {
                x: 0,
                y: 0,
                width: 30,
                height: 30
            };
            fruits = [
                { x: 100, y: 100, width: 20, height: 20, isAI: true, isBig: false },
                { x: 200, y: 200, width: 10, height: 10, isAI: false, isBig: true }
            ];
            score = 0;
            level = 1;

// Attach touch events
            canvas.addEventListener("touchstart", handleTouchStart);
            canvas.addEventListener("touchmove", handleTouchMove);
            
            // Start the game loop
            setInterval(updateGame, 20);
        }

// Update game state
        function updateGame() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move the player based on touch input
            player.x = touchX - player.width / 2;
            player.y = touchY - player.height / 2;

// Draw the player
            ctx.drawImage(playerImage, player.x, player.y, player.width, player.height);

// Draw the fruits
            for (var i = 0; i < fruits.length; i++) {
                var fruit = fruits[i];
                fruit.y += 1; // Move the fruit downwards

// Check if player collided with the fruit
                if (playerCollidedWithFruit(player, fruit)) {
                    if (fruit.isAI) { // Avoid larger AI fruits
                        gameOver();
                    } else {
                        score++;

// Increase player size by 2%
                        player.width *= 1.02;
                        player.height *= 1.02;

// Check if it's time to level up
                        if (score >= 5) {
                            level++;
                            score = 0;
                        }
                    }

// Remove the eaten fruit
                    fruits.splice(i, 1);
                    i--;
                } else {
                    // Draw the fruit
                    if (fruit.isAI) {
                        ctx.drawImage(aiFruitImage, fruit.x, fruit.y, fruit.width, fruit.height);
                    } else {
                        ctx.drawImage(fruitImage, fruit.x, fruit.y, fruit.width, fruit.height);
                    }
                }
            }

// Draw the score and level
            ctx.fillText("Score: " + score, 10, 20);
            ctx.fillText("Level: " + level, 10, 40);
        }

// Check if player collided with a fruit
        function playerCollidedWithFruit(player, fruit) {
            return player.x < fruit.x + fruit.width &&
                player.x + player.width > fruit.x &&
                player.y < fruit.y + fruit.height &&
                player.y + player.height > fruit.y;
        }

// Handle touch start event
        function handleTouchStart(event) {
            event.preventDefault();
            var touch = event.touches[0];
            touchX = touch.clientX;
            touchY = touch.clientY;
        }

// Handle touch move event
        function handleTouchMove(event) {
            event.preventDefault();
            var touch = event.touches[0];
            touchX = touch.clientX;
            touchY = touch.clientY;
        }

// Game over
        function gameOver() {
            alert("Game Over! Your score: " + score);
            startGame();
        }

// Start the game when the page loads
        window.onload = startGame;
    </script>
</body>
</html>
```

Please note that this is a basic implementation just to provide an idea, and you might need to customize it further to meet your specific requirements.