Faça um jogo de One Piece, totalmente inspirado em One piece, tendo tudo que haja nesse anime.'s game

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

No:41828

←

Prev Next

→

Faça um jogo de One Piece, totalmente inspirado em..ALL
Developer User18756｜Date and time 24/2/10 2:23:12
Build time 9.159 sec｜Game capacity 1.884KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

¡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.

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>¡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>