AI game creator

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

No:11596

3259

←

Prev Next

→

Move the snake
Developer anonymous｜Date and time 70/1/1 9:47:45
Build time unknown sec｜Game capacity 2.865KB｜

Script

Bien sûr, voici un exemple d'un jeu simple du serpent qui peut être implémenté en tant que fichier HTML unique :

Ce code crée un canevas HTML où le serpent est représenté par un rectangle vert. Il répondra aux touches fléchées pour changer la direction du serpent. Le serpent se déplace continuellement dans la direction choisie et le plateau de jeu est actualisé à chaque frame.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Bien sûr, voici un exemple d'un jeu simple du serpent qui peut être implémenté en tant que fichier HTML unique :

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jeu du Serpent</title>
    <style>
        #gameCanvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Dimensions du plateau de jeu
        const canvasWidth = canvas.width;
        const canvasHeight = canvas.height;

// La position du serpent
        let snakeX = 0;
        let snakeY = 0;

// La taille de chaque partie du serpent
        const snakeSize = 20;

// La direction du serpent
        let snakeDirection = "right";

// Fonction pour actualiser le rendu du jeu
        function drawGame() {
            // Effacer le plateau de jeu
            ctx.clearRect(0, 0, canvasWidth, canvasHeight);
            
            // Dessiner le serpent
            ctx.fillStyle = "green";
            ctx.fillRect(snakeX, snakeY, snakeSize, snakeSize);

// Déplacer le serpent en fonction de la direction
            if (snakeDirection === "right") {
                snakeX += snakeSize;
            } else if (snakeDirection === "left") {
                snakeX -= snakeSize;
            } else if (snakeDirection === "up") {
                snakeY -= snakeSize;
            } else if (snakeDirection === "down") {
                snakeY += snakeSize;
            }

// Demander à redessiner le jeu
            requestAnimationFrame(drawGame);
        }

// Fonction pour détecter les touches du clavier et mettre à jour la direction du serpent
        function handleKeyPress(event) {
            const key = event.keyCode;

if (key === 37 && snakeDirection !== "right") {
                snakeDirection = "left";
            } else if (key === 39 && snakeDirection !== "left") {
                snakeDirection = "right";
            } else if (key === 38 && snakeDirection !== "down") {
                snakeDirection = "up";
            } else if (key === 40 && snakeDirection !== "up") {
                snakeDirection = "down";
            }
        }

// Écouter les événements de pression de touche
        document.addEventListener("keydown", handleKeyPress);

// Démarrer le jeu
        drawGame();
    </script>
</body>
</html>
```