Uuu your body is on fire yyy your body has already arrived from the Indian dressed pancakes.'s game

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

No:6366

7406

←

Prev Next

→

Uuu your body is on fire yyy your body has already..ALL
Developer User3887｜Date and time 23/7/2 10:52:47
Build time 50.994 sec｜Game capacity 6.807KB｜

Script

¡Bienvenido al juego de "Rescue the Pictograms"! Instrucciones: - Tu misión es rescatar todos los pictogramas atrapados en diferentes desafíos. - Utiliza las teclas de flecha en tu smartphone para moverte y evita los obstáculos. - Debes recolectar todos los pictogramas para avanzar al siguiente nivel. - Si te chocas con un obstáculo, perderás una vida. Tienes tres vidas en total. - Cada nivel será más difícil que el anterior, así que mantén la concentración. - ¡Disfruta del juego!

←

Prev　Next

→ 　

Back　

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

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

¡Bienvenido al juego de "Rescue the Pictograms"!

Instrucciones:
- Tu misión es rescatar todos los pictogramas atrapados en diferentes desafíos.
- Utiliza las teclas de flecha en tu smartphone para moverte y evita los obstáculos.
- Debes recolectar todos los pictogramas para avanzar al siguiente nivel.
- Si te chocas con un obstáculo, perderás una vida. Tienes tres vidas en total.
- Cada nivel será más difícil que el anterior, así que mantén la concentración.
- ¡Disfruta del juego!

<!DOCTYPE html>
<html>
<head>
    <style>
        #game-container {
            width: 100%;
            height: 400px;
            position: relative;
            background-color: #e1e1e1;
        }

#player {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: red;
            top: 0;
            left: 0;
        }

.obstacle {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: black;
            top: 0;
            left: 0;
        }

.pictogram {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: green;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <script>
        var gameContainer = document.getElementById('game-container');
        var player = document.getElementById('player');
        var obstacles = document.getElementsByClassName('obstacle');
        var pictograms = document.getElementsByClassName('pictogram');
        var level = 1;
        var lives = 3;
        var collectedPictograms = 0;

function updateGame() {
            document.addEventListener('keydown', function(event) {
                var key = event.keyCode;
                var top = parseInt(player.style.top) || 0;
                var left = parseInt(player.style.left) || 0;

switch (key) {
                    case 37: // Left arrow key
                        left -= 50;
                        break;
                    case 38: // Up arrow key
                        top -= 50;
                        break;
                    case 39: // Right arrow key
                        left += 50;
                        break;
                    case 40: // Down arrow key
                        top += 50;
                        break;
                }

if (checkCollision(left, top)) {
                    return;
                }

player.style.top = top + 'px';
                player.style.left = left + 'px';

if (checkPictogramCollected()) {
                    collectedPictograms++;
                    if (collectedPictograms === pictograms.length) {
                        level++;
                        collectedPictograms = 0;
                        alert('¡Felicitaciones! Has rescatado todos los pictogramas. Avanzas al nivel ' + level);
                        resetGame();
                    }
                }
            });
        }

function checkCollision(left, top) {
            if (top < 0 || left < 0 || top >= gameContainer.offsetHeight || left >= gameContainer.offsetWidth) {
                lives--;
                if (lives === 0) {
                    alert('Has perdido todas tus vidas. ¡Fin del juego!');
                    resetGame();
                    return true;
                }
                alert('Chocaste con un obstáculo. Pierdes una vida. Vidas restantes: ' + lives);
                resetPlayer();
                return true;
            }

for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                var obstacleTop = parseInt(obstacle.style.top) || 0;
                var obstacleLeft = parseInt(obstacle.style.left) || 0;

if (top === obstacleTop && left === obstacleLeft) {
                    lives--;
                    if (lives === 0) {
                        alert('Has perdido todas tus vidas. ¡Fin del juego!');
                        resetGame();
                        return true;
                    }
                    alert('Chocaste con un obstáculo. Pierdes una vida. Vidas restantes: ' + lives);
                    resetPlayer();
                    return true;
                }
            }

return false;
        }

function checkPictogramCollected() {
            var playerTop = parseInt(player.style.top) || 0;
            var playerLeft = parseInt(player.style.left) || 0;

for (var i = 0; i < pictograms.length; i++) {
                var pictogram = pictograms[i];
                var pictogramTop = parseInt(pictogram.style.top) || 0;
                var pictogramLeft = parseInt(pictogram.style.left) || 0;

if (playerTop === pictogramTop && playerLeft === pictogramLeft) {
                    pictogram.style.display = "none";
                    return true;
                }
            }

return false;
        }

function resetPlayer() {
            player.style.top = '0px';
            player.style.left = '0px';
        }

function resetGame() {
            level = 1;
            lives = 3;
            collectedPictograms = 0;

for (var i = 0; i < pictograms.length; i++) {
                pictograms[i].style.display = "block";
            }

resetPlayer();
        }

function generateObstacles() {
            var obstacleCount = level + 2;

for (var i = 0; i < obstacleCount; i++) {
                var obstacle = document.createElement('div');
                obstacle.className = 'obstacle';
                obstacle.style.top = Math.floor(Math.random() * (gameContainer.offsetHeight / 50)) * 50 + 'px';
                obstacle.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth / 50)) * 50 + 'px';
                gameContainer.appendChild(obstacle);
            }
        }

function generatePictograms() {
            for (var i = 0; i < level; i++) {
                var pictogram = document.createElement('div');
                pictogram.className = 'pictogram';
                pictogram.style.top = Math.floor(Math.random() * (gameContainer.offsetHeight / 50)) * 50 + 'px';
                pictogram.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth / 50)) * 50 + 'px';
                gameContainer.appendChild(pictogram);
            }
        }

function startGame() {
            generatePictograms();
            generateObstacles();
            updateGame();
        }

startGame();
    </script>