Create a game where you swipe on the screen to slice fruit's game

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

No:33048

116

←

Prev Next

→

Create a game where you swipe on the screen to sli..ALL
Developer User15630｜Date and time 24/1/2 8:55:04
Build time 18.648 sec｜Game capacity 4.058KB｜

Script

Sure! Here's an example of a simple fruit slicing game implemented as a single HTML file using JavaScript and touch event handling for smartphone operation:

To play the game, simply copy and paste the above code into a new HTML file, and then open it in a web browser on your smartphone. You can swipe on the screen to slice the fruits. Each sliced fruit will increase your score. Note: This is a basic implementation and can be further enhanced with additional features, levels, animations, sound effects, etc., depending on your requirements and preferences.

←

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 fruit slicing game implemented as a single HTML file using JavaScript and touch event handling for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fruit Slicer</title>
    <style>
        #fruit {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            user-select: none;
        }
    </style>
</head>
<body>
    <canvas id="fruit" width="400" height="400"></canvas>

// Fruit variables
            var fruits = [];
            var fruitSize = 50;
            var score = 0;

// Start game
            function startGame() {
                fruits = []; // Reset fruits array
                score = 0; // Reset score

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

// Game loop
                setInterval(updateGame, 16);
            }

// Spawn a fruit at a random position
            function spawnFruit() {
                var x = Math.random() * (canvas.width - fruitSize);
                var y = Math.random() * (canvas.height - fruitSize);
                fruits.push({ x: x, y: y });
            }

// Update game logic and draw
            function updateGame() {
                // Clear canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw fruits
                ctx.fillStyle = "#ff0000";
                for (var i = 0; i < fruits.length; i++) {
                    var fruit = fruits[i];
                    ctx.fillRect(fruit.x, fruit.y, fruitSize, fruitSize);
                }

// Draw score
                ctx.font = "20px Arial";
                ctx.fillStyle = "#000000";
                ctx.fillText("Score: " + score, 10, 30);
            }

// Handle touch events
            canvas.addEventListener("touchstart", handleTouch);
            canvas.addEventListener("touchmove", handleTouch);
            canvas.addEventListener("touchend", handleTouch);

// Handle touch events
            function handleTouch(e) {
                if (e.type === "touchstart" || e.type === "touchmove") {
                    // Get touch position
                    var touch = e.touches[0];
                    var touchX = touch.clientX - canvas.offsetLeft;
                    var touchY = touch.clientY - canvas.offsetTop;

// Check if fruits are sliced
                    for (var i = 0; i < fruits.length; i++) {
                        var fruit = fruits[i];
                        if (touchX >= fruit.x && touchX <= fruit.x + fruitSize &&
                            touchY >= fruit.y && touchY <= fruit.y + fruitSize) {
                            fruits.splice(i, 1); // Remove sliced fruit
                            score++; // Increase score
                            spawnFruit(); // Spawn new fruit
                            break;
                        }
                    }
                }
                e.preventDefault(); // Prevent scrolling
            }

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

Note: This is a basic implementation and can be further enhanced with additional features, levels, animations, sound effects, etc., depending on your requirements and preferences.