AI game creator

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

No:7700

2076

←

Prev Next

→

Why AI is AI
Developer o2pi4｜Date and time 23/7/9 13:28:49
Build time 4.45 sec｜Game capacity 0.698KB｜

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>