AI game creator

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

No:28601

←

Prev Next

→

Man chasing me
Developer User10840｜Date and time 23/12/13 8:21:22
Build time 27.624 sec｜Game capacity 2.97KB｜

Script

Sure, here's an example of a simple game where a man is chasing you using pictograms and designed for smartphone operation. It is implemented as a single HTML file containing JavaScript enclosed in script tags.

Player

To use this code, save it in an HTML file (e.g., `game.html`) and make sure to have `emozi_all/player.png` and `emozi_all/enemy.png` files in the same directory as the HTML file. These image files can be replaced with pictograms of your choice. When you open the HTML file on a smartphone, you will be able to control the player's movement by tilting the device. The game ends if the enemy catches the player, and you can restart the game by closing and reopening 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>
    <meta charset="UTF-8">
    <style>
        body {
            background-color: lightblue;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        
        #player {
            position: absolute;
            top: 30%;
            left: 45%;
        }
        
        #enemy {
            position: absolute;
            top: 20%;
            left: 20%;
        }
    </style>
</head>
<body>
    <img id="player" src="player.png" width="80" height="80" alt="Player">
    <img id="enemy" src="enemy.png" width="80" height="80" alt="Enemy">
    
    <script>
        window.addEventListener('deviceorientation', handleOrientation, true);
        
        function handleOrientation(event) {
            var player = document.getElementById("player");
            var enemy = document.getElementById("enemy");
            var playerX = player.offsetLeft;
            var playerY = player.offsetTop;
            var enemyX = enemy.offsetLeft;
            var enemyY = enemy.offsetTop;
            
            var alpha = event.alpha; // rotation around z-axis (left to right)
            var beta = event.beta;   // rotation around x-axis (front to back)
            
            // Move the player based on device orientation
            if (alpha < 180) {
                playerX -= alpha * 0.1;
            } else {
                playerX += (360 - alpha) * 0.1;
            }
            
            if (beta < 0) {
                playerY -= Math.abs(beta) * 0.1;
            } else {
                playerY += beta * 0.1;
            }
            
            // Update player position
            player.style.left = playerX + "px";
            player.style.top = playerY + "px";
            
            // Check if the enemy caught the player
            if (Math.abs(playerX - enemyX) <= 40 && Math.abs(playerY - enemyY) <= 40) {
                alert("Game over! The man caught you.");
                resetGame();
            }
        }

function resetGame() {
            var player = document.getElementById("player");
            
            // Reset player position
            player.style.left = "45%";
            player.style.top = "30%";
        }
    </script>
</body>
</html>
```

To use this code, save it in an HTML file (e.g., `game.html`) and make sure to have `player.png` and `enemy.png` files in the same directory as the HTML file. These image files can be replaced with pictograms of your choice. When you open the HTML file on a smartphone, you will be able to control the player's movement by tilting the device. The game ends if the enemy catches the player, and you can restart the game by closing and reopening the HTML file.