AI game creator

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

No:10371

226

←

Prev Next

→

Snake Game
Developer User4540｜Date and time 23/7/30 21:33:31
Build time 35.464 sec｜Game capacity 4.9KB｜

Script

Bien sûr ! Voici une version simplifiée du jeu Snake, écrit en HTML avec JavaScript. Le jeu utilisera des pictogrammes pour représenter le serpent et les aliments.

Ce code HTML contient le jeu Snake, écrit en JavaScript et encadré par des balises `
`. Vous pouvez copier ce code dans un fichier HTML pour exécuter le jeu sur votre smartphone. Le jeu sera affiché dans un élément de div avec l'id "game-board", et vous pouvez contrôler le serpent en utilisant les flèches directionnelles du clavier. Amusez-vous bien avec le jeu Snake ! Si vous avez besoin d'aide supplémentaire, n'hésitez pas à demander.

←

Prev　Next

→ 　

Back　

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

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

Bien sûr ! Voici une version simplifiée du jeu Snake, écrit en HTML avec JavaScript. Le jeu utilisera des pictogrammes pour représenter le serpent et les aliments.

```html
<!DOCTYPE html>
<html>
<head>
<style>
    #game-board {
        width: 300px;
        height: 300px;
        border: 1px solid black;
        position: relative;
    }
    
    .game-cell {
        width: 20px;
        height: 20px;
        position: absolute;
    }
    
    #snake {
        background-color: green;
    }
    
    .food {
        background-color: red;
    }
</style>
</head>
<body>
    <div id="game-board"></div>

// Taille du canvas
        const canvasSize = 15;
        const cellSize = Math.floor(gameBoard.offsetWidth / canvasSize);

// Initialiser les variables du jeu
        let snake = [{ x: 6, y: 6 }];
        let direction = "right";
        let food = generateFood();

// Générer une position aléatoire pour la nourriture
        function generateFood() {
            const x = Math.floor(Math.random() * canvasSize);
            const y = Math.floor(Math.random() * canvasSize);
            return { x, y };
        }

// Dessiner le serpent et la nourriture sur le canvas
        function draw() {
            gameBoard.innerHTML = "";

// Dessiner le serpent
            snake.forEach(segment => {
                const snakeElement = document.createElement("div");
                snakeElement.style.left = segment.x * cellSize + "px";
                snakeElement.style.top = segment.y * cellSize + "px";
                snakeElement.classList.add("game-cell");
                snakeElement.id = "snake";
                gameBoard.appendChild(snakeElement);
            });

// Dessiner la nourriture
            const foodElement = document.createElement("div");
            foodElement.style.left = food.x * cellSize + "px";
            foodElement.style.top = food.y * cellSize + "px";
            foodElement.classList.add("game-cell");
            foodElement.classList.add("food");
            gameBoard.appendChild(foodElement);
        }

// Mettre à jour la direction du serpent
        function updateDirection(event) {
            const key = event.keyCode;
            if (key === 37 && direction !== "right") {
                direction = "left";
            } else if (key === 38 && direction !== "down") {
                direction = "up";
            } else if (key === 39 && direction !== "left") {
                direction = "right";
            } else if (key === 40 && direction !== "up") {
                direction = "down";
            }
        }

// Mettre à jour le jeu à chaque intervalle
        function updateGame() {
            // Déplacer le serpent
            const snakeHead = { x: snake[0].x, y: snake[0].y };
            if (direction === "left") snakeHead.x--;
            if (direction === "right") snakeHead.x++;
            if (direction === "up") snakeHead.y--;
            if (direction === "down") snakeHead.y++;

// Vérifier les collisions avec les murs ou avec le corps du serpent
            if (
                snakeHead.x < 0 ||
                snakeHead.x >= canvasSize ||
                snakeHead.y < 0 ||
                snakeHead.y >= canvasSize ||
                snake.some(segment => segment.x === snakeHead.x && segment.y === snakeHead.y)
            ) {
                // Fin du jeu
                alert("Jeu terminé !");
                return;
            }

// Ajouter la nouvelle tête du serpent
            snake.unshift(snakeHead);

// Vérifier si le serpent a mangé la nourriture
            if (snakeHead.x === food.x && snakeHead.y === food.y) {
                // Générer une nouvelle position pour la nourriture
                food = generateFood();
            } else {
                // Retirer la dernière queue du serpent
                snake.pop();
            }

// Redessiner le jeu
            draw();

// Appeler la fonction updateGame à nouveau après chaque intervalle
            setTimeout(updateGame, 150);
        }

// Démarrer le jeu
        document.addEventListener("keydown", updateDirection);
        updateGame();
    </script>
</body>
</html>
```

Ce code HTML contient le jeu Snake, écrit en JavaScript et encadré par des balises `<script>`. Vous pouvez copier ce code dans un fichier HTML pour exécuter le jeu sur votre smartphone. Le jeu sera affiché dans un élément de div avec l'id "game-board", et vous pouvez contrôler le serpent en utilisant les flèches directionnelles du clavier.

Amusez-vous bien avec le jeu Snake ! Si vous avez besoin d'aide supplémentaire, n'hésitez pas à demander.