Un juego donde somos un cuadrado verde y nos persigue un cuadrado rojo,que intenta tocarnos,y si nos toca ahora nosotros lo tenemos que tocar y un inicio donde tienes que elegir botones dónde habrán los modos de juego,el de contra un bot osea una ia que jugamos con una ia que el cuadrado es el bot y el otro es multijugador que claramente es el modo multijugador, donde juegas con familia amigos con lo que sea,y si mantenemos presionado los botones caminaremos normalmente.'s game

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

No:41582

←

Prev Next

→

Un juego donde somos un cuadrado verde y nos persi..ALL
Developer User18058｜Date and time 24/2/8 13:13:49
Build time 9.692 sec｜Game capacity 3.204KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        
        #game-container {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: green;
        }
        
        .enemy {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player" class="player"></div>
        <div id="enemy" class="enemy"></div>
    </div>
    
    <script>
        // Obtener los elementos del juego
        var gameContainer = document.getElementById("game-container");
        var player = document.getElementById("player");
        var enemy = document.getElementById("enemy");
        
        // Definir las coordenadas iniciales del jugador y el enemigo
        var playerX = 0;
        var playerY = 0;
        var enemyX = 100;
        var enemyY = 100;
        
        // Asignar las coordenadas iniciales a los elementos del juego
        player.style.left = playerX + "px";
        player.style.top = playerY + "px";
        enemy.style.left = enemyX + "px";
        enemy.style.top = enemyY + "px";
        
        // Función para mover al jugador
        function movePlayer(event) {
            var key = event.key;
            
            // Mover al jugador en la dirección correspondiente
            if (key === "ArrowUp") {
                playerY -= 10;
            } else if (key === "ArrowDown") {
                playerY += 10;
            } else if (key === "ArrowLeft") {
                playerX -= 10;
            } else if (key === "ArrowRight") {
                playerX += 10;
            }
            
            // Actualizar la posición del jugador en la pantalla
            player.style.left = playerX + "px";
            player.style.top = playerY + "px";
            
            // Verificar si el jugador ha tocado al enemigo
            checkCollision();
        }
        
        // Función para verificar si hay colisión entre el jugador y el enemigo
        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) {
                // Si hay colisión, el jugador convierte al enemigo en el nuevo jugador
                enemyX = playerX;
                enemyY = playerY;
                
                // Actualizar la posición del enemigo para que persiga al nuevo jugador
                enemy.style.left = enemyX + "px";
                enemy.style.top = enemyY + "px";
            }
        }
        
        // Escuchar los eventos de teclado para mover al jugador
        window.addEventListener("keydown", movePlayer);
    </script>
</body>
</html>