A game called burger k○ller where a burger chases you's game

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

No:39613

←

Prev Next

→

A game called burger k○ller where a burger chases ..ALL
Developer User17730｜Date and time 24/1/29 12:22:11
Build time 15.219 sec｜Game capacity 3.969KB｜

Script

Sure! Here's an example of an HTML file that implements a simple game called "Burger Killer" where a burger chases you. Please note that this is a basic implementation and can be further enhanced based on your requirements:

To use pictograms, replace the `background` property of `#player` and `#burger` in the CSS section with the appropriate image paths. Remember to save the corresponding pictogram images (`emozi_all/pictogram.png` and `emozi_apple.png` in this case) in the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Burger Killer Game</title>
    <style>
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background: url('player.png'); /* Replace with pictogram */
            background-size: cover;
        }
        #burger {
            position: absolute;
            width: 50px;
            height: 50px;
            background: url('burger.png'); /* Replace with pictogram */
            background-size: cover;
        }
    </style>
</head>
<body>
    <script>
        // Game variables
        var player, burger;
        var playerX = 0, playerY = 0;
        var burgerX = Math.random() * window.innerWidth, burgerY = Math.random() * window.innerHeight;
        var gameLoop;

// Game initialization on page load
        window.onload = function() {
            player = document.createElement('div');
            player.id = 'player';
            document.body.appendChild(player);

burger = document.createElement('div');
            burger.id = 'burger';
            document.body.appendChild(burger);

document.addEventListener('keydown', handlePlayerMovement);

gameLoop = setInterval(updateGame, 1000/60); // 60 FPS
        }

// Update game state
        function updateGame() {
            checkCollision();
            moveBurger();
            movePlayer();
        }

// Move the burger randomly
        function moveBurger() {
            var direction = Math.random() * 4; // Randomly choose a direction
            switch (Math.floor(direction)) {
                case 0: // Move up
                    burgerY -= 5;
                    break;
                case 1: // Move down
                    burgerY += 5;
                    break;
                case 2: // Move left
                    burgerX -= 5;
                    break;
                case 3: // Move right
                    burgerX += 5;
                    break;
            }
            burger.style.left = burgerX + 'px';
            burger.style.top = burgerY + 'px';
        }

// Move player based on arrow key inputs
        function handlePlayerMovement(event) {
            var key = event.keyCode;
            switch (key) {
                case 37: // Left arrow
                    playerX -= 5;
                    break;
                case 38: // Up arrow
                    playerY -= 5;
                    break;
                case 39: // Right arrow
                    playerX += 5;
                    break;
                case 40: // Down arrow
                    playerY += 5;
                    break;
            }
            player.style.left = playerX + 'px';
            player.style.top = playerY + 'px';
        }

// Check if player and burger collide
        function checkCollision() {
            var playerBounds = player.getBoundingClientRect();
            var burgerBounds = burger.getBoundingClientRect();

if (playerBounds.left < burgerBounds.right &&
                playerBounds.right > burgerBounds.left &&
                playerBounds.top < burgerBounds.bottom &&
                playerBounds.bottom > burgerBounds.top) {
                // Collision detected, stop the game
                clearInterval(gameLoop);
                alert('Game Over! The burger caught you!');
            }
        }
    </script>
</body>
</html>
```

To use pictograms, replace the `background` property of `#player` and `#burger` in the CSS section with the appropriate image paths.

Remember to save the corresponding pictogram images (`player.png` and `burger.png` in this case) in the same directory as the HTML file.