In this game you are a ✅ emoji. You can move by using arrows at the bottom of the screen. There are ❌ that will move closer to you and try to turn you into a 💀if you turn into a 💀you will get a game over screen. If you go out of the play area you will teleport to the other side of the screen's game

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

No:33971

←

Prev Next

→

In this game you are a ✅ emoji. You can move by us..ALL
Developer User15955｜Date and time 24/1/7 7:44:16
Build time 32.288 sec｜Game capacity 4.758KB｜

Script

✅

❌

Game Over

↑ ← ↓ →

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Emoji Game</title>
<style>
    #game-container {
        width: 400px;
        height: 300px;
        border: 1px solid black;
        position: relative;
        overflow: hidden;
    }
    #player {
        position: absolute;
        font-size: 40px;
    }
    #enemy {
        position: absolute;
        font-size: 40px;
    }
    #game-over {
        display: none;
        position: absolute;
        top: 100px;
        left: 100px;
        width: 200px;
        height: 100px;
        background-color: rgba(0,0,0,0.5);
        color: white;
        font-size: 30px;
        text-align: center;
        line-height: 100px;
    }
    .arrow {
        font-size: 30px;
        cursor: pointer;
    }
</style>
</head>
<body>
    <div id="game-container">
        <div id="player">✅</div>
        <div id="enemy">❌</div>
        <div id="game-over">Game Over</div>
    </div>
    <div>
        <span class="arrow" onclick="move('up')">↑</span>
        <span class="arrow" onclick="move('left')">←</span>
        <span class="arrow" onclick="move('down')">↓</span>
        <span class="arrow" onclick="move('right')">→</span>
    </div>
    <script>
        var player = document.getElementById("player");
        var enemy = document.getElementById("enemy");
        var gameOver = document.getElementById("game-over");
        
        var playerPosition = { x: 200, y: 150 };
        var enemyPosition = { x: 0, y: 0 };
        var gameContainerWidth = 400;
        var gameContainerHeight = 300;
        var enemySpeed = 2;
        var isGameOver = false;

function updatePlayerPosition() {
            player.style.left = playerPosition.x + "px";
            player.style.top = playerPosition.y + "px";
        }

function updateEnemyPosition() {
            enemy.style.left = enemyPosition.x + "px";
            enemy.style.top = enemyPosition.y + "px";
        }

function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var enemyRect = enemy.getBoundingClientRect();

if (playerRect.left < enemyRect.right &&
                playerRect.right > enemyRect.left &&
                playerRect.top < enemyRect.bottom &&
                playerRect.bottom > enemyRect.top) {
                isGameOver = true;
            }
        }

updatePlayerPosition();
                checkCollision();
                if (!isGameOver) {
                    requestAnimationFrame(moveEnemies);
                } else {
                    gameOver.style.display = "block";
                }
            }
        }

function moveEnemies() {
            if (!isGameOver) {
                if (enemyPosition.x < playerPosition.x) {
                    enemyPosition.x += enemySpeed;
                } else {
                    enemyPosition.x -= enemySpeed;
                }

if (enemyPosition.y < playerPosition.y) {
                    enemyPosition.y += enemySpeed;
                } else {
                    enemyPosition.y -= enemySpeed;
                }

if (enemyPosition.x < 0) {
                    enemyPosition.x = gameContainerWidth;
                } else if (enemyPosition.x > gameContainerWidth) {
                    enemyPosition.x = 0;
                }

if (enemyPosition.y < 0) {
                    enemyPosition.y = gameContainerHeight;
                } else if (enemyPosition.y > gameContainerHeight) {
                    enemyPosition.y = 0;
                }

updateEnemyPosition();
                checkCollision();
                if (!isGameOver) {
                    requestAnimationFrame(moveEnemies);
                } else {
                    gameOver.style.display = "block";
                }
            }
        }

moveEnemies();
    </script>
</body>
</html>