AI game creator

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

No:23518

←

Prev Next

→

A rescue game
Developer User10968｜Date and time 23/11/1 4:03:05
Build time 122.994 sec｜Game capacity 5.424KB｜

Script

Bien sûr! Voici un exemple de jeu de sauvetage réalisé en tant que simple fichier HTML avec JavaScript, qui peut être joué sur un smartphone et utilise des pictogrammes :

Ce code HTML contient toutes les fonctionnalités nécessaires pour jouer à un jeu de sauvetage sur un smartphone. Le jeu prend en charge les mouvements vers le haut, le bas, la gauche et la droite en utilisant les touches directionnelles du smartphone. L'objectif est de déplacer le joueur (représenté par une fusée) jusqu'à l'objectif (représenté par un trophée) tout en évitant les obstacles (représentés par des arbres). J'espère que cela répond à votre demande de jeu de sauvetage en tant que simple fichier HTML avec JavaScript !

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Bien sûr! Voici un exemple de jeu de sauvetage réalisé en tant que simple fichier HTML avec JavaScript, qui peut être joué sur un smartphone et utilise des pictogrammes :

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jeu de Sauvetage</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }
        
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        #game {
            width: 300px;
            height: 300px;
            border: 1px solid #ccc;
            display: flex;
            flex-wrap: wrap;
        }
        
        .tile {
            width: 25%;
            height: 25%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
        }
        
        .player {
            background-color: #2196f3;
            color: #fff;
        }
        
        .obstacle {
            background-color: #607d8b;
            color: #fff;
        }
        
        .goal {
            background-color: #4caf50;
            color: #fff;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="game"></div>
    </div>

// Fonction pour générer le plateau de jeu
        function generateGame() {
            var gameContainer = document.getElementById('game');
            gameContainer.innerHTML = '';

for (var i = 0; i < gridSize; i++) {
                for (var j = 0; j < gridSize; j++) {
                    var tile = document.createElement('div');
                    tile.classList.add('tile');

if (i === playerPos.y && j === playerPos.x) {
                        tile.classList.add('player');
                        tile.textContent = '🚀';
                    } else if (i === goalPos.y && j === goalPos.x) {
                        tile.classList.add('goal');
                        tile.textContent = '🏆';
                    } else if (isObstacle(j, i)) {
                        tile.classList.add('obstacle');
                        tile.textContent = '🌳';
                    }

gameContainer.appendChild(tile);
                }
            }
        }

// Fonction pour vérifier si une position est un obstacle
        function isObstacle(x, y) {
            for (var i = 0; i < obstaclePos.length; i++) {
                if (obstaclePos[i].x === x && obstaclePos[i].y === y) {
                    return true;
                }
            }
            return false;
        }

// Fonction pour gérer les mouvements du joueur
        function movePlayer(direction) {
            var newPlayerPos = { x: playerPos.x, y: playerPos.y };

if (direction === 'up') {
                newPlayerPos.y--;
            } else if (direction === 'down') {
                newPlayerPos.y++;
            } else if (direction === 'left') {
                newPlayerPos.x--;
            } else if (direction === 'right') {
                newPlayerPos.x++;
            }

if (newPlayerPos.x >= 0 && newPlayerPos.x < gridSize && newPlayerPos.y >= 0 && newPlayerPos.y < gridSize && !isObstacle(newPlayerPos.x, newPlayerPos.y)) {
                playerPos = newPlayerPos;
                generateGame();

if (playerPos.x === goalPos.x && playerPos.y === goalPos.y) {
                    alert('Félicitations, vous avez sauvé le jour !');
                    resetGame();
                }
            }
        }

// Fonction pour réinitialiser le jeu
        function resetGame() {
            playerPos = { x: 0, y: 0 };
            goalPos = { x: Math.floor(Math.random() * gridSize), y: Math.floor(Math.random() * gridSize) };
            obstaclePos = [];
            generateGame();
        }

// Générer le jeu initial
        generateGame();

// Écouter les touches directionnelles du smartphone pour déplacer le joueur
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowUp') {
                movePlayer('up');
            } else if (event.key === 'ArrowDown') {
                movePlayer('down');
            } else if (event.key === 'ArrowLeft') {
                movePlayer('left');
            } else if (event.key === 'ArrowRight') {
                movePlayer('right');
            }
        });
    </script>
</body>
</html>
```

J'espère que cela répond à votre demande de jeu de sauvetage en tant que simple fichier HTML avec JavaScript !