Budapesten belül kell maradnom Ha kijutok vége a játéknak's game

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

No:34820

←

Prev Next

→

Budapesten belül kell maradnom Ha kijutok vége a j..ALL
Developer User16254｜Date and time 24/1/11 16:20:02
Build time 16.235 sec｜Game capacity 3.972KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. It is a game where the player needs to catch falling apples by moving a basket with a smartphone's tilt controls. Pictogram-like images are used for visualization.

🧺

To play the game, simply open the HTML file in a browser on your smartphone and tilt your device to move the basket and catch the falling apples. The score will be displayed at the top of the screen. Enjoy playing the game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Falling Apple Game</title>
    <style>
        #game-board {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        #basket {
            width: 60px;
            height: 60px;
            position: absolute;
            left: 50%;
            bottom: 10px;
            transform: translateX(-50%);
        }
        .apple {
            width: 40px;
            height: 40px;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="basket">🧺</div>
    </div>

// Movement limit for basket
        var leftLimit = 0;
        var rightLimit = 100;

// Generate random numbers within a range
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }

// Update basket position based on device tilt
        window.addEventListener('deviceorientation', function(event) {
            basketPosition = Math.max(leftLimit, Math.min(rightLimit, basketPosition + event.gamma * 2));
            document.getElementById('basket').style.left = basketPosition + '%';
        });

// Generate apples
        function generateApple() {
            var apple = document.createElement('div');
            apple.className = 'apple';
            apple.style.left = getRandomNumber(10, 90) + '%';
            apple.innerHTML = '🍎';
            document.getElementById('game-board').appendChild(apple);

// Move apple down
            var appleMoveInterval = setInterval(function() {
                var applePosition = parseInt(apple.style.bottom);
                if (applePosition <= -40) {
                    clearInterval(appleMoveInterval);
                    apple.remove();
                } else {
                    apple.style.bottom = (applePosition - gameSpeed) + 'px';

// Check if apple is caught
                    var basket = document.getElementById('basket');
                    var basketRect = basket.getBoundingClientRect();
                    var appleRect = apple.getBoundingClientRect();

if (
                        appleRect.left >= basketRect.left && 
                        appleRect.right <= basketRect.right && 
                        appleRect.top <= basketRect.bottom && 
                        appleRect.bottom >= basketRect.bottom
                    ) {
                        clearInterval(appleMoveInterval);
                        apple.remove();
                        score++;
                        document.getElementById('score').innerHTML = 'Score: ' + score;
                    }
                }
            }, 20);
        }

// Start the game
        function startGame() {
            // Create score element
            var scoreElement = document.createElement('div');
            scoreElement.id = 'score';
            scoreElement.innerHTML = 'Score: ' + score;
            document.body.appendChild(scoreElement);

// Generate apples every 1 second
            var appleGenInterval = setInterval(function() {
                generateApple();
            }, 1000);
        }

startGame();
    </script>
</body>
</html>
```